🔷WordPressのヒント 37　ブログ記事の見出しが目次

では、ブログの見出し、さっそく使ってみますね。

チャレン

よろしくお願いいたします。

皆さん、WordPress新規投稿から記事を書いていますね。
エディターを使っていますね。
まずはバージョンの確認です。5.0以上ですか。
ここではバージョン6.7.1を使っての利用方法になります。
まずは挿入する場所を決めます。

ステップ1は
そこで改行します。すると
「ブロックを選択するには「/」を入力」と表示されます。
図を参照してくださいね。

そこで「/」を入力すると下の図の画面が現れます。

あるいは「ブロックを選択するには「/」を入力」の右側にを選んでもOKです。下の図のようにブロック選択できる画面が現れます。

ステップ２
ブロック一覧の中から「見出し」を選ぶよ。
下の図のように見出しが挿入されました。

「見出し」を入力できるよ。

ここで注目。H2です。これは、大見出し、中見出し、

小見出しのような見出しの深さなんです。H1～H6まで

あるんだよ。何もしなければH2の見出し。中見出しにしたければH3かな。

はい。では挿入した「見出し」ブロック。

目次が記事にどんな感じになるか見てみますね。

こんな感じになりました。見出しの●は数字にも変更できますよ。

H2記事の中にH3見出しを更に挿入すると、こんな感じです。
H2見出しの下にH3見出しが現れました。

その時の編集画面はどんな感じかな。
H2見出し➡H3見出し➡H4見出しまで挿入してますね。
でも、投稿記事の目次はH2とH3まで。
どうして、H4が表示されないの？？？

なんか違ってませんか。投稿記事の目次はH2とH3まで。
どうして、H4が表示されないの？？？編集ではH4見出しもありますよね。

はい、H4見出しが表示されました。

それでは種明かしです。それはcocoon設定の「目次」で変更できますよ。

では「目次」を選びます。目次設定画面が現れますね。

そこで「目次表示の深さ」、ここで「H4見出しまで」としました。

これだけです。簡単ですね。

記事で見出しを細かく分けて、それを目次にどこまで表示されるか。

これで設定できます。

お試しくださいね。