「WordPress」の目次をサイドバーでスクロール追従する方法!!

2023年10月6日

サイドバーのスクロール追従って何?

サイドバースクロール追従とは、ブログなどのサイトを閲覧している際、下へ下へスクロールした時にサイドバー(右側にあるバー)が追いかけてついてきてくれる機能です。

以下の手順通りに設定すると、サイドバーの一番下にあるスペースに目次を入れて追従させることができるようになります。簡単にできます。

目次をサイドバーのスクロール追従させる設定方法

テーマ「Cocoon(コクーン)」の画面の画像を貼っています。他のテーマでもスクロール追従の機能は備わっているものもあります。詳しくはテーマ別webサイトをご参照ください。

(1)ダッシュボードから、①外観→②ウィジェットをクリックします。

 →③サイドバースクロール追従。ここに目次を追加します。

(2)利用できるウィジェットの①目次を選択します。→②サイドバースクロール追従を選択します→③ウイジェットを追加をクリックします。

(3)サイドバースクロール追従を確認してみると、目次が追加されました。

(4)①目次のタイトル欄に名前を入れます。「目次」と入れるとわかりやすいです。

②目次表示の深さの欄には、見出しの深さを「H3見出しまで」を選択しました。

③「完了」をクリックして設定完了です。

実際には、どんな感じになるかというと、こんな感じです。

サイドバー(右側のバー)に目次が追加されました。たとえ本文が長い文章でも目次が追従してくるので、使い勝手が良い感じです。目次があると閲覧されやすくなると思いますので、おすすめです。

もしも設定方法がわからない場合は、お問い合わせフォームからお気軽にお問い合わせください。

仕事の自給講座、1年間の受講期間なのですが、どのようにブログを作っていったら良いのかを講師の三栗さんは懇切丁寧に教えてくださいます。

そのおかげでスムーズに自分のオリジナルのホームページを作ることができ、メルマガも作ることができました。感謝でいっぱいです。

《新着記事》

Thumbnail of new posts 126

: パソコンの便利な使い方

文字起こしアプリで仕事が変わる!嬉しいフィードバック!

先日の記事で、便利な文字起こしアプリについて紹介させていただきました。そして、と ...
Thumbnail of new posts 197

: ワードプレス

WordPressをカスタマイズ!初心者でもわかるCSS:固定ページに投稿日と更新日を入れたくない

実は前から気になっていたんですが、全部の固定ページに投稿日と更新日を入れたくない ...
Thumbnail of new posts 036

: ChatGPT

ChatGPT活用!情報漏洩の危険性を防ぐ2つの注意点

ChatGPT(チャットGPT)って知ってますか?使ったことがありますか? 便利 ...
Thumbnail of new posts 159

: ワードプレス

もっと書きたいあなたへ:30分で完成するブログのコツ

この間、3分でブログを書く方法を記事にしたら、仕事の自給講座メンバーの方から反響 ...
Thumbnail of new posts 188

: ワードプレス

時間がない人必見!3分でブログを書く方法

毎日ブログを習慣にしたいのに、なかなかパソコンに向かうと悩んでしまって書けない、 ...

ワードプレスCocoon

Posted by yoko