![Diver&TOC+で目次メニューを追従サイドバーに追加する方法](https://benrism.com/wp-content/uploads/2020/06/夏のスプレッド-2.jpg)
Diverでは目次メニュープラグインに「Table of Contents Plus(TOC+)」を推奨しています。目次メニューは投稿記事冒頭への表示だけでなく、追従サイドバー上に追加することも出来ます。長文記事では訪問者のユーザビリティ向上にも繋がります。
目次
追従サイドバーへの追加方法
追従サイドバーへの追加手順
WordPressダッシュボードから「外観」> 「ウィジェット」を選択します。
![](https://benrism.com/wp-content/uploads/2020/06/コメント-2020-06-30-121809.jpg)
「利用できるウィジェット」よりTOC+を選択します。(下矢印を押して開く)
![](https://benrism.com/wp-content/uploads/2020/06/コメント-2020-06-30-121912.jpg)
追加位置を「追従サイドバー」とし、「ウィジェットを追加」ボタンを押します。
![](https://benrism.com/wp-content/uploads/2020/06/コメント-2020-06-30-121939.jpg)
追従サイドバーのエリアにTOC+が表示されていれば正常に追加できています。適宜表示タイトルを任意に設定下さい。
![](https://benrism.com/wp-content/uploads/2020/06/コメント-2020-06-30-122005.jpg)
追従サイドバーの表示確認
PC表示
設定が完了したら、実際の投稿記事で追従サイドバーの表示を確認します。サイドバーに目次メニューが表示されている事が確認できたでしょうか。
![](https://benrism.com/wp-content/uploads/2020/06/コメント-2020-06-30-121707.jpg)
投稿記事をスクロールすると目次メニューが追従します。目次の表示も投稿記事に沿った位置を表示してくれるので、読者も今自分が読んでいる箇所を一目で確認できます。
![](https://benrism.com/wp-content/uploads/2020/06/コメント-2020-06-30-121626.jpg)
モバイル表示
![](https://benrism.com/wp-content/uploads/2020/07/tyyktkytyk.jpg)
モバイル表示ではサイドバーそもそもが記事本体の下に表示されることとなる為、目次メニューも追従サイドバーの意味合いではほぼ役立ちません。
PC表示限定の強みになってしまいますが、サイト訪問者の利便性向上に大きく貢献すること間違いなしです。設定が簡単に出来るのも嬉しいポイントです。ぜひ実践してみてください。