広告 ブログ

画像7枚で説明!WordPressテーマCocoonでサイドバーに目次を表示し追従させる方法

・Cocoonでサイドバーに目次を表示させたいんだけどどうやればいいの?

・サイドバーの目次を追従させる方法はない?

 

とお悩みの方の為に、この記事ではWordPressテーマCocoonでサイドバーに目次を表示し追従させる方法を画像7枚で説明します。

 

本記事に紹介する方法で設定すれば、以下の画像のようにサイドバーに目次を表示し追従させることができます!

 

目次がサイドバーに表示され、なおかつ追従していると、ユーザーの方がもう一度読みたい箇所にスムーズに移行することが出来るため、記事を読む際の利便性を高めることができます。

 

WordPress&Cocoon初心者の私でも簡単に設定することができましたので、是非参考にしてください!

 

サイドバーに目次を表示し追従させる方法

サイドバーに目次を表示し、記事をスクロールしていっても追従するようにするには、ウィジェットを編集すればOKです。ウィジェット編集によってサイドバーの設定を変更することができます。

 

ウィジェットを編集するには、管理画面から「外観」⇒ 「カスタマイズ」をクリックします。

 

カスタマイズの管理画面が出てきますので、「ウィジェット」をクリックします。

 

続いて「サイドバースクロール追従」をクリックします。

 

「ウィジェットを追加」をクリックすると、追加できるウィジェットが出てきますので、その中から「目次」をクリックします。

 

目次の設定画面が出てきますので、目次表示の深さから「どの深さ(どの見出し)まで目次を表示するかを選択」し、続いて「適用」 ⇒ 「完了」 ⇒ 「公開」の順でクリックします。

以上で設定完了です!簡単ですよね!

 

ご自身のブログ記事の画面プレビュー等で、目次がサイドバーに追加され、スクロールしても追従することをご確認ください!

 

まとめ

この記事ではWordPressテーマCocoonでサイドバーに目次を表示し追従させる方法を画像7枚で説明しました。

 

具体的にはウィジェットを編集することによって、追従する目次をサイドバーに追加することができます。

 

本記事が皆さんのブログ作成の参考になれば幸いです!

 

-ブログ