WordPressで目次を自動的に生成する方法

      2017/05/29

ブログ記事に「目次」を表示しているサイトは数多くあります。どうやって作っているのか気になったので調べてみました。すると、これは記事を作るときに手動で作成しているのではなく自動生成されているようです。
 WordPress の Table of Contents Plus というプラグインを導入するとすべて自動処理してくれます。また、新規投稿時ではなく、過去の記事にも自動的に目次が表示されます。

目次を表示するには

目次を表示するためには、記事に見出しが使われている事が条件になります。Table of Contents Plus プラグインが見出し行を検出すると、見出しから自動的に目次が作られるからです。

WordPressのビジュアルエディタの段落のところから、見出し2~6のいずれかを選択して記事に見出し行を追加します。見出し2~6はそれぞれ階層に対応しているようです。2016-08-25 (2)

 

インストール方法

ダッシュボードから[プラグイン]->[新規追加]と移動します。

2016-08-25 (1)

Table of Contents Plusを検索して、見つかったら、「今すぐインストール」します。

2016-08-25 (3)

インストールしただけだと、投稿ページには目次が自動生成されませんので、以下の設定方法で設定します。

設定方法

インストールが完了したら、[プラグイン]->[インストール済プラグイン]から、Table of Contents Plus を探して、「設定」をクリックします。

2016-08-25 (4)

設定画面が表示されますので、以下の赤丸のところにチェックをして、見出しテキストのところにお好みの文字を入力しましょう。

2016-08-25 (5)

※表示条件・・・上記の設定では見出しが4つ以上あるときに目次が自動生成されます。ご自分の投稿ページに合わせて設定します。
※次の投稿タイプのときに表示・・・postにチェックをすると、投稿記事に目次が生成されます。

下のほうに「更新」ボタンがありますので、クリックします。

これで、ブログのどの記事を見ても目次が自動生成されることになります。
※上記の設定では記事に見出しが4つ以上ある場合のみ。

まとめ

WordPress のプラグイン、Table of Contents Plus を使った目次の自動設定方法をご紹介しました。
ポイントは以下の2点です。

(1)記事に複数の見出しが設定されていること。
(2)Table of Contents Plus をインストールして、設定ページで 表示条件と post を変更するだけ。

以上で自動的に目次が表示されます。

ぜひ、お試しください。

big

 - ブログ