ブログを読みやすくするために欠かせない「目次」。
WordPressテーマ「Cocoon」なら、クリックだけで設定できるだけでなく、
表示位置／表示タイトル／番号表示（ナンバリング） まで細かく調整できます✨
この記事では、初心者さんでも迷わずに設定できるよう、
画像なしでもわかる言葉でわかりやすくまとめています👇🌱
📌１．目次を表示する設定（Cocoon設定）
STEP１：Cocoon設定画面を表示させる
- WordPress管理画面
→ Cocoon設定
STEP２：目次画面を表示→目次設定変更
- 上部タブから 目次 をクリック
- 「目次を表示する」にチェック
- 設定を保存
これだけで、見出しがあれば自動で目次が作られます✨
STEP３－１：目次を表示／非表示
- 目次の表示／非表示を選択することができます。
- 目次を表示させたいときは「✅目次を表示する」しましょう。
STEP３－２：表示ページの選択
- 基本設定はすべてのページ種類にチェックが入ってます。
- 基本はこのままでOK
STEP３－３：目次タイトルを変更
基本設定は「目次」です。
おすすめは「詳しい目次」です。
STEP３－１：目次を表示／非表示
STEP３－４：目次切り替え
- ☑目次の表示切替機能を有効にする
- 基本設定はこのままでOK
- 目次内容を最初から表示させたい場合は、☑最初から目次内容を表示するにチェックしましょう。
STEP３－５：目次ナンバーの表示
デフォルトは「数字」です。
見出しNOを自分で入力したい場合は、「表示しない」を選択できます。
※設定を変更したら、下部にある「変更をまとめて保存」をクリック
📍２．目次の表示位置を変える
同じ画面で選択できます👇
- 最初の見出しの前に挿入（おすすめ）
- 全ての見出しの前に挿入
- 手動でショートコード
✏️３。目次タイトル（表示名）を変更する
設定場所はこちら👇
👉 Cocoon設定 → 目次 →「目次タイトル」
例：
- この記事の内容
- 目次はこちら
- Contents
記事の雰囲気に合わせて自由に変えられます🌟
４．目次番号を表示する（ナンバリング機能）
目次に 番号を表示する と、
読者が今どこを読んでいるか視覚的に分かりやすくなります👇
設定場所：
👉 Cocoon設定 → 目次 →「番号を表示する」にチェック
🔹階層番号あり
例：
1.
1.1
1.2
2.
→ 内容が多い記事におすすめ（構成が伝わる）
🔹階層番号なし
例：
1.
2.
3.
→ シンプルにしたい場合に最適
🧩５．表示する見出しレベルを変更する
- H2のみ：シンプルに読みやすく
- H3まで：情報量の多い記事に最適
設定場所：
👉 Cocoon設定 → 目次 → 「表示する見出し」
🚫６．記事ごとに目次を非表示にする方法
問い合わせページなど、
目次が不要なときは記事側でオフにできます👇
記事編集画面 → 右側「ページ設定」→
目次を表示しない にチェック
🌟７．まとめ：目次は読者にやさしいブログへの第一歩
| 設定項目 | 効果 |
|---|---|
| 目次の表示 | 読者が迷わず読める |
| 表示位置 | スッキリした導線を作れる |
| 目次タイトル変更 | サイトの雰囲気に合わせられる |
| 番号表示（ナンバリング） | どこを読んでいるか分かりやすい |
| 見出しレベル設定 | 適切な情報整理ができる |
目次は「ブログのナビゲーション」
見やすいブログは信頼され、読まれ、ファンが増えます✨
