こんにちは。今回はブログに目次を作っていきたいと思います。目次を作るとブログを見に来てくれた人に喜んでもらえます。ブログが読みやすくなり、見たいところだけすぐに見ることもできます。
毎回HTMLで目次を作ることもできますが面倒ですので、自動で作ってくれるプラグインを使うことにしました。
ワードプレスには目次が作れるプラグインがたくさんあります。
- Easy Table of Contents
- Table of Contents Plus
- TOC
名前からして簡単そうなEasy Table of Contentsというプラグインを使うことにしました。
Table of Contents
「Easy Table of Contents」をインストールする
まずはプラグインをインストールします。
- ダッシュボードを開き左端の「プラグイン」を開きます。
- 上の方のプラグインと書かれたすぐ隣の「新規追加」をクリックします。
- 検索欄に「Easy Table of Contents」と入力し検索します。
- 「Easy Table of Contents」をインストールします。
![](https://atsuo3.com/wp-content/uploads/2023/08/easytableofcontents.jpg)
これでインストールするできました。
プラグインの設定をする
ダッシュボードの左端の「設定」を開いてください。すると「目次」というところがありますので開きます。ここで自分のイメージに合うように設定してみてください。
![](https://atsuo3.com/wp-content/uploads/2023/08/mokujirei.jpg)
デフォルトでこんな感じの雰囲気になりました。もうこれで十分です。
おすすめの設定を考えてみました。
- 「折りたたみ表示」はチェックを外します
- 「幅」は50%で。
あとはCSSで変更するのが良さそうです。
サイドバーに目次を表示する方法
デフォルトでは目次は記事の中に表示されますが、サイトの両サイドに表示することもできます。これは人によりブログのデザインが違うので全く同じではありませんが、大体同じなのでその方法を紹介します。
- まずはダッシュボードを開きます。
- 左側のメニューから「外観」をクリックします。
- 「ウィジェット」をクリックします。
- 「利用できるウィジェット」に「目次」というウィジェットがあるので探します。
- ウィジェットをドラッグ&ドロップでサイドバーに配置します。
![](https://atsuo3.com/wp-content/uploads/2023/08/easytableofcontentssidebar.jpg)
横にあると見やすいですね!