ウィジェットを条件分岐で表示・非表示を切り替える【Widget Logic】の使い方

サイドバーなどに表示したウィジェットを、『トップページにだけ表示したい』、あるいは『PCだけ表示してモバイルでは表示したくない』ということを思ったことはありませんか?

Widget Logic】は、ウィジェットに条件分岐タグを指定することができるプラグイン。
ウィジェットごとに条件を指定することができます。

こんな場合におススメ

  • 404エラーページでは、広告を非表示にしたい
  • モバイルで表示するときは、ウィジェットそのものを非表示にしたい
  • 特定の記事やページで、ウィジェットを非表示にしたい

プラグインを使ってできること

  • ウィジェットを条件分岐によって、表示と非表示を切り替えることができる
スポンサーリンク

インストール

Widget Logic インストール

  1. 管理画面から プラグイン > 新規追加 とクリックする
  2. Widget Logic“で検索する
  3. “今すぐインストール”をクリック。インストール後、有効化する

または、配布サイトからダウンロードして、インストール。
Widget Logic – WordPress プラグイン | WordPress.org

手動でインストールする方法はコチラ

関連記事

WordPressのプラグインをインストールする方法は、全部で3つあります。 ダッシュボードから検索してインストールする ダッシュボードからZIP形式のファイルをアップロードする FTPでサーバーにアップロードする […]

WordPressのプラグインをインストールする方法

使用方法と設定

プラグインを有効化すると、各ウィジェットに条件分岐を記述するテキストエリア『ウィジェットのロジック』が追加されるので、条件分岐タグを記述します。

投稿のみにウィジェットを表示したい場合は、『ウィジェットのロジック』内に【is_single()】と記述。

Widget Logic 使用方法
その他、条件分岐タグの一例は下記の通り。

条件分岐タグ一例

トップページ(ホーム画面) is_home()
投稿 is_single()
固定ページ is_page()
アーカイブ is_archive()
カテゴリー is_category()
タグ is_tag()
検索結果 is_search()
404エラーページ is_404()
モバイル is_mobile()

非表示にしたい場合

非表示にしたい場合は、条件分岐タグの先頭に『!』を付けます。

例:

!is_home() トップページ以外に表示する
!is_mobile() モバイル以外(PCのみ)に表示する

指定した投稿・カテゴリーなどを表示したい場合

投稿IDやスラッグ、カテゴリー名を記述することで、特定のページにのみ表示することができます。

例:

投稿(ID指定) is_single(‘111’)
投稿(スラッグ) is_single(‘sample’)
複数の投稿 is_single( array( 111, 222, 333, 444 ) )
指定したカテゴリーの投稿 in_category(‘sample-category’)
指定した複数のカテゴリーの投稿 in_category( array( ‘sample-category’, ‘blue-cheese’, ‘Stinky Cheeses’ ) )

複数の条件分岐を組み合わせる

複数の条件分岐を指定する場合は、『||』・『&&』で条件を繋ぎます。

|| または
&& かつ

例:

トップページまたは投稿に表示する is_home() || is_single()
トップページかつモバイルを非表示にする
(PCのトップページのみ表示する)
&& is_home() && !is_mobile()

設定

Widget Logic 設定
通常は変更する必要はありませんが、動作しない場合は『’wp_reset_query’ 修正を使用』にチェックを入れて『読み込みロジック』を変更して下さい。

また、ウィジェットに設定したデータをインポート・エクスポートすることができます。

動作確認環境

  • バージョン 5.10.4
  • WordPress 5.2.3
このプラグインは上記の環境で動作を確認しましたが、ご使用の環境によっては、動作しないなどの不具合が起きる可能性がありますので、ご注意ください。

まとめ

  • 【Widget Logic】は、ウィジェットを条件分岐で表示と非表示を切り替えることができるプラグイン。
  • 特定の記事、ページでウィジェットを非表示にしたりすることができます。
ウィジェットを条件分岐で表示・非表示を切り替える【Widget Logic】の使い方
最新情報をチェックしよう!
スポンサーリンク