WordPress個別サポート

WooSidebarsプラグインを使うと「個別投稿用のサイドバー」や「固定ページ用のサイドバー」など、条件に応じて別々のサイドバーを表示することができます。

特定の固定ページに特定のサイドバーを表示するなど細かく条件を設定できますが、以下、個別投稿と固定ページで別々のサイドバーを表示する例で手順を紹介します。

まず、「プラグイン」‐「新規追加」メニューからWooSidebarsプラグインをインストール、有効化します。

WooSidebarsプラグインのインストール

WooSidebarsプラグインのインストール

スポンサーリンク

投稿用のサイドバーの定義

「外観」‐「Widget Areas」メニューを開いて「Add New」をクリックします。

「外観」‐「Widget Areas」メニュー

「外観」‐「Widget Areas」メニュー

サイドバーの名前(1)を付けて、このサイドバーを表示する条件を「Conditions」(2)で設定します。ここでは、個別の投稿(投稿タイプ=post)で表示するため、「Post Types」を選択して「Each Individual 投稿」(個別投稿)をチェックしています。

個別投稿用のサイドバーの作成

個別投稿用のサイドバーの作成

続いて画面右側で、どのサイドバーをこのサイドバーに置き換えるかを設定します。この例ではTwenty Twelveに組み込まれた「メインサイドバー」が「投稿用のサイドバー」に置き換えられます。

置き換える元のサイドバーを選択

置き換える元のサイドバーを選択

設定完了後、「公開」ボタンをクリックします。

作成したサイドバーのメンテナンス

「外観」-「ウィジェット」メニューを開いて、独自に作成したサイドバーが追加されているか確認しましょう。

「投稿用」のサイドバーが追加されている

「投稿用」のサイドバーが追加されている

投稿用のサイドバーに表示したいウィジェットを追加します。

投稿用のサイドバーにウィジェットを追加

投稿用のサイドバーにウィジェットを追加

これで、サイトに戻って個別投稿を表示すると「メインサイドバー」とは違う「投稿用のサイドバー」が表示されます。

投稿用のサイドバーが表示される

投稿用のサイドバーが表示される

固定ページ用のサイドバーの定義

同じように「外観」‐「Widget Areas」メニューを開いて「Add New」をクリックし、固定ページ用のサイドバーも作ってみましょう。

「Conditions」で「Pages」をクリックして個別のページを選択すれば、そのページのみに「固定ページ用のサイドバー」が表示されます。

固定ページ用のサイドバーの定義

固定ページ用のサイドバーの定義

※すべてのページを選択する場合は「Template Hierarchy」で「Pages」をチェックする方法があります。

定義できたらで置き換えるサイドバー(「Sidebar To Replace」:ここでは「メインサイドバー」)を選択して「公開」ボタンをクリックします。

続いて、「外観」-「ウィジェット」メニューで固定ページ用のサイドバーにウィジェットを追加します。

固定ページ用のサイドバーにウィジェットを追加

固定ページ用のサイドバーにウィジェットを追加

これで、固定ページにも独自のサイドバーが表示されるようになります。

固定ページ用のサイドバーが表示される

固定ページ用のサイドバーが表示される

この記事をSNSで共有する
スポンサーリンク
WordPressでお困りのときはご相談を
細かい質問からCSSやPHPのカスタマイズ、トラブル対応まで、この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
WordPress個別サポートの特徴
  • 最短で本日中に問題解決できます
  • 見積もり無料・料金は終了後の後払いです
  • 銀座教室・スカイプ・出張またはメールで対応します
カスタマイズがうまくいかないときは
お急ぎのときはWordPressメールサポートで対応します。ご活用ください。
こんなときはご相談ください(相談・見積もり無料)
  • サイトのデザインをカスタマイズしたい
  • CSS・PHPのカスタマイズがうまくいかない
  • 引っ越し(サーバー移転)したい
  • サイトをSSL対応(https://)したい
WordPress個別サポートの連絡先

WordPress個別サポートへの問い合わせWordPress個別サポートの申し込み

関連記事

スポンサーリンク