WordPress

WordPress ウィジェット表示をコントロール Widget Logic

投稿日:

任意のウィジェットを携帯端末からのアクセスで表示させたくない場合はありませんか?私は結構あります。例えば、Popular Postsのランキングは携帯端末で表示すると今一つという感じがします。そこで”ウィジェットのロジック(Widget logic)”を使って表示/非表示を切り替える方法をご紹介します。

matches

<スポンサーリンク>

ウィジェットのロジック(Widget logic)とは?

ウィジェットのロジック(Widget Logic)”というプラグインです。

任意のウィジェットを任意の条件で表示/非表示できる機能を持っています。

携帯端末からのアクセス時に非表示にすることもできます。携帯端末からのアクセス時に表示させることも可能です。

インストール/有効化

WordPressのプラグインとしてインストールできます。

ダッシュボード>プラグイン>新規追加

”widget logic”でキーワード検索をかけると見つかります。

widget_logic_01

見つかったら右上の”インストール”ボタンを押下、インストールが終わったら”有効化”ボタンを押下で終わりです。

ここで確認しているWidget Logicのバージョンは5.9.0です。WordPressは4.9.5で稼働しています。

設定

有効化したら設定をしていきましょう。

💡  ちなみに有効化したとしても何も設定していないとしたら、現在の表示が維持されます。(何も変わらない)

ウィジェットの設定画面に移動します。

外観>ウィジェット

任意のウィジェットを選択してみましょう。すると一番下に”ウィジェットのロジック”という枠がでています。

widget_logic_02

ここに”ロジック”を書き込むことで表示をコントロールできます。

携帯端末からのアクセスの時に表示させたくない場合はこのように書きます。

widget_logic_03

”!wp_is_mobile()”は”モバイル端末で無ければ表示する”という意味です。

つまり、デスクトップで表示される設定です。

これを各ウィジェットに貼り付けると携帯端末からのアクセスに対して制御できます。

何も入れないウィジェットはデスクトップ/携帯端末で表示して、”!wp_is_mobile()”を入れたウィジェットはデスクトップのみで表示するといった具合です。

<スポンサーリンク>

まとめ

”ウィジェットのロジック”は非常に簡単にウィジェットをコントロールできます。

携帯端末の画面でPopular Postsの表示は煩わしかったのですが、これですっきりです。みなさんのサイトにも携帯で表示したくないウィジェットはあるのではないでしょうか?

  • ”!wp_is_mobile()”を使って携帯とデスクトップを判断させる
  • ウィジェットのロジックの設定は簡単にできる

最初は意味不明なプラグインだったのですがこれほど使えるとは・・・。使ってみて初めて分かるこの便利さです。

-WordPress
-

執筆者:

<スポンサーリンク>

comment

メールアドレスが公開されることはありません。

*

関連記事

BackToTop-eye2

WordPress トップに戻るボタンの設置 プラグイン比較

文字数が多い投稿が増えたので、トップに戻るボタンが欲しくなりました。プラグインを見ていると似たような名前のトップに戻るボタン設置プラグインが沢山あります。5つのプラグインを試して、比較してみましたので、参考にしてください。 ※ 2017年10月時点の情報に確認 …

意外に簡単?WordPress環境のSSL化 (エックスサーバー)

エックスサーバーでは無償で独自SSLを使用できます。 近年、あらゆるサイトがSSL化しているので、本サイトもSSL化してみました。 ついでに手順を記録しておきます。 実施した際、本サイトは複雑な構造を持っていなかったからだとは思いますが、結構簡単でした。 目次 …

video_guitar_hiitemita

WordPress YouTube動画を投稿に貼る方法

WordPress環境でYouTube動画を投稿に載っているのをよく見ます。載せるのはとても簡単なので、その方法をいくつか紹介します。YouTube動画を投稿/固定ページに載せる際のルール(YouTubeの規約、著作権)も確認しましたので、合わせて紹介します。 …

AdInserter-eye

【AMP対応】Ad InserterでAMP広告を4つ表示する方法

以前、AMP対策の一環として、Ad InserterでGoogle AdSenseのAMP広告を3つ入れた投稿をしました。3広告では若干少ない感じがしたので、4広告を入れるようにしてみました。4広告入れる場合、ちょっと工夫した方が良いので、その方法をまとめてい …

switch-ad-eye

デスクトップ/モバイル/AMPで広告コードを切り替える方法

ASP登録して、いざ広告を表示しようとしてみると考えることが多いことに気づきました。パソコン、モバイル、AMPで表示したい広告コードは違いますよね?そして一つのコードを挿入するだけでなく、広告コードを選択しながら表示しようとすると更に難解になります。皆さんどう …

サイト内の検索はこちらから

サイト内の検索はこちらから

サイト内の検索はこちらから

カテゴリー

アーカイブ

最近の投稿
Scroll Up