![](https://i0.wp.com/chie-okodukai.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
こんにちは、chieです(^^)
今回は、記事を下にスクロールしていった時に、サイドバーも一緒に下りてくる(追尾)ようにする
プラグイン【Q2W3 Fixed Widget】について図解入りで詳しく解説します。
長い記事を書くと、サイドバーに設定していたウィジェットは途中で見えなくなってしまいます。
例えば、ウィジェットで
・ブログランキングのクリックのお願い
・特におススメのツール紹介
などの特に目立たせたいものや常に見てもらいたいウィジェットがある場合は、常に追尾してくるように設定することで、読者の目に入りやすくなります。
また、単純にサイドバーが途中で見えなくなるよりも、右側にサイドバーの表示が見えている方が見た目が良いです。
このようなメリットもあるので、ぜひ導入するようにして下さい^^
目次
「サイドバーが追尾する」とは
記事をスクロールするとサイドバーがついてくるようにする(追尾)
という状況がどのようなものなのか。について、画像を使って説明します。
まずは、何も設定していない状態です。
長い記事を下にスクロールして読んでいると、
![](https://i0.wp.com/chie-okodukai.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
↓↓↓
![](https://i0.wp.com/chie-okodukai.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
このように、サイドバーは途中から表示されなくなってしまいます。
ついてくる(追尾)ように設定をすると、
![](https://i0.wp.com/chie-okodukai.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
↓↓↓
![](https://i0.wp.com/chie-okodukai.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
何も表示されていなかった箇所に、指定したウィジェットがページのスクロールに合わせて一番下まで追尾してくるようになります。
どのウィジェットを追尾させるかは、簡単に個別に選ぶことが出来ます。
ウィジェットが追尾してくる。
という状況が分かったところで、さっそくインストールしていきましょう♪
Q2W3 Fixed Widgetのインストール
まずは、ワードプレスのダッシュボードから【プラグイン】→【新規追加】をクリック。
![](https://i0.wp.com/chie-okodukai.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
![](https://i0.wp.com/chie-okodukai.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
①右上にある検索窓にQ2W3 Fixed Widgetと打ち込んで、
②今すぐインストールをクリック。
![](https://i0.wp.com/chie-okodukai.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
有効化をクリック。
これでインストールは完了です(^^)
Q2W3 Fixed Widgetの設定方法
追尾させる設定方法は、凄く簡単なので安心してくださいね^^
設定はウィジェットから行います。
ダッシュボードの【外観】→【ウィジェット】をクリック。
![](https://i0.wp.com/chie-okodukai.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
導入しているテーマによって少し表記が異なる可能性もありますが、ウィジェットの中のサイドバーという箇所で追尾の設定をしていきます。
![](https://i0.wp.com/chie-okodukai.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
試しに1つウィジェットを開いてみて下さい。
![](https://i0.wp.com/chie-okodukai.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
Fixed widgetという文字が追加されています。
ここにチェックを入れる事で、ウィジェットを記事に追尾させる事が出来ます。
凄く簡単ですよね(*^^*)
ちなみにこれ、サイドバーの全てのウィジェットで設定が出来るのですが、基本的には一番下のウィジェットから
追尾させるようにしましょう。
一番下のウィジェットだけか、一番下+その上のウィジェット、さらにその上のウィジェットも。
というような感じで、一番下を基準に追尾させるようにして下さい。
例えば、このように追尾させるウィジェット①と②の間に、追尾の設定をしていないウィジェットが挟まれているとします。
![](https://i0.wp.com/chie-okodukai.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
すると、記事を下にスクロールしているとこのように設定をしていないウィジェットの項目に文字が被ってしまいます。
これではあまり見た目が良くないですよね。
![](https://i0.wp.com/chie-okodukai.com/wp-content/plugins/lazy-load/images/1x1.trans.gif?ssl=1)
なので、追尾をさせたいウィジェットは
・一番下に移動させてチェックを入れる
・一番下から順番にチェックを入れる
という風に設定してみて下さい(^^)
サイドバー追尾設定の際の注意点
サイドバーを追尾させる方法を説明しましたが、重要な注意点が1つあります。
それは、追尾する部分にアドセンスのタグを入れない事です。
これをしてしまうと、Googleアドセンスの規約違反となり、アカウント停止になってしまいます。
知らなかった・・。
となってからでは遅いので、しっかり覚えておいて下さいね。
まとめ
追尾の設定は、ウィジェットにチェックを入れるだけなので簡単でしたよね♪
これは見てもらいたい!というウィジェットが出来たら、追尾させてアピールするようにしてみて下さい^^
※アドセンスについてだけ注意して下さいね。
chieさん、こんばんは!
マルコ先生の保健室にいる
kaoです!ほぼ毎日の
記事更新すばらしいですね!
収益も出たとのこと、努力の賜物ですね!
おめでとうございます╰(*´︶`*)╯♡
コンテンツ量も日に日に増えて
記事内容も分かりやすく
メッセージ送らせていただきました!
ブログもお勉強になる事や、わたしが
そこそこー(≧∀≦)と思う
知りたかった事もいっぱい詰まってて、
たすけられたり、、、(*^_^*)
ブログ記事の下に定型文を
いれられる記事ありましたよね!
これ、
便利〜╰(*´︶`*)╯♡と、
この作業大変だったので、
とってもたすかりました。
ツイッターで繋がらせて貰って
いつもブログ更新のツイート
があがるので、見た時に
お邪魔したりしてます^^
パソコンが苦手な方なので、
詳しい方の情報には、本当に
助けられてますー笑
こんな風に地方に住みながら
いろんな方と繋がれて
ありがたいなーと、痛感の最近です。
ブログも、可愛くていいですね!^^
せっかくなので、こちらの
メッセージ欄からメッセージさせて
いただきました(*^_^*)
メルマガも是非、お勉強させてください。
登録させていただきました^^
宜しくお願い致します╰(*´︶`*)╯♡
kaoさん
メッセージありがとうございます!
「分かりやすいように」
を心がけているので、
参考にしていただけているようで
凄く嬉しいです。
こうやって、自分が挙げた情報が
役に立っているのだと分かって
ますます頑張ろう!と思いました。
ツイッターでも、
今後ともよろしくお願いします(*^^*)
メルマガ登録もありがとうございます!
お役に立てる情報を発信できるように頑張ります♪
こちらこそ宜しくお願い致します(*^^*)♡