ブログ

盲点!【table of contents】目次のプラグインが表示されない時に見るところ

ひちょこ
ひちょこ
わたしもワードプレスで素敵な目次がほしい!

てことで、さっそく「table of contents」というプラグインをダウンロードし、設定したのですが、何も表示されない!

原因は…そもそも目次の作り方が分かっていなかったことでした。

「設定は全部したのに…目次が出てこない!」というかたは、今一度チェックしてみましょう!

これは無料テーマのsinplicity2を使っていた時の記事です!

table of contents ダウンロード&設定

こちらの目次がとても可愛いかったので、参考にさせていただきました🙏

設定方法も詳しくかいてあるのでご覧くださいませ😘

原因1:『post』チェックの入れ忘れ

『page』は固定ページ、『post』は通常書くページになるので、ここのチェックがないと目次が表示されません!

目次表示されない

 


原因2:そもそも見出しタグを使っていない

実はこの問題は、見出しタグ(h2)などで目次を書いていなかったことが原因でした💦

吹き出しをCSSに書き出したものだけで作ってしまっていたのです。

これでは、もちろん目次として拾ってくれないですよね😭

解決方法

1.table of contentsの設定のところでheading2にチェックを入れます。

table of contents表示されない

2.目次にしたい文章(ここでは吹き出しの中の文章)を見出し2で書きます。


見出しレベルの「2」とheadingの「2」という数字で合わせることで目次が無事表示されました✨

ここでheading2(h2)とheading3(h3)を選ぶ理由として、heading1(h1)は記事のタイトルで使っているためです!heading1(h1)は使わないように🙅

 

まとめ

そもそも書き方の問題が原因で、目次が表示されなかったということが分かりました。

h2タグを使わずに、CSSに書き出した吹き出しを使っていただけでした…💦

ワードプレスって書き方が難しいですよね😭

お読みいただきありがとうございました。参考になれば嬉しいです。

今使っているテーマはこちら
ワードプレスのテーマ JIN は簡単に『可愛い』が作れちゃう!ワードプレスのテーマ『JIN』は、簡単に可愛いブログを作りたい初心者におすすめです!無料テーマと有料テーマは何が違うのかも、両方使った私がお伝えします!...
ブログをおしゃれにするコツ
おしゃれなブログのデザインを簡単に作る方法【画像・配色】『おしゃれなブログにしたい』と思っても、デザインのセンスがないし!と悩んでいるかたに、ド素人でも簡単におしゃれなブログにする3つのコツを教えます!...
ワードプレストラブル関連記事
【解決法】functions.phpを編集したらワードプレスの画面が真っ白に!先日ワードプレスでfunctions.phpを編集していたとき、 急に画面が真っ白に…!ログインもできなくなりました。 ...
関連記事