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