どうも、マルコです^^

今回は、WordPressのブログで記事をスクロールした時に、

サイドバーが【ついてくる】ようにする(追尾する、追従する、固定するとも言いますね)方法を図解したいと思います♪

【Q2W3 Fixed Widget】というプラグインを使うと、とっても簡単にできるのです^^

 

記事にサイドバーを追尾(固定)させるとは

長い記事になると、読むために画面を下へ移動していく(スクロール)うちに、

サイドバーが無くなってしまって、寂しい感じになります。

こんな感じ。↓↓↓

 

そこで、【Q2W3 Fixed Widget】というプラグインを導入して、

サイドバーが記事についてくる(追尾する、追従する)ようにすると、

こんな感じになります。

↓↓↓

 

記事の右側に、ちゃんとサイドバーが付いてきて、固定されているんですよね。

これでもう、寂しくない♪

そして、見た目だけでなく、

記事を最後まで読んだ読者さんに見てもらいたい内容を設置しておくことでクリックしてもらえる確率も上がります。

見た目と機能、両方でお得なプラグインなので、

ぜひぜひ導入されることをオススメします^^

 

Standard Widget Extensionsとの比較

サイドバーを記事に追尾(固定)させるプラグインとしては、

【Standard Widget Extensions】も有名ですよね。マルコも、以前使っていました。

 

ところが、ブログのテンプレートを賢威6.2から賢威7に切り替えたら機能しなくなってしまったんです(涙)

何故かというと、

Standard Widget Extensionsは、設定する時に【メインカラムのID】【サイドバーのID】というものが必要になるのですが、

賢威7では、この、IDが設定されていないんですよね。

ですから、Standard Widget Extensionsがきちんと稼働するようにするためには、

自分で【メインカラムのID】【サイドバーのID】を決めて、PHPファイルにコードを書き込むという、

めんどくさい手順を踏まなければならないんです。

 

初心者さんなら、できればPHPファイルなどはいじりたくないですよね(-_-;)

 

それに比べて【Q2W3 Fixed Widget】はややこしい設定がゼロ!!で使えます。

賢威7のような、【メインカラムのID】【サイドバーのID】が設定されていないテーマ(テンプレート)でも使えます♪

 

という事で、マルコは賢威7の導入を機に、【Q2W3 Fixed Widget】に乗り換えました^^

 

ではいよいよ、作業に入って行きましょう♪

 

Q2W3 Fixed Widgetをインストールしよう

 

ではまずは、Q2W3 Fixed WidgetをWordPressにインストールしていきます。

WordPressのダッシュボードにログインしてください。

①左側の黒い部分の中の、【プラグイン】にマウスを当て

②表示されたメニューの中から【新規追加】をクリックします。

 

画面が切り替わるので、右上の【プラグインの検索】という欄に、

インストールしたいプラグインの名前【Q2W3 Fixed Widget】を入力します。

 

入力してみました♪

 

同じ画面の中で、検索結果に【Q2W3 Fixed Widget】が表示されるので、

【今すぐインストール】をクリックします。

 

しばらくすると、【今すぐインストール】というボタンが

【有効化】というボタンに代わるので、こちらをクリックします。

 

画面が切り替わり、【プラグインを有効化しました】という表示が出れば

インストールと有効化は完了です♪

 

画面の下の方を見てみると、インストール済みプラグインの一覧の中に

【Q2W3 Fixed Widget】が追加されていますね(#^.^#)

 

インストールと、有効化が完了したら、次の作業に移りましょう!

 

 

インストール&有効化が出来たら・・・Q2W3 Fixed Widgetの設定方法

プラグインのインストールと有効化が出来たら、次は、サイドバーが追尾してくれるように設定を行っていきます。

 

①左側のメニューの【外観】にマウスを合わせ

②表示されるメニューの中から【ウィジェット】をクリックします。

③【Fixed Widget設定】という項目が追加されていますが、
 この部分は触らなくて大丈夫です♪♪

 

お使いのテンプレート(テーマ)によって異なりますが、

【サブコンテンツ】とか、【サイドバー】という名前の画面が表示されます^^

 

そして、サイドバーに設置している項目の一番下のウィジェットをクリックして開きます。

 

ウィジェットを開いたら、

①【Fixet widget 】の項目をクリックしてチェックを入れ

②【保存】ボタンをクリックします。

これで設定は完了です♪

サイトを表示させて確認してみると・・・・

記事を下に移動(スクロール)させていくにつれて、サイドバーが記事の横に固定されて一緒に降りてきますね♪♪

 

 

・・・・・実は、このサイドバーの追尾(固定)機能ですが、

ウィジェットの項目ごとに設定することが出来ます。

 

今回は、一番下のウィジェットだけを固定させたのですが、

【これは是非、読者さんに見てもらいたい】という項目があれば、

個別のウィジェットに【Fixed widget】にチェックを入れて保存することで、上の方に設置したウィジェットも記事の横に固定させて追尾(追従)させることが出来るのです。

チェックを外してもう一度保存すれば、簡単に解除できますので

いろいろと試してみて頂ければ♪♪

 

まとめ

という事で、今回は、ブログ記事にサイドバーが付いてくるようにする方法でした♪

【Q2W3 Fixed Widget】、是非使ってみてくださいね。

 

もちろん、既に【Standard Widget Extensions】を導入されていて、きちんと動作しているなら

そのまま使い続けて頂いて全く問題ありません(#^.^#)

新しくサイドバー追尾の機能を追加したい!ということでしたら、

今回ご紹介した【Q2W3 Fixed Widget】が使いやすくて便利かと♪♪