本ページはプロモーションが含まれています
目次をサイドバーに表示し、スクロールに応じて追跡させるように設定できれば、ユーザーはいつでも目次を参照することができ、知りたい情報へのアクセシビリティも向上します。
WordPressではプラグイン「Table of Contents Plus」が有名ですが、このプラグインでもサイドバーに実装することができます。今回はその方法を紹介していきます。
まだ、Table of Contents Plusの基本的な設定が終わっていない方はこちらからどうぞ。
![](https://tomato-code.com/wp-content/uploads/2017/11/book-2911140_1280.jpg)
Table of Contents Plusで作成した目次をサイドバーに表示する方法
基本設定
管理画面「外観」→「ウィジェット」より右側にあるサイドバーのエリアに”TOC+”のウィジェットをドラッグ&ドロップします。
![](http://tomato-code.com/wp-content/uploads/2017/11/9bafa02cf90aacac4ec5dcbb47239daf.png)
目次のタイトルを適宜変更し、設置完了です。
![](http://tomato-code.com/wp-content/uploads/2017/11/50c0bd3ea00c74beef8b87d05e8f0e31.png)
サイドバーのみに表示させる
デフォルトのままでは、記事中とサイドバーの二箇所に目次が設置されています。
記事中の目次を非表示にし、サイドバーにのみ目次を表示させる場合は、「目次をサイドバーにのみに表示」にチェックを入れます。
![](http://tomato-code.com/wp-content/uploads/2017/11/53c17496c9d91690b9bef782d0508824.png)
チェックを入れると、投稿画面には目次を表示させたくない(サイドバーのみに表示する)ページを設定する項目が現れます。特に理由がなければ”post”と”page”にチェックを入れて保存しましょう。
![](http://tomato-code.com/wp-content/uploads/2017/11/26da22420d0444d52ef83157c57bb429.png)
これでサイドバーにのみ目次を表示する設定が完了です。
![](http://tomato-code.com/wp-content/uploads/2017/11/79d42d8f774e76ac072a98c8e5d088bb.png)
![](https://www19.a8.net/0.gif?a8mat=3BSUOX+49LUUQ+3GWO+5ZEMP)
WordPressの目次をサイドバーに表示させる方法についてのまとめ
Table of Contents Plusはサイドバー以外にもフッターなどにも設置可能です。あまり使用用途はありませんが、柔軟性の高いプラグインなので、色々とカスタマイズしても面白いかもしれません。自分なりに目次をアレンジしてみてください。