Compass note

未踏の地へ踏み出すコンパス的エンジニアノート

WordPressで目次を自動生成する方法!おすすめプラグインと設定方法を解説

* 本ページはプロモーションが含まれています

はじめに:なぜ目次を自動化するべき?

ブログ記事に目次を設置することは、ユーザーの利便性を高め、記事の全体像を把握しやすくするために非常に重要です。しかし、記事の内容を手動で書き換えるたびに目次も修正するのは手間がかかります。

そこで、WordPressのプラグインを活用して目次を自動生成するのがおすすめです。本記事では、WordPressで簡単に目次を自動生成できるプラグイン「Table of Contents Plus」の導入方法と設定のコツを解説します。


目次を自動生成するメリット

  • 手間が省ける: 記事の見出し(h2, h3など)から自動的に目次を生成してくれるので、手動で作成・修正する手間がなくなります。
  • SEO効果: 適切な見出し構造を持った目次は、検索エンジンが記事の内容を理解する手助けになります。また、目次内のリンクが検索結果に表示されることもあります。
  • ユーザー体験の向上: 長い記事でも、目次があれば読みたい箇所にすぐにジャンプできます。これにより、ユーザーの満足度が高まり、離脱率の低下にもつながります。

Table of Contents Plusプラグインの導入方法

ブログ目次の自動生成には、シンプルで必要な機能が揃っている「Table of Contents Plus」がおすすめです。このプラグインは、多くのブロガーに愛用されています。

1. プラグインをインストールする

WordPressの管理画面(ダッシュボード)にログインし、左側のメニューから「プラグイン」→「新規追加」をクリックします。

右上の検索窓に「Table of Contents Plus」と入力し、表示されたら「今すぐインストール」をクリックします。インストールが完了したら、「有効化」を忘れずに行ってください。

2. プラグインを設定する

プラグインを有効化した後、左側のメニューの「設定」→「TOC+」をクリックして設定画面に進みます。

以下は、おすすめの設定です。

設定項目 おすすめの設定値
表示条件 3つ以上の見出しがあるとき
以下のコンテンツタイプを自動挿入 post(投稿)、page(固定ページ)にチェック
見出しテキスト 目次の上に表示するタイトルです。任意で設定しましょう。
番号振り チェックなし
ユーザーによる目次の表示・非表示の切り替えを許可 チェックあり
最初は目次を非表示 スマホユーザーが多い場合はチェックを入れるのがおすすめ
外観 サイトのデザインに合わせて変更(文字サイズ、背景色など)
上級者向け設定 見出しレベルをh2h3にチェック(h4以降は外す)

プラグインを使いたくない場合・目次が表示されない場合

「wordpress 目次 プラグインなし」で調べている方向けに補足すると、テーマ側の機能だけで目次相当のジャンプリンクを作ることも可能です。ただし、見出しを追加・削除するたびにリンク先を手動で書き換える必要があるため、記事数が増えるほど手間が増えます。運営していて感じるのは、10記事を超えたあたりからプラグイン管理に切り替えたほうが結果的に時短になるという点です。

目次が表示されない場合の主なチェックポイントは次の3つです。

  • 見出し(h2/h3)の数が「表示条件」で設定した数に届いていない
  • テーマ側のショートコード機能と競合し、[:contents]や目次タグが二重に出ている
  • キャッシュ系プラグイン(W3 Total Cache等)でページがキャッシュされたまま更新前の表示になっている

テーマ別の注意点(Cocoon等)

「wordpress 目次 プラグイン おすすめ」で比較検討している方向けに一点補足すると、Cocoonなど目次機能を標準搭載しているテーマでは、Table of Contents Plusと機能が重複し目次が二重表示されることがあります。標準テーマ機能付きの場合は、まずテーマ側の目次設定をオフにしてからプラグインを有効化してください。

関連記事

WordPress全般の設定・トラブルシュートは以下もあわせてどうぞ。

まとめ:WordPress目次を自動化して執筆に集中しよう

WordPressの目次を自動生成することで、記事執筆の時間を大幅に短縮できます。特に、スマートフォンでの閲覧が多い現代では、目次を非表示にしておくことでユーザーの離脱を防ぐ効果も期待できます。

Table of Contents Plus」を導入し、効率的なブログ運営を始めましょう。