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

2023年10月6日

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

無料メルマガのご案内

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

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

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

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

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

 

人生を楽しく生きる為のパソコン講座
無料メルマガ登録フォーム
 

《新着記事》

Thumbnail of new posts 163

: ワードプレス

初めての方でも簡単!!TimeRexを使ってみました!!

個別の打ち合わせや、カウンセリング等のご案内をする時、無料でスケジュール予約が簡 ...
Thumbnail of new posts 025

: ワードプレス

ワードプレス テーマCocoon 動画を自動再生する方法:キャンバ(Canba)を使用

こんなことありませんか? ブログで動画を繰り返し自動再生させたい。だけどやり方が ...
Thumbnail of new posts 176

: ワードプレス

ワードプレス テーマCocoonのアピールエリアを使ってみよう

こんなことありませんか? メルマガを配信しているんだけど、なかなか登録してくれる ...
Thumbnail of new posts 011

: ワードプレス

ワードプレス スマホ用のヘッダーメニュー表示の作り方

こんなことありませんか? ワードプレスでブログを作成していて、ブログの上部のヘッ ...
Thumbnail of new posts 032

: ワードプレス

ワードプレス テーマCocoon スキンとCTRボタンの色合いの関係

CTRボタンを使っているんだけど、なんだか黒枠になっててなんか色合いを何とかした ...

ワードプレスCocoon

Posted by yoko