★★★ たった "1日" でできるWordPressブログの作り方講座 ★★★ はじめてみる

WordPressウィジェットを固定表示!Q2W3の使い方&便利な応用例

WordPressウィジェットを固定表示!Q2W3の使い方&便利な応用例

WordPressではPCで見たときサイドバーが表示されます。もちろんテーマによりますが、ここにはプロフィールとか最新記事とか表示できて便利ですよね。

ですがこのサイドバー、デフォルト状態だと1つ問題があります。

それはスクロールするとウィジェットが見えなくなってしまう、ということ

特に長い記事だったらあっという間にウィジェットが隠れてしまい、本来のサイドバーの役割が果たせません。

そんな時に便利なのが Q2W3 Fixed Widget というプラグイン

ここではこれを使ってウィジェットを固定表示させる方法を紹介します。またQ2W3を使った応用例なんかも最後にまとめました。

Q2W3のインストール・有効化

まずメニューから「プラグイン」ー>「新規追加」をオープン

新規追加画面が開いたらプラグイン名「q2w3」で検索してください。しばらくすると検索結果に次のようにプラグインが出てくるので「今すぐインストール」をクリック

Q2W3 Fixed Widget をインストール

ちなみに手動インストールする場合は次URLからzipのダウンロードも可能
https://ja.wordpress.org/plugins/q2w3-fixed-widget/

インストールが終わると「今すぐインストール」ボタンが「有効化」ボタンに変わるので、それを押すのも忘れずに

これでウィジェットを固定表示する準備は完了です。

ウィジェットを固定表示させる手順

Q2W3 でウィジェットを固定表示させるのは超簡単です。やり方は次の通り

まずメニューから「外観」ー>「ウィジェット」と進んでウィジェット画面を開き、固定表示させたいウィジェットを開いてください。

すると次画像みたいに「Fixed widget」というチェックボックスが追加されているはず

検索ウィジェットの例
「Fixed widget」というオプションが追加されたウィジェットの例

あとはこのチェックボックスにチェックを入れて保存すればOKです。

チェックを入れた検索ウィジェットの例
「Fixed widget」にチェックを入れたウィジェットの例

以上がウィジェットを固定表示させる方法

ここまで書いといてアレですが説明する必要もないくらい簡単ですね(笑)。

もちろん固定表示を解除する場合も「Fixed widget」からチェックを外せばいいだけです。オン・オフが簡単に切り替えできるのも Q2W3 の便利な所だと思います。

固定ウィジェットの応用例

Q2W3の使い方は単純にこれだけ・・・なんですが使い方を工夫すれば色々な応用ができて面白いです。なので最後にその応用例について少し紹介します。

1.ASP広告の固定表示

Q2W3は広告を固定表示させる目的でも使えます。やり方は次で説明するように「カスタムHTML」ウィジェットを使うのが簡単ですね。

ではまずウィジェット画面で「カスタムHTML」ウィジェットをドラッグ&ドロップ

カスタムHTMLウィジェットをドラッグしている様子
Q2W3プラグインの応用例1 - カスタムHTMLウィジェットをドラッグ

ドロップする場所はサイドバーの最後当たりにするのがベスト。途中に置いてしまうと表示がおかしくなるので要注意です。

そうしたらウィジェットを開いて広告コードを貼り付け、「Fixed widget」にチェックを入れればOK

Q2W3プラグインの応用例1 - 広告コードを貼り付け「Fixed Widget」にチェックを入れる

もちろんテキストウィジェットでも広告表示はできますが、扱いが少しややこしいのでカスタムHTMLを使うのが確実ですね。

あとテーマによっては広告専用ウィジェットもあるので、それを使ってもOKです。

ちなみにASPというと A8.net とか もしも を使っている方が多いと思いますが、案件を探しやすくするなら他ASPの併用もおススメです。

詳しくは次記事でブロガー向けASP一覧としてまとめました。

「アフィリエイトを始めるならどのASPを使えばいいんだろう?」と悩んでいるブロガーの方向けのブログと相性がいいASP一覧とそれぞれの特徴をまとめました。いい案件がなかなか見つからない方にもおススメのASPです。

記事にマッチする案件が見つかりにくい・・・」という場合は是非ご覧ください。複数ASPに登録していると結構案件探しが楽になるはずです。

・・・そして最後に重要なことを言い忘れてたので少し補足

ここまでで紹介した方法はASP広告だけで許されることです。

間違ってもアドセンス広告の固定表示は"絶対"にしないよう気を付けてください。規約を読むと固定表示ははっきりNGと書かれているので要注意です。

詳しいNG配置は次記事でまとめたので気になる方はこちらをどうぞ

アドセンスでは広告の配置場所や配置の仕方を気を付けないと規約違反になってしまいます。そこで絶対NGだけど無意識にやってしまいがちな広告配置例をまとめました。広告掲載する時はこのような配置をしないよう要注意です。

上記事だとNG例の3番目で紹介してあります。アドセンス固定表示は特別なアカウントでしか許可されないので安易に真似してはいけません。

2.目次の固定表示

目次を表示するのに Table of Content Plus を使っている方は多いと思います。

参考記事 : 目次表示に便利な Table of Contents Plus の使い方

実はこのプラグイン、あまり知られてないですがウィジェットにも対応しているんですよね。なのでサイドバーに目次を固定表示することもできます。

そのやり方は簡単で次の通りです。

まずウィジェット画面で「TOC+」ウィジェットを探しドラッグ&ドロップ

TOC+ウィジェットをドラッグしている様子
Q2W3プラグインの応用例2 - 「TOC+」ウィジェットをドラッグ&ドロップ

広告と同じくウィジェットはサイドバーの最後付近に置くのがベストです。もしウィジェットの途中に置いてしまうと表示がおかしくなるので要注意

そうしたらTOC+ウィジェットを開いて「Fixed widget」にチェックを入れるだけ

Q2W3プラグインの応用例2 - TOC+ウィジェットを開き「Fixed Widget」にチェック

「保存」を押せばサイドバーに目次が固定表示されたはずです。

長い記事とかだと目次があった方が読者的に見やすいので、見やすいブログを作るのに有効な手段かもしれません。

まとめ

以上ウィジェットを固定表示できるプラグイン Q2W3 の使い方についてでした。

私自身は記事リストとか検索ウィジェットを固定表示するのによく使っています。ブログの利便性が高まるので重宝するプラグインですね。

The following two tabs change content below.

フク郎

昔はプログラミングに熱中していたが、ブログとWordPressに興味を持ち始め今はサイト・ブログ作りが生きがい。自分の「好き」をブログに変えたい、情報発信したい人に役立つWordPress術・サイト構築術を発信中。一日一歩楽しんでブログ構築できるように読みやすい&楽しい記事作りを心がけています。Twitterアカウントはこちら ⇒ フク郎@Fukuro-Press