今まで「Table of Contents Plus」を使っていましたが、突然、目次が表示されなくなりました。原因は入れているプラグインの相性が悪かったようです。プラグインを削除するわけにもいかず、「Table of Contents Plus」を削除し、Cocoon設定にある目次を設定することにしました。
![](https://anything-site.com/wp-content/uploads/2023/02/da86a3c753f00e7381c0b260889e9620.jpg)
「Table of Contents Plus」の目次が表示されない原因
最初は、「Table of Contents Plus」で目次を設定していたのですが、いつの間にか表示されなくなりました。表示されない原因についてかかれているサイトがありました。抜粋して掲載します。
最後に目次が表示されない原因をまとめておきます。
目次の表示:チェックを入れる
表示ページ:『投稿ページ』にチェックを入れる
表示条件:設定数以上の見出しを記事に入れる
目次表示の深さ:記事の見出しタグの深さに合わせる
WordPress、テーマ、プラグイン、PHPのバージョンは最新か?
他プラグインとの相性が悪い:一つずつ停止してみる出典: sattoga.com
順番に確認すると、どうも「他のプラグインとの相性」が悪かったようでした。プラグインを削除したくありませんので「Table of Contents Plus」を削除し、Cocoonの目次を設定することにしました。
Cocoon設定にある目次を設定
設定は基本同じです。
1)【設定は『Cocoon設定』→『目次』で行います。】
![](https://anything-site.com/wp-content/uploads/2023/02/0eb9b7c22f20d76c6e71f7f5ae2b75bf-3.jpg)
黄色の部分をクリック
2)【目次の表示】
![](https://anything-site.com/wp-content/uploads/2023/02/d2a80708647cccdc88ec4a05a1bf9c7d-1024x123.jpg)
目次を表示する時はチェックを入れ、表示しない時はチェックを外します。
3)【表示ページ】
![](https://anything-site.com/wp-content/uploads/2023/02/216a7cf29ba3742f8e10bde8c9cab3f0-1024x339.jpg)
表示ページの選択で、「投稿ページ、固定ページ、カテゴリーページ、タグページ」から選択します。
特定のページのみを表示させたくない時は、記事の投稿画面の『ページ設定』メニューには、『目次を表示しない』にチェックをします。
![](https://anything-site.com/wp-content/uploads/2023/02/pe-jisettei.jpg)
4)目次タイトル
![](https://anything-site.com/wp-content/uploads/2023/02/7858acd5d19eb4456ba470f8025edb8d.jpg)
お好みのタイトルで設定して下さい。例えば、「目次」「content」など・・・
5)【目次切り替え】
![](https://anything-site.com/wp-content/uploads/2023/02/40dfd8fb821b3c2124ac9de8795035d5.jpg)
チェックを入れると目次表示の横➡目次の(開く/閉じる)が有効になり、チェックを外すと目次のみの設定になります。
6)【表示条件】
![](https://anything-site.com/wp-content/uploads/2023/02/2309d81525372c2701e2e3899bed400c.jpg)
例えば、3つ以上の見出しの設定しているときに、原稿の見出しが2つの場合は表示されません。
7)【目次表示の深さ】
![](https://anything-site.com/wp-content/uploads/2023/02/96a87a1f6d832845932efd9148d6070b-1.jpg)
変更した数字までしか子目次が作成されません。
※記事ごとに目次表示の深さを変更できません。
8)目次ナンバーの表示
![](https://anything-site.com/wp-content/uploads/2023/02/21084957e10c7f890febc060a084a64b.jpg)
「目次ナンバーの表示」
- 表示しない
- 数字(デフォルト)
- 数字詳細(ex:1.1.1)
- ドット(黒丸)
- ドット(白丸)
- 黒四角
目次ナンバーの表示を選択すると選択されたところの表示形式で表示されます。
9)目次の中央表示
![](https://anything-site.com/wp-content/uploads/2023/02/a05dc82c9b0674741af7f3de4edb356a.jpg)
チェックを外すと目次が左寄せになります。
10)目次の表示順
![](https://anything-site.com/wp-content/uploads/2023/02/dbe17fc4cf2947230b087617658d5727.jpg)
目次の表示順 『目次の表示順』は、Cocoon設定の『広告』機能(アドセンスなど)を利用している場合に必要な設定箇所です。 チェックを入れると、目次が先で、広告が後に表示されます。 チェックを外すと、広告が先で、目次が後に表示されます。
出典: www.google.com
11) 見出し内タグ
![](https://anything-site.com/wp-content/uploads/2023/02/31d2608b585113db2f0ba339697f996f.jpg)
![](https://anything-site.com/wp-content/uploads/2023/02/0ebc0cdee7bb8d68816a90a0f01f82b5.jpg)
まとめ
Cocoonで目次設定するにあたり、たくさんの方のサイトを参考にさせていただきました。目次の設定で困られる方がおられましたら参考にしてみて下さい。
引用元:Sattoga(【Cocoon】目次機能の使い方を詳細解説!表示されない原因もチェック)、阿木人のブログ(【初心者向け】Cocoon(コクーン)での目次の作り方)