アホでもわかる!cocoon目次の作成方法

お役立ち

ブログを始めたての人間が、初心者目線すぎて誰も明文化してなくて困った点について解説します。
cocoonでブログを始めようと思っている人の助けになるかも!?
(困ってたのが自分だけだったら悲しいな)

前提

cocoonはプラグイン必要なし

「目次、wordpress」で検索すると、プラグインのダウロードをお勧めされますが、cocoonはデフォルトで目次機能が組み込まれています。

プラグインをダウンロードすると、そちらが優先されてうまくcocoonの目次機能が作動しない可能性もあるので、プラグインはダウンロードしないようにしましょう。

設定方法

Cocoon設定→目次ページを設定します
・目次の設定にチェック
これで目次の設定は終わりです。

ここで大事なことをお伝えします

H2見出しがない本文には目次が設定されない!!

プレビューには目次が表示されない!!

大変盲点でした。

それぞれ解説します。

H2見出しがない本文には目次が設定されない

えっそうなの??
デザインがオシャレだから、H3以下の見出ししか使ってなかったなぁ…。

って書いてあるやん!

というわけで、H2見出しを使うようにしましょう。

プレビューには目次が表示されない

目次が表示されないので、解決策をいくつも調べて回っていました。
なぜっ、どんなに頑張っても目次の表示ができないよっ

諦めて保存してサイトをみたら

表示されてる〜!!

その他

記事の個別設定で「目次を表示しない」にチェックしてないか、お気をつけください。

おわりに

以上、Cocoonで目次を表示する上で、筆者がドツボにハマった点をまとめました。

もし同じ状態で困ってる人がいたら、参考になったら嬉しいです。

タイトルとURLをコピーしました