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

2023年10月6日

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

無料メルマガのご案内

自分の思い込みを外してみませんか?

このメルマガを読んだら、「パソコン苦手で見るのも嫌!」と思っている意識が、もしかして「あれ?意外に私もパソコンできるかも!」に変わるかもしれません。

煩わしい手続きは必要ありません。メールアドレスを登録するだけです!

無料メルマガ登録はこちらから!

メルマガの詳細はこちらをクリック

 

《新着記事》

Thumbnail of new posts 181

: ワードプレス

ワードプレスの固定ページ・投稿記事を複製したい

こんなことありませんか? ワードプレスでブログ記事を書いてるんだけども、前回と同 ...
Thumbnail of new posts 152

: ワードプレス

ワードプレスのどんなテーマでもOK!メルマガ登録フォームの色合いなどのカスタマイズをする方法

先日書いた記事、どうしてもCocoon以外のテーマでもできないものかと試行錯誤し ...
Thumbnail of new posts 012

: ワードプレス

[プラグイン不要]ワードプレスのテーマCocoonでメルマガ登録フォームの色合いを変えたい

こんなことありませんか? メルマガ登録フォームの色合いを変えたい。 ワンクリック ...
Thumbnail of new posts 036

: ワードプレス

WEBデザイン無料お茶会開催報告

先日、共同主催でWEBデザイン無料お茶会を開催しました。 6名のご参加者をお迎え ...
Thumbnail of new posts 057

: ワードプレス

オンラインサービスと、リアルサービスのわかりやすい表示方法

こんなことありませんか? オンラインサービスとリアルサービス、両方ともECサイト ...

ワードプレスCocoon

Posted by yoko