投稿本文の基本機能とHTML要素

h1~h6 見出し

WordPressの投稿本文では、h3要素から―h6要素を使います。(h1要素やh2要素を使っても、html5では問題ありませんが、古いブラウザや、特殊なブラウザを考慮して、h3から使用するのがおすすめです。)h3だと、文字サイズが小さめでバランスが悪いといった場合は、CSSクラス .h1-.h6を用意してありますので、クラスを指定してください。
例:

 

h3だけど文字を大きくする

<h3 class="h1">h3だけど文字を大きくする</h3>

クラスを追加する時は、エディタをテキストモードで行ってください。

見出し要素は記法が使えます

ワードプレスは、リストをエディターのボタン操作や要素の手書き入力を行わないで記号を入力する事で見出しを作る事もできます

##でh2 ###ならh3 文字を入力する前にスペース一個必要で 改行すると見出しになります

表示例

h2 投稿タイトルなどの見出し

h3 投稿本文で使用する見出し

h4 投稿本文で使用する見出し

h5 投稿本文で使用する見出し
h6 投稿本文で使用する見出し

ソース

<h2>h2 投稿タイトルなどの見出し</h2>
<h3>h3 投稿本文で使用する見出し</h3>
<h4>h4 投稿本文で使用する見出し</h4>
<h5>h5 投稿本文で使用する見出し</h5>
<h6>h6 投稿本文で使用する見出し</h6>

クラスの例

タイトル文字列

タイトル文字列

タイトル文字列

タイトル文字列

タイトル文字列

タイトル文字列

<p class="h1">タイトル文字列</p>
<p class="h2">タイトル文字列</p>
<p class="h3">タイトル文字列</p>
<p class="h4">タイトル文字列</p>
<p class="h5">タイトル文字列</p>
<p class="h6">タイトル文字列</p>

関連


一覧に戻る

1 2 3 4 5 6 7 8 9 10 11


コメントは受け付けていません。