Amazonプライムデーの事前準備はこの記事で万全!2,500円分クーポンもらえる

WordPressプラグイン「Widget Logic」ウィジェットを条件ごとに簡単に非表示可。レスポンシブテーマに便利!


写真素材ぱくたそ(www.pakutaso.com)photo by すしぱく

先日、レスポンシブ対応の有料WordPressテーマ「アルバトロス」に変更したことを書きました。

blank

私がWordPressの有料テーマ「アルバトロス」に乗り換えた経緯と理由

PC用とモバイル用で同じテーマを使うレスポンシブデザインのテーマにおいて、1つ問題となるのがサイドバーの表示/非表示

画面の大きいPC用では表示させたいサイドバー。ですがモバイル用だとほとんど読まれないような最下部に回ってしまい不要な上に、画像・テキストの無駄な読み込みも発生してしまい良いことがありません。

PHPコードの条件分岐を使って表示/非表示を分けることはできますが、PHPコードがウィジェットで使えるプラグインを導入してIF文を書くのはわりと面倒。


そんなときに活躍するのが、WordPressプラグイン「Widget Logic」。

このプラグインを導入するとウィジェット1つ1つごとに表示条件を設定することができます。
例えば「モバイルの場合」「ホーム画面の場合」「特定カテゴリの場合」など。

要するに、WordPress内部で使う条件分岐がウィジェット単位で超手軽に使えるということ。


レスポンシブテーマにする上で懸念だったウィジェットの表示/非表示の出し分けが、このWidget Logicのおかげで一気にスッキリ解決しました。

WordPressでレスポンシブテーマを使っているブロガーやサイト管理者なら、ぜひ知っておきたいプラグインです!


Widget Logic(ウィジェットロジック)プラグインをインストール

まず、Widget Logic(ウィジェットロジック)プラグインをWordPressにインストールしましょう。

プラグインの新規追加画面から「Widget Logic」で検索してもいいですし、

WordPressのプラグイン公式ページからダウンロード⇒アップロードしてももちろんOK。

インストールし有効化すると、以下のプラグインが表示されているはずです。

ウィジェットごとに表示条件を指定できる

Widget Logicを有効化すると、管理画面の各ウィジェットの最下部に「ウィジェットのロジック」という欄が出てきているはずです。

ここに条件を記述することで、「その条件に当てはまる場合にしか出力しない」という制御が簡単にできるようになります。

例えば、モバイルでない場合に表示する(PCの場合のみ表示する)だと、以下の通り。

代表的なものは以下の通り。それぞれ頭に「!」マークをつけると逆の意味になります。

wp_is_mobile() : モバイル
is_home() : ホーム画面(トップページ)
is_single() : 個別記事
is_page() : 固定ページ
is_category(‘1’) : カテゴリーIDが1のページが表示されている
is_tag(‘pickup’) : pickupタグのついたページが表示されている

参考:
関数リファレンス/wp is mobile – WordPress Codex 日本語版
条件分岐タグ – WordPress Codex 日本語版

実際の利用例

私の場合、モバイル表示のときは「サイト内検索」以外のサイドバーウィジェットを全て非表示にしています。パソコンとスマートフォンで比べてみてください。

また、「人気記事」ウィジェットについてはトップページではブログ全体の人気記事、

個別のページではそのカテゴリ内の人気記事を表示するようにしています。
以下は「生活用品」カテゴリの人気記事。

これも、Widget Logicと他プラグイン(WPP Plus Widget)の組み合わせだからできたこと。

あとがき

WordPressでレスポンシブテーマを使っているのなら必須と言ってもいいくらいの便利なプラグインです。もし知らなかったという方がいれば、ぜひ試してみてください!

blank

ブログからの収入で食べていくってどうなの?よく言われることについて私なりに回答してみた

blank

WordPressでブログ運営するならどのレンタルサーバーを選ぶ?比較してみた

blank

CSS初心者な私でもWordpressをカスタマイズできた!Chromeの「デベロッパーツール」が神すぎて感動した


Amazonプライムデー先行セール開催中
Amazonギフト券5,000円購入で500円クーポンプレゼント
プライム会員なら5,000円ギフト券購入で500円クーポンがもらえる

1,000円買い物で1,000円クーポンがもらえる、中小企業応援キャンペーン
対象商品を1,000円以上買うと、プライムデー限定の1,000円クーポンがもらえる

早川書房の電子書籍1500点、50%OFFセール会場へ
ミステリ・SF・ノンフィクション小説など、ハヤカワの書籍が50%オフのセール中

Kindle本が最大70%オフのセール中
さまざまなジャンルのKindle本が最大70%オフ

Amazon Music Unlimitedが4ヶ月無料、プロの朗読本聴き放題のAudibleは3ヶ月無料、名作映画レンタル100円
通常1ヶ月のお試し無料期間が大幅延長キャンペーン。名作映画もレンタルで安く見られる

Amazonアシスタントクーポンチャレンジ
AmazonアシスタントのChrome拡張 or Androidアプリをインストールし5日間ログインすると、1,000円分のクーポンがもらえる

↓無料体験中でもプライムデー参加できます!↓

 Amazonプライムを30日間無料で試す


コメントを残す