WordPressにウィジェットを設定しよう！おすすめプラグインも紹介

まず、WordPress管理メニューから「外観」→「ウィジェット」を選択し、ウィジェットの設定画面を開きます。

画面の左側に表示されているのが利用できるウィジェットで、右側がウィジェットを設置できるウィジェットエリアです。

ウィジェットエリアに設置したウィジェットだけが、Webサイトに表示されるしくみになっています。

上記の例では、ウィジェットエリアは「ブログサイドバー」「フッター1」「フッター2」の3カ所です。

ブログサイドバーに設置された6つのウィジェットがWebサイトのサイドバーに表示されます。

次に、ウィジェットをウィジェットエリアに追加してみましょう。

ウィジェットを追加する方法は以下の2通りあります。

ウィジェットの表示スタイルや表示内容は、ある程度カスタマイズが可能です。

以下の手順でウィジェットの編集をおこないましょう。

編集したいウィジェットを選択すると設定パネルが開きます。

「タグクラウド」ウィジェットで設定できる項目は、「タイトル」「タクソノミー」「タグの数を表示」の3つです。

ここでは、下記の項目を設定しました。

設定を変更すると表示される「保存」ボタンを押下しましょう。

「タグクラウド」ウィジェットで設定した項目（タイトル、タグ件数の表示）が反映されました。

ウィジェットの並び替えは簡単な操作でおこなえます。

ウィジェットエリアに配置された各ウィジェットをドラッグ＆ドラップするだけです。

上記の例では、「タグクラウド」ウィジェットをブログサイドバーの先頭に移動しています。

同じウィジェットエリアの中だけでなく、別のウィジェットエリアへの移動も可能です。

ウィジェットエリアに設置した各ウィジェットは、設定内容を保存したまま一時的に停止（非表示）できます。

停止方法は、設置したウィジェットを左側の「使用停止中のウィジェット」エリアへドラッグ＆ドロップするだけです。

「使用停止中のウィジェット」エリアは「利用できるウィジェット」エリアの下にあるので、

上記のように「利用できるウィジェット」を押下して畳んでおくと操作がしやすくなります。

停止中のウィジェットを再表示するには、

「使用停止中のウィジェット」エリアから、ドラッグ＆ドロップで右側のウィジェットエリアへ移動すればOKです。

表示中のウィジェットや、停止したウィジェットは以下の方法で削除できます。

ウィジェットを選択して設定パネルを開き、一番下に表示される「削除」を押下します。

（この操作は停止中のウィジェットも、表示中のウィジェットも同じです）

なお、停止中のウィジェットをすべて削除する場合は、

「使用停止中のウィジェット」エリアの下に表示される「使用停止中のウィジェットをクリア」ボタンを押下しましょう。

WordPressで使える標準ウィジェットは、以下のとおりです（アルファベット順）。

ここでは、利用頻度の高い4つの標準ウィジェットをピックアップして設定方法を説明します。

なお、各ウィジェット説明の先頭画像は実際にウィジェットを使用したときの表示例です。

WordPressにはデフォルトで用意されている標準ウィジェット以外に、テーマの独自ウィジェットや、プラグインを導入すると追加されるウィジェットがあります。

ただし、テーマの独自ウィジェットは利用するテーマで決まってしまうため、自由に使うことはできません。

そこで、活用したいのがウィジェットを追加するプラグインの導入です。

WordPress公式ディレクトリに登録されているプラグインなら誰でも自由に利用できます。

「標準ウィジェットが使いにくい」または「こんなウィジェットがあったらいいな」と思ったら、プラグインで同様な機能がないか探してみましょう。

多くの人が望む機能であれは、すでに開発・提供されている可能性は高いです。

WordPressのウィジェットは自作することもできます。

プログラミング経験と専門的な知識（PHPなど）があれば、ウィジェットエリアを増やしたり、新しいウィジェットを作成したりすることも可能です。

しかし、WordPress初心者やプログラミング知識がない人にはハードルは高いでしょう。

簡単にウィジェットやウィジェットエリアを増やすには、やはりプラグインの導入がおすすめです。

ウィジェットの設定に役立つおすすめのプラグインは次の章で紹介します。

WordPress Popular Postsは、人気記事一覧（ランキング）を表示するウィジェットを提供するプラグインです。

このプラグインを導入すると、下記の「WordPress Popular Posts」というウィジェットが追加されます。

ウィジェットで設定できる主な項目は以下のとおりです。

ほかにも、ランキングに表示する投稿タイプ（post、pageなど）の設定や、ランキングから除外する投稿ID、カテゴリー、タグなどを指定できます。

「WordPress Popular Posts」ウィジェットをサイドバーに設置すると、次のような人気記事一覧が表示されます。

Ajax Search Liteは、インスタント検索機能を追加するプラグインです。

インスタント検索とは、検索キーワードを入力している途中で複数の候補を表示してくれる機能のこと。

Ajax Search Liteの検索ウィジェットを使用すると、キーワード入力中にそのキーワードを含む記事の一覧を表示してくれるので、読みたい記事を見つけやすくなります。

このプラグインを導入すると、下記の「Ajax Search Lite」というウィジェットが追加されます。

ウィジェットで設定できる項目はタイトルだけですが、プラグインの設定画面から検索対象（投稿、固定ページなど）や、レイアウトの詳細設定が可能です。

「Ajax Search Lite」ウィジェットをサイドバーに設置すると、次のような検索ボックスが表示されます。

検索キーワードの入力途中に（下記の例では “テスト”）、検索ボックスの下に記事の一覧が表示されます。

Widget Logicは、ウィジェットの表示・非表示を制御できるプラグインです。

プラグインの導入で追加されるウィジェットはありませんが、各ウィジェットに以下のような「ウィジェットのロジック」欄が追加されます。

「ウィジェットのロジック」欄に下記の条件分岐タグを設定することで、表示するページの条件を細かく設定することが可能です。

条件分岐タグの先頭に「!」を付加すると、対象ページを非表示（それ以外は表示）にできます。

条件分岐タグは「&&（かつ）」、「||（または）」を使用して、複数組み合わせて指定することも可能です。

Widget Logicを導入すれば、ウィジェットの表示・非表示を自由に制御できるので、

特定のページで表示したくないウィジェット（アフィリエイトやアドセンス広告など）の利用にとても便利です。

Cool Tag Cloudは、タグクラウド（タグやカテゴリーの一覧）を表示するウィジェットを追加するプラグインです。

WordPress標準で用意されている「タグクラウド」ウィジェットよりも、ビジュアル性とカスタマイズ性に優れています。

このプラグインを導入すると、下記の「Cool Tag Cloud」というウィジェットが追加されます。

ウィジェットで設定できる主な項目は以下のとおりです。

ほかにも、最大表示件数、表示順、タグ件数の表示／非表示の設定が可能です。

「Cool Tag Cloud 」ウィジェットをサイドバーに設置すると、次のようなタグ一覧が表示されます。

Widget Shortcodeは、ウィジェットにショートコードを追加するプラグインです。

ショートコードを利用すれば、ウィジェットエリアだけでなく、投稿ページや固定ページの本文の好きな場所にウィジェットを設置できるようになります。

このプラグインを導入しても追加されるウィジェットはありませんが、各ウィジェットに下記のようなショートコードが追加されます。

このショートコードを利用するには、WordPressエディタを利用して投稿記事の本文に追加するだけでOKです。

上記の例では、記事タイトル「Hello World!」と本文の間に「カレンダー」ウィジェットのショートコードを追加しています。

ショートコードを追加したら、エディタの「更新」ボタンを押下してください。

投稿ページの本文中に追加した「カレンダー」ウィジェットは次のように表示されます。

Custom Sidebarsは、新規ウィジェットエリアを追加して、既存のウィジェットエリアと切り替えるプラグインです。

ページの種類（投稿、固定ページ）や、カテゴリー別にサイドバーやフッターを切り替えたい場合に利用できます。

また、記事ごとに切り替えることも可能です。

Widgets on Pagesは、新規ウィジェットエリアを作成し、

投稿ページや固定ページの本文中にショートコードでウィジェットエリアを追加できるプラグインです。

機能的には前述したWidget Shortcodeと似ています。

違いはWidget Shortcodeが「ウィジェット自体」をショートコードでページ本文中に設置するのに対し、

Widgets on Pagesは「ウィジェットエリア」をショートコードで設置する点が異なります。

WordPressでプラグインをインストールする方法は2つありますので、それぞれの操作方法を説明します。

Webにくわしくない初心者でもたった10分で始められるレンタルサーバー「ConoHa WING」。

とっても簡単だから今すぐ始めちゃいましょう。

また下記の記事では、ConoHa WINGを使ってWordPressを開設する方法を、画像付きでくわしく解説しています。

他社のレンタルサーバーをご利用中で、ConoHa WINGにお乗り換えを検討されている方も安心です！

煩雑なレンタルサーバーの移行もかんたんにお乗換えいただけるよう、いくつかのサポートを用意しています。