WordPressでページごとに異なるウィジェットを表示する方法
なぜページ別ウィジェットが必要か
コンテンツに応じてサイドバーを最適化すると、ユーザー体験とコンバージョンが向上します。例えば旅行ブログならフランス関連記事にはフランス向けの宿泊予約フォーム、イタリア記事にはレストラン推薦ウィジェットを出すなど、関連性の高い要素を見せられます。
重要: サイト全体で同じサイドバーを使うだけでは、訪問者の文脈を活かせないことがあります。
代表的な方法と特徴
1. Conditional Widgets
Conditional Widgetsは、各ウィジェットに対して表示ルールをGUIで設定できるプラグインです。インストールして有効化すると、ウィジェット管理画面で各ウィジェット内に「表示条件」を設定する欄が現れます。
- 表示・非表示をホーム、特定のカテゴリ、特定ページに対して指定可能
- サブカテゴリ／サブページの継承をサポート
- GUIベースで直感的に設定でき、コード不要
- 注意点: 投稿（個別記事）単位の条件指定ができないことがある
2. Widget Logic
Widget Logicは、WidgetごとにWordPressの条件タグを直接入力して表示を制御するプラグインです。条件の自由度は高い反面、WordPressの条件タグ（is_page, is_singleなど）を理解している必要があります。
例: 投稿IDが46の投稿だけにウィジェットを表示したければ、以下を Widget Logic のフィールドに記述します。
is_single(46)長所:
- 高い柔軟性。テーマやカスタム投稿タイプなどにも対応可能。 短所:
- 条件タグを知らないと使いにくい。誤った条件でウィジェットが表示されないリスク。
3. Section Widgets
Section Widgets は上の2つとは動作がやや異なり、条件ロジックに加えてタブ形式のサイドバーを作れる強力なプラグインです。設定画面でタブUIの見た目を選べる（25種類のテーマが用意）か、独自スタイルを定義できます。
使い方のポイント:
- 管理画面で「Themes -> Section Widget」を開いて見た目を調整
- ウィジェットエリアには「Section」ウィジェットを追加し、上部で表示条件、下部でHTMLコンテンツを作成します
タブ表示の例:
長所:
- タブ式で複数コンテンツを場所を取らずに見せられる
- GUIで見た目を細かく調整可能 短所:
- 他のウィジェットと直接統合できない（既存のカスタムウィジェットをそのまま読み込めない）
使い分けの判断フレームワーク（ミニメソッド）
- 非技術者で直感的に設定したい → Conditional Widgets
- 細かい表示条件（投稿ID、カスタム投稿、複雑な条件）を指定したい → Widget Logic
- サイドバーをタブで整理したい、HTMLで自由にデザインしたい → Section Widgets
選定の流れ:
- 要件列挙（ページ単位？カテゴリ単位？投稿単位？タブが必要か）
- 必要な技術レベルを決定（GUIで済むか、条件タグを書くか）
- テストケースを作り、ステージングで動作確認
比較マトリクス
| 項目 | Conditional Widgets | Widget Logic | Section Widgets |
|---|---|---|---|
| GUIでの簡単設定 | ◎ | △ | ◎ |
| 細かい条件指定 | △ | ◎ | △ |
| 投稿単位の制御 | ×（制限あり） | ◎ | △ |
| タブUIの提供 | × | × | ◎ |
| 他ウィジェットとの統合 | ◎ | ◎ | × |
| 学習コスト | 低 | 中〜高 | 中 |
導入前チェックリスト（役割別）
管理者チェックリスト:
- バックアップを取得したか
- ステージング環境で動作確認を行ったか
- プラグインの更新頻度と互換性を確認したか
コンテンツ編集者チェックリスト:
- どのページにどのウィジェットを出すかのリストを用意したか
- 表示ルールの簡易ドキュメントを作成したか
開発者チェックリスト:
- テーマのウィジェット領域（sidebar）との互換性を確認したか
- 必要なら子テーマでのスタイル上書き方法を準備したか
受け入れ基準
- 指定したカテゴリ・ページでウィジェットが正しく表示される
- 非該当ページではウィジェットが表示されない
- モバイル／デスクトップでUI崩れがない
- サイト表示速度に著しい影響がない
テストケース例:
- トップページでウィジェットAが表示される
- カテゴリ「フランス」の記事でウィジェットBが表示される
- 投稿ID=46の記事でウィジェットCが表示される（Widget Logic を使用）
実運用でよくある問題と対処法
- 表示されない: キャッシュ（プラグイン／CDN）をクリアする
- 条件が複雑で設定が難しい: ステージングで条件を一つずつ確認する
- 他プラグインと干渉する: 一時的に無効化して原因を切り分ける
- タブのスタイルが崩れる: 子テーマでCSSを上書きして調整する
重要: 本番で変更する前に必ずバックアップとステージングでの確認を行ってください。
エッジケースギャラリー
- カスタム投稿タイプとターム（taxonomy）を組み合わせた条件制御
- マルチサイトで異なるサイトごとにプラグイン挙動が異なる場面
- プラグインがPHPバージョンやテーマのフックと競合するケース
移行と互換性のヒント
- 既存のカスタムウィジェットをSection Widgetsに移したい場合、HTMLとして再構築する必要があります。直接インポートはできないため、ウィジェットの出力HTMLを取得してSectionのコンテンツに貼り付ける手順を検討してください。
1行用語集
- ウィジェット: サイドバーやフッターに配置できる小さな表示コンポーネント
- 条件タグ: WordPressが提供するページ判定用の関数（例: is_single, is_page）
短い告知文（社内向けまたはSNS用、100〜200字）
サイトの各ページに最適化されたサイドバー表示を実装しました。Conditional Widgetsでカテゴリ単位の表示を手早く設定でき、Widget Logicで投稿単位の細かな制御、Section Widgetsでタブ表示が可能です。導入後はステージングで表示確認を行ってください。
まとめ
- コードを書かずにページ別ウィジェットを実現するにはプラグイン利用が最も簡単
- 単純で直感的な設定ならConditional Widgets、柔軟な条件指定ならWidget Logic、タブUIが欲しければSection Widgetsを選ぶ
- 導入前にバックアップとステージング検証、運用時はキャッシュとスタイルの崩れに注意
どの方法を採るかは、求める柔軟性と運用体制に依存します。まずは要件を明確にし、ステージング環境で小さなテストを繰り返すことをおすすめします。
