WordPressにおける目次の作り方（テーマとプラグインで作成）

WordPressブログで目次を作るのに手間取ってはいませんか？

目次の作り方はWordPressテーマによって異なるので、正解は1つではありません。

そこで、この記事ではWordPress目次の作り方をテーマ別に解説します。

• SWELLの目次の作り方
• Cocoonでの目次の作り方
• プラグインによる目次の作り方

基本的にはWordPressテーマに付属しているやり方で行い、プラグインを使った方法は非推奨です。

初心者の方でも目次が作れるようになるので、ぜひ参考にしてみてください。

WordPressにおける見出しの作り方（目次機能のあるテーマ編）

目次の作り方を主要なWordPressテーマで解説します。

• SWELL：稼ぎたいブロガーに大人気のテーマ
• Cocoon：無料テーマ

使用人数が多いテーマで目次の作り方を解説しますので、ぜひ参考にしてみてください。

SWELLにおける目次の作り方

SWELLは初期設定で目次が設定されています。

なので、基本的には何もしなくていいですが、設定を変更する際は下記の手順で操作しましょう。

ブログ初心者の場合は、設定をいじらないのが無難です。

初期設定のままでも全く問題ありません。

Cocoonにおける目次の作り方

Cocoonにおける目次の作り方は画像付きでまとめました。

1. Cocoon設定にカーソルを合わせる
2. 右側のCocoon設定をクリック

Cocoon設定が2個あるので、右側のCocoon設定をクリックします（下の画像です）

間違って左側をクリックしてしまった場合は、Cocoon設定が縦に2つ並ぶので、下側をクリックしましょう。

「cocoon設定」→「cocoon設定」

そのあとは以下の画像のように設定します。

目次を表示するにチェックを入れれば、目次が表示されるようになります。

あとはほとんど変える必要がありませんが、
画像に書いた箇所だけ変更するようにしてください！

このようにテーマで変更できる場合もありますが、目次が設定できるテーマがそれほど多くないので、基本的にはプラグインで設定します。

WordPressにおける見出しの作り方（プラグイン編）

プラグインで目次を作ると、以下のような目次を作ることができます。

【目次の表示】

やり方はかなり簡単で、「Table of Contents Plus」というプラグインで目次を入れることができます。

【目次の入れ方】

「プラグイン」→「新規追加」→「Table of Contents Plus」を入力

「プラグイン」→「設定」をクリック

あとは以下の設定を真似してみてください。

h2とh3にチェックと書いてますが、h2のみでも構いません。

「h2」だけか「h2とh3」にチェックです。

最後に「設定を更新」をクリック

画像に載ってない箇所は変更なしです。

まとめ：WordPressの目次の作り方〜基本的にプラグインで設定〜

最近はWordPressテーマに目次機能が入っているテーマが多くなってきました。

なので、あまりいじらなくて良くなりましたが、WordPressテーマに目次機能がない場合は「Table of Contents Plus」というプラグインで簡単に目次が作れます。

当ブログの運営者は、WordPressでわからない点をサポートするサービスを運営しています。

2回目以降は有料になりますが、初回1時間は無料相談できます。

WordPressの操作でお悩みの方は、ぜひ一度チェックしてみてください。

※ Webインカム構築ゼミは終了し、新しく生まれ変わりました。