SWELLの目次設定｜表示条件・サイドバー追従・出ないときの確認順

※本記事にはプロモーションが含まれます。

SWELLの目次が出ないとき、デザインだけを変えても直りません。表示対象、抽出する見出し、表示条件、記事単位の上書きを順に確認する必要があります。

反対に目次が長すぎる場合は、非表示にする前にH3まで拾う必要があるかを見直します。

「どのページで出すか」「どこまで拾うか」「何個から出すか」「読書中にどう戻るか」の4つに分けると迷いません。

確認範囲：2026年9月4日、SWELL 2.19.0で目次の表示対象・抽出階層・必要な見出し数の設定欄を確認しました。設定保存とサイドバー追従の実操作は未検証です。

最初に4つの判断を整理し、その後で表示条件とトラブル時の確認順を見ていきます。

目次設定は4つの判断に分ける

SWELL公式によると、記事本文の最初のH2直前へ目次を自動生成できます。目次そのものを手入力する必要はありません。

設定はカスタマイザーの「投稿・固定ページ」内にある「目次」から行います。

投稿・固定ページ別の表示を決める

カスタマイザーでは、投稿ページと固定ページで目次の自動生成を使うかを分けて設定できます。

当サイトでは投稿ページの表示チェック、抽出する見出し階層、表示に必要な見出し数をそれぞれ別に指定する画面でした。画像の「h5」「2」は現状値であり、すべての記事への推奨値ではありません。

すべての固定ページへ必要とは限りません。問い合わせ、プロフィール、短いランディングページでは、目次が行動を遮る場合があります。

公式マニュアルでは、サイト全体の設定と反対の指定を記事・ページ単位で上書きできます。例外が少数なら、全体設定を変えず対象記事だけで切り替えます。

「一部の記事だけ出ない」ときは、記事編集画面の目次設定が全体設定を上書きしていないか確認してください。

H2だけかH3まで含めるかを選ぶ

公式マニュアルでは、目次に抽出する階層をH2だけ、またはH3までから選べます。

H3まで含めると詳細へ直接移動できますが、項目数が増えます。スマホで目次が画面を占有するなら、先にH2だけへ絞ります。

H2だけで記事の流れが分からない場合は、見出し文そのものが抽象的かもしれません。「設定」「使い方」だけでなく、読者が何を判断できるかを書くと目次だけでも内容を把握できます。

H4以下まで目次へ見せたくなる場合は、記事の階層が深すぎないか見直します。目次設定で構造の問題を隠さないことが大切です。

表示する見出し個数を調整する

SWELLには、抽出対象の見出しが何個以上あるときに目次を出すかを設定する項目があります。

短い記事に目次が出ると、本文より案内のほうが大きく見えます。反対に条件を高くしすぎると、必要な長文記事でも出ません。

目次が表示されない場合は、記事内のH2・H3の総数ではなく、現在の抽出対象になっている見出し数を数えます。

H2だけを対象にしているなら、H3が多くても表示条件には届かない可能性があります。条件値を変える前に、抽出階層との組み合わせを確認してください。

デザインは構造が決まってから選ぶ

公式マニュアルでは、目次のデザインとリストタグの組み合わせを選べます。見た目の違いより、番号が必要か、階層が読み取れるかを先に決めます。

手順やランキングのように順序へ意味がある記事なら番号付き、順序がない案内なら箇条書きが自然です。

目次の色をサイトのメインカラーへ合わせても、リンクだと分からなければ役に立ちません。文字サイズ、行間、リンク状態をスマホで確認します。

目次前後へ広告やCTAを置く場合は、目次と操作が競合しないよう間隔を取ります。読者が本文へ入る前に大型要素を連続させないでください。

固定目次ボタンとサイドバー追従を使い分ける

公式マニュアルでは、画面右下へ固定目次ボタンを表示する機能が案内されています。カスタマイザーの「サイト全体設定」にある「下部固定ボタン・メニュー」から設定します。

シングルカラムやスマホでは、読書中に目次へ戻る経路として固定ボタンが役立ちます。

サイドバーが常に見えるPCレイアウトでは、追従目次が候補です。ただし固定ボタンと同じ役割を重ねると、操作要素が増えます。

画面幅ごとに主要な戻り口を1つ決め、固定ボタンがCookie通知や別の固定CTAへ重ならないか確認してください。

目次が出ないときの確認順

太字の段落を見出しに見せていても、H2・H3としては数えられません。エディターのアウトラインで見出し構造を確認します。

一部記事だけの問題なら記事単位の上書き、サイト全体ならカスタマイザー設定から見ると、調査範囲を狭められます。

公開前の目次チェック

記事の構造と目次は同じ問題の表裏です。目次設定だけで読みにくさを直せない場合は、H2ごとの問いを整理します。

SWELLを利用中の方は、表示対象・見出し階層・固定目次の順に設定を確認してください。

関連する設定は、FAQとアコーディオンの使い分けで確認できます。

SWELLをまだ利用していない方へ

目次や固定目次をテーマ標準で管理したい方は、SWELLへ替えることで減らせる作業と17,600円の費用を比較できます。

公式情報

• 目次に関する設定
• 固定目次ボタンの設定方法