ブログ

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

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

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

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

設定は全部したのに…目次が出てこない!というかたに参考にしていただければと思います。

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

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

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

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

原因1.設定画面でのチェック外しの見落とし

ただの凡ミスですが、チェック外すところを見落としてました・・・

うっかりさん!

 


原因2.見出しタグを使っていない

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

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

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

解決方法

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

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

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

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

 

まとめ

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

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

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

参考になれば嬉しいです。

今使っているテーマはこちら!
ワードプレスのテーマ JIN は簡単に『可愛い』が作れちゃう!ワードプレスのテーマ『JIN』は、簡単に可愛いブログを作りたい初心者におすすめです!無料テーマと有料テーマは何が違うのかも、両方使った私がお伝えします!...
関連記事