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

2023年10月6日

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WEB関係のことってわかりにくかったりしますよね。もしかしたら、あなたも「やってみたいけど不安」「自分にできるかな?」と感じているかもしれません。 そんな時は、以下のお悩み相談窓口(初回30分無料) をぜひご利用ください!! 小さな疑問や不安でも大丈夫!あなたのペースで一歩を踏み出すお手伝いをします。

   

初心者向け!Wordpress個別相談!ブログ制作の無料お悩み相談窓口

《新着記事》

Thumbnail of new posts 004

: note

効率よく心軽くブログを届けよう!!SocialDogで予約リプの魔法を手に入れる5ステップ

ブログやnoteをコツコツ書いているのに、X(Twitter)のリプ欄にリンクを ...
Thumbnail of new posts 192

: LINE

【ゼロからでも安心】LINE公式アカウントをかんたん開設♪はじめてさん向けガイド

今日は「LINE公式アカウント」を作って、お仕事や活動に活かしたい方へ、わかりや ...
Thumbnail of new posts 034

: Gemini

起業家のためのGemini完全攻略:データ漏洩リスクゼロでAIを活用しよう!設定5分で実現

1. なぜ起業家は「設定」を変えるべきなのか? Geminiはデフォルト(初期設 ...
Thumbnail of new posts 028

: ワードプレス

AIは指示通りに動くのか?理想の画像を生成するまでの全記録

2023年6月から受講開始させていただいた「仕事の自給講座」が、本日ついに卒業の ...
Thumbnail of new posts 187

: ワードプレス

【AIセミナー受講感想】一人起業家が今選ぶと良いAIツールの使い分け

冬の澄んだ空気に、一筋の光が差し込むような。 そんな温かな時間をご一緒させていた ...