Cocoon : 目次が表示されない!

Wordpress

こんにちは、ぱらゴリです。

今回は、ブログの初回投稿をした際にどうやっても

目次が表示されない!
という事態に陥りましたが、無事解決いたしましたのでその時の解決方法についてお伝えしたいと思います!
スポンサーリンク

Cocoonの目次を表示する基本設定

本来Cocoonというテーマはかなり優秀で見出し(H2やH3)を作ると自動的に目次を作ってくれます。
方法は、左の欄にある「Cocoon設定」を開きます。そして「目次」を選択。
そして最後に「目次を表示する」に✔️を入れたら後は自動的に見出しに沿って作ってくれます!
目次
がどこのブログを見てもここで止まってしまっており、
私の場合この設定を何回やってもできませんでした…!!!

これでできなかった時の対処方法

これが灯台下暗し、プラグインに原因がありました!

目次生成で有名なプラグインである「Table of Contents Plus」

これが有効化されており、テーマであるCocoonの設定を上書きしてしまっていたようです…。

ブログを始めるにあたって、

インストールしておいた方が良いプラグインリスト
といった内容で、Youtubeやブログにたくさん上がっています。
とりあえず、入れておいて、有効化して…。といった作業を手探りで行っていたことが原因でした。
いつか役に立つだろう…といったことはなかなか無いですね!しっかりと必要な情報は取捨選択しておいた方が良いと感じた一件でした。

おまけ

いろいろなサイトやHTML、CSSを必死に一日12時間以上かけて一週間勉強してできたのが今の形なのですが、
初めは、Stinger8を使っていました。理由は簡単!
インフルエンサーが動画でお勧めしていたから!
しかしこの選択がかなり仇となりました。
ブログのカスタマイズを1から学びたい!といった方にはお勧めです!!
と某ブログやYoutuberが言っていますが…
ズブの素人には難しすぎる
というのが私の見解です。情報はいくらでもありますがあまりに難易度が高すぎる!!

Cocoonは最高の無料テーマ

そんな悩みを解決してくれるのがCocoonです!

目次の作り方を探している時に、ひとつ見落とした設定がありました・・・

それが

『スキン』という設定です。

スキンとは?

Cocoonに無料でついている、ブログのデザイン集です。

スキンの凄いところは、

選択するだけ

例としてわいひらさんのCOLORS(イエロー)にカーソルを合わせています!

するとサンプル画像が表示され、選択し更新するとこのデザインが適応されます!

すごくないですか!?

私はもっと早く知っておけば…と悔やむばかりです笑

まとめ

いかがでしたでしょうか?

今回は目次の作り方と、作れない時の対処方法を一つ紹介させていただきました。

CSSから一生懸命探すことも大事ですが、先人の経験を綴ったブログはとても良い教科書ですね!

そしてCocoonは初心者にかなりお勧めの無料テーマであることをお伝えさせていただきました!

カスタマイズ方法は、Google先生と相談して検索していただければたくさん出てきますので

自分にあったカスタマイズを楽しみましょう!

最後までありがとうございました!
スポンサーリンク
Wordpress
ぱられるゴリラ

コメント