今回は、サイドバーのユーザビリティーを更に向上させる方法についてです。

 

サイドバーはユーザビリティー向上だけではなく、

PVの増加にも貢献するとても大きな要素の一つです。

 

  • 関連記事の表示や
  • 読んでもらいたい記事
  • クリックしてもらいたいバナー

等、サイドバーに設置していると思いますが

記事が長くなると、途中からサイドバーエリアが空になりますよね。

Standard Widget Extensions04

折角気合を入れて作りこんだサイバーもここでお別れ・・・。

なんかもったいないですよね。

 

読み手としても、人気記事とか、気になる項目があったサイドバーを見る為に

再び上までスクロールさせるのって、面倒くさいじゃないですか。

 

でも・・・スクロールに追尾してついてきてくれたら・・・嬉しいですよね!?

 

 

クリックしてもらいたい!サイドバーをスクロールに合わせて追尾させることが簡単に出来ます!

先にも述べたように、ユーザビリティー向上になりPV数アップにもつながります。

この二つの要素は、Googleの評価基準に影響しますので是非取り入れてみてください。

 

専門的な知識やカスタム入りません!

【Standard Widget Extensions】というプラグインを使えばマルっと解決しますよ!

 

 

スポンサーリンク

【導入方法】早速インストールをしましょう

今回使うプラグインは【Standard Widget Extensions】というものです。

このプラグインをインストールにするには

【ダッシュボード】【プラグイン】⇒新規追加で表示される画面の検索ボックスで

【Standard Widget Extensions】と検索すると出てきます。

 

 

尚、プラグインのインストール方法についてはこちらで解説しています。

機能拡張!簡単なプラグインのインストール方法

 

 

【Standard Widget Extensions】プラグインが表示されたら、

【いますぐインストール】と書かれた箇所をクリックしてインストールして下さい。

これだけで、インストールが完了します。

 

***

尚、ダウンロードしてインストールをする場合は、下記のアドレスからダウンロードできます。

https://wordpress.org/plugins/standard-widget-extensions/

Standard Widget Extensions01

 

この場合も有効化を忘れずに行って下さい。

利用するための準備はこれで完了です。

 

シンプルな設定方法はこれ!

では、早速設定画面へアクセスしてみましょう。

【ダッシュボード】⇒【設定】⇒【Standard WE】の順でクリックすると設定画面が開きます。

Standard Widget Extensions02

 

まずはシンプルにスクロールに追尾させてみよう

下図の様に設定してください。

Standard Widget Extensions03

ブログサイトごとに違う項目は

【メインカラムの ID】と【サイドバーの ID】です。

この二つのIDの調べ方は以下の通りです。

 

【メインカラムの ID】と【サイドバーの ID】の調べ方

ページのIDを調べる為には、下記順番で該当するphpの編集画面で確認することが出来ます。

因みに、表示される画面は編集しないでください。

編集をすると、構成が変わってしまいエラーが起こってしまいます。

あくまでIDを調べる為だけなので、必要なIDをコピーしたら絶対にいじらないでくださいね。

 

【ダッシュボード】【外観】【テーマの編集】で編集ページを開きます。

開かれたページで情報を見るのは

  • single.php(単一ページ/メインカラムのIDが分かる)
  • sidebar.php(サイドバー/サイドバーのIDが分かる)

この2つです。

Standard Widget Extensions06

 

では、single.php(単一ページ/メインカラムのIDが分かる)で調べてみましょう。

画面は賢威というテーマの編集画面ですが、大体どのテーマでも同じです。

Standard Widget Extensions05

複雑な名前ではないと思いますが、メモ帳を立ち上げてコピーしておくと良いでしょう。

sidebar.php(サイドバー/サイドバーのIDが分かる)も同じ要領でIDを控えておいてください。

 

後は、IDをそれぞれ入力して変更を保存すればOKです。

Standard Widget Extensions03

 

 

更に細かく設定を行いたいのなら

ここまでの設定は、スクロールにサイドバーが付いてくるというシンプルなものですが

サイドバーを折りたたむAccordion Widgetsという機能や

スクロールを中止し、逆戻りした際に、追尾してきていたサイドバーがトップに戻るQuick Switchback モードというのがあります。

 

Accordion Widgetsは機能を有効にすると、設置タブが表示されますので

そこから設定を行うことができます。

Standard Widget Extensions08

 

 

Quick Switchback モードは下図の様に、スクロールに追尾を有効化させた時点で

タブが表示されていますのでそこから設定を行うことが出来ます。

Standard Widget Extensions07

 

 

必要に応じて設定をすると良いでしょう。

 

これはNG!注意点は抑えておこう

「わ~!常に表示させられるなら、アドセンス広告を表示させよう!」

と考える方もいらっしゃると思います。

しかし、これはNGですの注意してください。

 

Googleアドセンス広告は追尾させないでください。ペナルティーの対象となり、アカウント停止となりかねません。

 

広告で表示させる場合は、それぞれルールがありますので

あらかじめ確認をしておいて下さいね。

 

まとめ

結論、入れておいて損はないと思います。

何といっても、ユーザビリティー向上に繋がり、PV数UPに繋がり、Googleの評価UPに繋がるわけですからね。

しかし、広告をサイドバーに設置する際は注意が必要なので必ず確認をして下さい。

 

あなたのブログをサイトをどんどん素敵にしてしまいましょう!

 

manual