WordPress

Content Aware Sidebarsを使ってカテゴリやタグごとにサイドバーをカスタマイズする方法【WordPress】

この記事では、サイドバーをカテゴリやタグごとにカスタマイズできるContent Aware Sidebarsプラグインの使い方を解説します。カテゴリごとに違うサイドバーにしたり、特定のタグが付いている記事には何かしらのウィジェットを追加したりと色々カスタマイズできます。

Content Aware Sidebarsでできること

「Content Aware Sidebars」はサイドバーをカスタマイズするためのプラグインです。

主に以下のようなことができます。

  • 様々な条件でウィジェット領域をカスタマイズすることができる
  • ウィジェットを置換・結合することができる
  • 期間を指定してウィジェットを表示させることができる

というように色々できるめちゃんこ便利なプラグインとなっています。

例えば、カテゴリごとにサイドバーを全く違うものにしたり、特定のタグが付いている記事のサイドバーのみにおすすめ記事を追加させたりできます。

LinkLightweight Widget Area Plugin – Content Aware Sidebars – WordPress プラグイン | WordPress.org 日本語

それでは、Content Aware Sidebarsをインストールして使い方を見ていきましょう!

Content Aware Sidebarsのインストール

まずは、Content Aware Sidebarsプラグインをインストールします。

WordPress管理画面の左メニューにある「プラグイン」にカーソルを置き、表示された「新規追加」をクリックします。

プラグイン追加画面が表示されるので左上の検索フォームに「Content Aware Sidebars」と入力してください。

表示されたContent Aware Sidebarsの「今すぐインストール」をクリックしてインストールします。

インストールできたら「有効化」をクリックしてプラグインを有効化します。

すると、以下のような画面が表示されるかもしれませんが、これはプラグインの改善に協力するかどうかの確認なのでどちらでも構いません。

「許可して続ける」または「スキップ」をクリックすると以下のようなContent Aware Sidebarsの管理画面が表示されます。

これでインストール完了です。

Content Aware Sidebarsの使い方

Content Aware Sidebarsは以下のような手順で使用します。

  1. 条件などを指定したサイドバーの作成
  2. 作成したサイドバーのウィジェット設定

簡単なので実際に作りながら使い方を見ていきましょう!

サイドバーの新規作成

まずはサイドバーを作成していきます。

WordPressの管理画面の左メニューに追加されている「Content Aware」にカーソルを置き、表示された「新規作成」をクリックします。

すると、以下のようなサイドバー作成画面が表示されるのでここで色々設定していきます。

サイドバー名の設定

画面上部にある入力フォームからサイドバー名を設定します。

この記事ではWordPressというカテゴリのサイドバーにウィジェットを追加するのでサイドバー名は「WordPress」にしておきます。

表示する場所の設定

Conditionsタブで表示する場所を設定します。

「+ New condition group」をクリックして表示したい場所を選ぶ。

すると、カテゴリーのフォームが表示されるのでそこから表示させたいカテゴリーを選択します。

これでWordPressに表示されるように設定できました。

同じ要領で複数の条件を指定することもできます。

Actionの設定

Actionタブでは、サイドバーのアクションを設定できます。

設定項目は以下の3つです。

Action

  • 置換: サイドバーを置換する
  • 結合: すでにあるサイドバーに結合する
  • 強制置換: すでに置換しているサイドバーを強制的に置換できる
  • Shortcode: ショートコードの生成

Target Sidebar

どのサイドバーを目標にするか指定できる。
フッターなども指定可能。

結合位置

Actionを結合に指定した場合の結合位置を指定できる。

今回はActionを「結合」、Target Sidebarを「サイドバー」、結合位置を「上部」に設定します。

保存

それでは、これでサイドバーの設定は完了なので画面右にある「保存」または「生成」と書いてあるボタンをクリックして下さい。

サイドバーが作成できたので今度はそのサイドバーにウィジェットを設定しましょう!

ウィジェットの設定

今度はウィジェットの設定画面を開きます。

左メニューの「外観」の「ウィジェット」をクリックして下さい。

すると、サイドバーがずらっと表示されますが、一番下あたりに先ほど作成した「WordPress」というサイドバーが追加されています。

ここに普段と同様にブロックを追加することで先ほどサイドバーに設定した条件でウィジェットを表示させることができます。

今回は試しにカレンダーを追加してみました。

すると、WordPressカテゴリーの記事のサイドバー上部にカレンダーが追加されました!

まとめ

この記事では、Content Aware Sidebarsの使い方を解説しました。

めちゃくちゃ便利なプラグインなのでぜひ使ってみて下さい!

それでは今回の内容はここまでです。ではまたどこかで〜( ・∀・)ノ

最短3か月でエンジニア転職『DMM WEBCAMP COMMIT』