ブログ記事やLPに目次があると、読者が知りたい情報にすぐアクセスできるようになります。
Aurora Design Blocksでは、「目次ブロック」を自動で追加でき、しかも表示／非表示の切り替えも超簡単！
この記事では、実際の操作動画をもとに「目次の設置〜カスタマイズ」の流れをご紹介します。
✔️ 手順1｜目次ブロックを挿入する
- WordPressのブロックエディタで記事を編集
- 記事に合わせてh2・h3を設定するだけで、自動的に目次が生成される
💡 編集画面では見えません。保存してプレビューしてみると目次が生成されているのがわかります。
✔️ 手順2｜目次の表示／非表示を切り替える
右側のブロック設定パネルに「目次表示」が表示されています。（コンテンツ下部に表示される場合もあります）
- 表示 → 記事冒頭に目次が常に見える状態
- 目次を非表示にチェック → 記事冒頭から目次が非表示になります。
💡便利な活用例
| シーン | 表示方法のおすすめ |
|---|---|
| 長文SEO記事 | 常に表示（見通しUP） |
| LPやトップページ | 目次を非表示にチェック（スッキリ） |
| FAQページ | 目次を非表示にチェック（スッキリ） |
🎯 スキルアップポイント
| 得られる効果 | 内容 |
|---|---|
| UX改善 | 読者が目的の情報に早くたどり着ける |
| SEO強化 | 目次はGoogleの検索結果スニペットにも影響 |
| サイトの印象UP | “読みやすい”と思わせる設計ができるように！ |
📝 まとめ
Aurora Design Blocksの目次機能を使えば、ノーコードでプロっぽい目次が作れるだけでなく、読者の満足度や回遊率もUP！
1クリックで切り替えできる表示モードは、シーンに応じて自由に調整できます。