ウィジェットの表示・非表示を制御できるプラグイン Widget Logic の使い方

WordPressでサイトを制作していると、ウィジェットエリアに設定した内容によっては、トップページにだけ表示させたいものがあったり、PCとモバイルでは表示するものを変えたい…といったことがでてくると思います。そんな時に便利なプラグイン Widget Logic を今回はご紹介します。このプラグインを追加すれば、ウィジェットにWordPressの「条件分岐タグ」を設定できるため、表示を制御することができるようになります。

プラグイン Widget Logic の使い方

Widget Logic のインストール・有効化

プラグイン>新規追加 でキーワードに【Widget Logic】と入力しインストール後、有効化してください。

ウィジェットエリアに追加している各ウィジェットを確認すると、「ウィジェットのロジック」という項目が自動的に追加されています。ここが条件分岐タグを設定する項目になります。

なお、【外観】> 【ウィジェット】のページ下部に「Widget Logic設定」が追加されますが、特に設定変更しなくても初期設定のままで利用できます。ここでは読み込みロジックを変更したり、ウィジェットに設定したデータをエクスポート・インポートしたりできるようです。

トップページにアクセスした時だけ表示させたい場合

例えば、フッターウィジェットエリアに「最近の投稿」を設定していて、トップページにアクセスした時だけ表示させたいケースです。

該当のウィジェット内「ウィジェットのロジック」に条件分岐タグ is_front_page() を設定し、保存してください。

トップページ以外にアクセスすると非表示となりました。

モバイルでのアクセス時には非表示にしたい場合

サイトバーに設置しているバナーをPCからアクセスした時には表示し、モバイルの時は非表示にしたいケースです。PC表示では資料請求ボタンの下にバナーが表示されています。

該当のウィジェット内「ウィジェットのロジック」に !wp_is_mobile() を設定し、保存してください。
これでモバイルでアクセスした時には資料請求ボタンの下にバナーが表示されません。

このように、条件分岐タグを上手に活用して思い通りの表示になるよう是非いろいろお試しください。

以上、ウィジェットの表示・非表示を制御できるプラグインWidget Logicの使い方のご紹介でした！