Aurora Design Blocksの目次機能を使って、ページに「目次」を追加する方法

ブログ記事やLPに目次があると、読者が知りたい情報にすぐアクセスできるようになります。
Aurora Design Blocksでは、「目次ブロック」を自動で追加でき、しかも表示/非表示の切り替えも超簡単!
この記事では、実際の操作動画をもとに「目次の設置〜カスタマイズ」の流れをご紹介します。

✔️ 手順1|目次ブロックを挿入する

  1. WordPressのブロックエディタで記事を編集
  2. 記事に合わせてh2・h3を設定するだけで、自動的に目次が生成される

💡 編集画面では見えません。保存してプレビューしてみると目次が生成されているのがわかります。

✔️ 手順2|目次の表示/非表示を切り替える

右側のブロック設定パネルに「目次表示」が表示されています。(コンテンツ下部に表示される場合もあります)

  • 表示 → 記事冒頭に目次が常に見える状態
  • 目次を非表示にチェック → 記事冒頭から目次が非表示になります。

💡便利な活用例

シーン表示方法のおすすめ
長文SEO記事常に表示(見通しUP)
LPやトップページ目次を非表示にチェック(スッキリ)
FAQページ目次を非表示にチェック(スッキリ)

🎯 スキルアップポイント

得られる効果内容
UX改善読者が目的の情報に早くたどり着ける
SEO強化目次はGoogleの検索結果スニペットにも影響
サイトの印象UP“読みやすい”と思わせる設計ができるように!

📝 まとめ

Aurora Design Blocksの目次機能を使えば、ノーコードでプロっぽい目次が作れるだけでなく、読者の満足度や回遊率もUP!
1クリックで切り替えできる表示モードは、シーンに応じて自由に調整できます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

To Page Top