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

こんにちわ!ひちょこ(@hichocosan)です😊💓

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

てことで、さっそくぐぐったら、【table of contents】というプラグインが有名な模様!

「ダウンロードしただけで、目次がでてきてなんとまあ便利なプラグイン!」と書いてあったので、わくわく!どきどき!

ん🤔???なにも表示されない・・・

諦めきれず調べあさって解決したのですが、わたしみたいな初心者すぎる人がいなかったのかな?

同じ問題の人が見つけけることができなかったので、備忘録として残しておきます💕

これは無料テーマのsimplicity2を使っていた時に起きたものです!


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

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

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

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

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

うっかりさん!

 


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

これ!これ!これ!わたしの書き方に問題がありました!

👆この吹き出しはCSSのみで書いています。

これでは、目次として拾ってくれないことが判明!

わたしはビジュアルエディターで書いているのですが、いやそもそもタグを使わない方法で書いていたから気づかなかったのかも…?ぼそぼそ

解決方法

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

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


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

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

 

まとめ

そもそも書き方の問題でした🤪

今はJINのテーマにして、見出しで書くと自動的に吹き出しになるので問題はありませんが、無料テーマの時で、CSSのみだけで書いているのが原因でした…

ワードプレスっていろんな書き方があるから難しいーーー!!

お読みいただきありがとうございました😊

可愛い♡を求めるならワードプレスのテーマ【JIN】が絶対おすすめ!こんにちわ!ひちょこ(@hichocosan)です(ᵔᴥᵔ)💓 内緒の話なんですけど、実はワードプレスを無料テーマで立ち上げて4か...