注目キーワード
  1. 仕事
  2. 美輪明宏
  3. キリスト教
  4. 哲学
条件の有効化と無効化

ウィジェット表示を条件分岐で使い分けるプラグイン『Widget Options』

条件の有効化と無効化

WordPressのウィジェットを使えば、テーマ・テンプレートを直接編集しなくても、任意の場所に、表示したいコンテンツを配置することができますが、「カテゴリー別」「デバイス別」など、細かな条件分岐が必要な場合、テンプレートタグの知識が不可欠です。

テーマ・テンプレートの直接編集や、条件分岐がいまいち分からない方には、プラグイン『Widget Options』がおすすめ。

日本語のWordPress公式サイトでは、『ウィジェット設定』という名称で知られています。

WordPress.org 日本語

Get Better Control over your Widgets. Easily show or hide Wo…

プラグインの一般設定

通常の手順でインストールしたら、まず、プラグイン全般の設定を行います。

『設定』 → 『Widget Options』 を選択。

必要な機能の「有効化 / 無効化」を行います。

『Enable』で有効化。『Disable』で無効化。

『Confiture Setting』で、各項目の詳細設定を行います。

条件の有効化と無効化

Pages Visibility

投稿タイプ別、カテゴリー別、タクソノミ別など、ページの種類によって、コンテンツの表示 / 非表示を切り替えるオプション。
プラグインのメイン機能です。

Devices Restriction

デバイス別の条件分岐。
「PC」「タブレット」「モバイル」によって、表示 / 非表示をコントロールすることができます。

Custom Alignment

コンテンツのポジションを調整。
align属性において、Left(左揃え)、Center(中央)、Right(右側)を指定。

Hide Title

ウィジェットのタイトルの表示 / 非表示を切り替え。

条件の有効化と無効化

Classes & ID

ウィジェットに特定のスタイルを適用する。

User Login State

ログインユーザーにのみ、表示 / 非表示を切り替え。

Display Logic

条件分岐のphpテンプレートタグを使った、表示 / 非表示の切り替え。

Live Widget Search

ウィジェットに、管理画面の検索機能を追加。

Move Widget

ウィジェットの移動を容易にする。

Import & Export Widgets

ウィジェット設定のインポート / エクスポートを可能にする。
バックアップに便利。

Widget Area Options

ウィジェットエリアに関するその他のオプション。
「ウィジェットリンクの無効化」と「ダウンロードのバックアップの有効化」ができる。

条件の有効化と無効化

SiteOrigin Pagebuilder Support
Elementor Pagebuilder Support
Beaver Builder Support

他社のページビルダーを導入している場合、サポートするか否か。

Advanced Custom Fields Support

プラグイン『Advanced Custom Fields』を使っている人向けのサポート。

その他は、有料オプションとなります。

ウィジェットの拡張機能

続いて、『外観』 → 『ウィジェット』 で、各種設定を行います。

おそらく、皆さんが一番必要なのは、「投稿タイプ別」「カテゴリー別」の表示 / 非表示ではないでしょうか。

たとえば、特定のカテゴリーに限定したコンテンツを、そのカテゴリーに属した投稿内だけで表示する場合。

下図は、恋愛・育児カテゴリー向けのインフォメーション。

恋愛と育児コンテンツに関する案内

ウィジェット設定で、恋愛・育児カテゴリーだけ『Show on checked pages』にチェックを入れれば、そのカテゴリーに属する投稿内にだけインフォメーションが表示されます。

広告の使い分けなどに便利です。

特定のカテゴリーでのみ表示

また、デバイスによって、サイドバーを表示 / 非表示を切り替えたい場合は、『Devices』の『Hide on checked devices』で、特定のデバイスにチェックを入れます。

当サイトは、モバイルには、カテゴリーのウィジェットを非表示にしています。読み込みが重いし、ほとんどクリックされないので。(パンくずリストの方が多い)

モバイルの場合、余計なウィジェットは非表示にした方が高速化に繋がります。

モバイルにサイドバーを表示しない

また、下図のように、「投稿タイプ別」の表示 / 非表示もできるので、より細かな条件分岐が可能です。

お知らせメッセージや広告バナーも、本当に関連のある投稿だけにフォーカスした方が効果的です。

カテゴリー別の表示 / 非表示

ページ毎の表示 / 非表示を使えば、「トップページのみ、カテゴリ人気記事」、「それ以外の下位ページには画像付き新着記事」と、ウィジェットの内容を切り替えることができます。

トップページの記事リストは新着順に並んでいるので、サイドバーでも新着記事リストを表示する必要はありません。

その代用として、おすすめカテゴリーの人気記事を表示します。

トップページと下位ページで表示 / 非表示を切り替え
 

併用すると便利なウィジェット系プラグイン

Widget Options と同様の機能をもつ、条件分岐のプラグインです。

こちらは、「デバイス別」「スタイルシートの適用」など、幅広い機能はなく、『投稿タイプ』に限定したコンテンツの表示 / 非表示が可能です。
最小限の機能だけ欲しい方向け。

WordPress.org 日本語

Show or hide widgets on specific posts, pages and sections o…

下記も、『投稿タイプ』と『タクソノミー』にフォーカスした、コンテンツの表示 / 非表示 の切り替えが可能。
複数の投稿タイプをもつサイトにおすすめ。

WordPress.org 日本語

This WordPress plugin adds default custom post type widgets.…

PHPコードをウィジェット内でも使いたい場合、下記のプラグインが便利。

こちらは、ウィジェット限定。

WordPress.org 日本語

テキストウィジェットのように、PHP コードも挿入することができます。…

こちらはウィジェットに限らず、投稿や固定ページ内でもPHPコードが使用可能になる拡張タイプのプラグイン。

WordPress.org 日本語

This plugin enables PHP code everywhere in your WordPress in…

こちらもウィジェット内で、PHP、HTML、JavaScript、Flash、Shortcodesなど、様々なコードが利用可能になる万能型プラグイン。

WordPress.org 日本語

An enhanced version of the text widget that supports Text, H…

実際の使用例。

当サイトでは、投稿の末尾にも、タグリストを表示するようにしています。(テーマ・テンプレートのデフォルトのタグリストは見にくい)

タグリストは、大きく目立たせた方がクリックしやすいので。

PHPコードを実行するプラグインを導入して、 the_tags を記述するだけです。

ウィジェットでPHPコードを実行

テーマ・テンプレートに直接編集してもいいですが、テーマのアップデートの度に書き直しが必要になるし、複雑な条件分岐になると、テンプレートタグの設置だけで手間を取られるので、あっさりプラグインを導入した方が利口です。
条件分岐のプラグインを二つ、三つ、導入したところで、サイト表示が大幅に遅延するわけではありませんし、むしろ、コンテンツとは無関係なウィジェットを非表示にする方が高速化の助けになりますよ。モバイルにも不要なものはたくさんあります。
興味のある方はお試し下さい。
海洋小説 《曙光》 MORGENROOD
ブックカバー
宇宙文明を支える稀少金属ニムロディウムをめぐる企業の攻防と、海洋社会の未来を描く人間ドラマ。心に傷を負った潜水艇のパイロットが、恋と仕事を通して成長する物語です。