【WordPress】サイドバーをノーコードで固定したい（サイドバースクロール追従）

PCでいろんなブログを見ていると、サイドバーの目次とか関連記事がずっとついてくるページに出会ったことありませんか？

ユーザーがページをスクロールしても、サイドバーが常に表示され続ける機能が「サイドバースクロール追従」です。

この記事では、CocoonテーマのWordPressでこの機能を簡単に設定する方法をご紹介します。

読者がブログ内を回遊しやすいように

記事を途中まで読んでみて読みたい感じじゃなかったとき、サイドバーに関連記事があれば「ほかの記事を読もう」ってゆう選択肢があります。

でも、ある程度読み進めてサイドバーがなにもないとこで「あ、なんか違う」ってなったらどうしましょう。

わざわざ画面を先頭まで戻してサイドバーを表示させたり、いちばん下までスクロールして関連記事を見ることってしないと思うんです。

つまり、サイドバーが横になければ、飽きられたら終わり。離脱して捨てられるんです。

そこで、記事を読んでいる途中でも読者がブログ内を回遊しやすいように、サイドバーに関連記事を表示しようということになりました。

サイドバーに表示したものをスクロールに追従させるには、以下3つの方法になるかと思います。

ウィジェットというのは、すぐに呼び出せるショートカットです。

ダッシュボードから、外観>ウィジェットと進むと「サイドバースクロール追従」というウィジェットがあるので、そこで設定するものです。

サイドバーに表示した項目のうち、スクロールに追従させるものをFixed Widgetというプラグインで設定することもできます。

プラグインの画面で「新規プラグインを追加」をクリックし、検索窓で「Fixed Widget」と入力すると次のようなプラグインが出現します。

このプラグインを有効にすると、ウィジェットの画面でサイドバーの各項目に「Fixed Widget」というチェック項目が出現するので、そこにチェックを入れるだけでスクロール追従できるようになります。

CSS（スタイルシート）でサイドバーのスクロール追従設定もできるようです。が、先に謝ります。

コードよくわからないので、あとが大変そう。。

③は少しハードルが高い、②は簡単そうだけど、プラグインは最小にしたい。
できれば、①ウィジェットで追加したいところ。

ググる限り簡単にできそうです。

ウィジェットで追加しようと試みました。

↓

画面右、サイドバーのすぐ下にあるはずなんですが、存在しないんですけど？？

答えはCocoon設定の中にありました。
もし同じような現象にぶつかった方は、利用しているテーマの設定を見直してみてください。

Cocoon設定の中に「ウィジェットエリア」という項目があって、「除外ウィジェットエリア」の中で
サイドバースクロール追従がご丁寧にチェックされていました。

要するに非表示になってました。

チェックを外して再度ウィジェット画面に戻ると、

出てきました！

利用できるウィジェットの中から追従させたい項目を選んで「ウィジェットを追加」します。

ここまでくればあとは好きに設定すればOKです。

サイドバーの項目を固定するのは「サイドバースクロール追従」機能
外観>ウィジェットと進み、固定したいウィジェットを
「サイドバースクロール追従」に追加する
もしウィジェット画面に表示されない場合は、Cocoon（テーマ）設定のウィジェットエリアで除外ウィジェットエリア内で「サイドバースクロール追従」にチェックが入っていれば外す

今回はサイドバーに表示した項目を追従させる設定をしるしていきました。
同じようにいきづまった人の参考になれれば幸いです。

では、素敵なブログライフを！

サーバー選びに迷ったら、老舗大手のエックスサーバーがおすすめです！