WordPress講座(個別相談)

サイドバーなどのウィジェットが1つしか使えないテーマもあるので、表示条件を設定できると便利です。たとえば、モバイル用とPC用で違うバナーを表示する場合や、ログイン中のユーザーに見せない広告を設置したいときです。

その場合、Widget Logicプラグインが役立ちます。以下、使い方を紹介します。

スポンサーリンク

Widget Logicプラグインの使い方

「プラグイン」‐「新規追加」メニューからWidget Logicプラグインをインストール、有効化します。

Widget Logicプラグインのインストール

Widget Logicプラグインのインストール

モバイルのみで表示されるウィジェットを作成してみましょう。

「外観」-「ウィジェット」メニューで任意のウィジェットを追加します。ここではテキストウィジェット(1)を追加して、「お問い合わせはこちら」のバナーを配置しました。このとき、「ウィジェットのロジック」(2)に表示条件を入力する必要があります。具体的には、「モバイルのみ」を示す wp_is_mobile() と入力します。

モバイルのみで表示されるウィジェットを作成

モバイルのみで表示されるウィジェットを作成

「保存」ボタンをクリックすると設定完了です。モバイル端末で確認すると、問い合わせバナーが表示されます。

モバイル専用のウィジェットが表示される

モバイル専用のウィジェットが表示される

PCでは表示されません。

逆にPCのみで表示するウィジェットを作成する場合は上記の「ウィジェットのロジック」(2)に !wp_is_mobile() と入力します。

PC専用のウィジェットを作成

PC専用のウィジェットを作成

このウィジェットはPCのみで表示されます。

PCのみで表示されるウィジェット

PCのみで表示されるウィジェット

1つのサイドバーに複数のウジェットが入っていますが「ウィジェットのロジック」で表示条件を設定することで、PC用/モバイル用として使い分けられるということです。

複数のウィジェットが格納されている

複数のウィジェットが格納されている

あとはアイデア次第です。

表示条件のバリエーション

「ウィジェットのロジック」には、WordPressの条件分岐タグを入力すれば大丈夫です。主なものを紹介します。

  • モバイル端末(PC以外)か --- wp_is_mobile()
  • ユーザーがログイン中か --- is_user_logged_in()
  • 投稿か --- is_single()
  • 固定ページか --- is_page()
  • フロントページか --- is_front_page()
  • アーカイブか --- is_archive()

ログイン中のユーザーに表示しない広告

上記の条件分岐タグを使って、たとえば、ログイン中のユーザーには表示しない広告も作成できます。

ログイン中のユーザーに表示しない広告

ログイン中のユーザーに表示しない広告

「ウィジェットのロジック」に !is_user_logged_in() と入力することで「ログイン中でなければ」という条件分岐として機能します。「!」を省略すると「ログイン中のユーザーのみ」という逆の条件になるので注意が必要です。

この記事をSNSで共有する
WordPressでお困りのときはご相談を
この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
こんなときはご相談を
  • WordPressの使い方(ページやメニューの作り方を教えてほしい)
  • カスタマイズ(機能の追加やデザイン調整をお願いしたい)
  • トラブル対応(画面真っ白・「ログインできない」を解決したい)
マンツーマンなので相談内容は自由です。いただいた課題をその場で解決、CSSやPHPも目の前で修正します。気軽にご相談ください。
カスタマイズがうまくいかないときは
お急ぎのときはWordPressメールサポートで対応します。ご活用ください。
wordpress講座受講予約
WordPress講座の問い合わせ先

関連記事

スポンサーリンク