【WordPressウィジェットとは】ウィジェットの使い方を徹底解説

本記事では、WordPress(ワードプレス)初心者の方を対象に、WordPressのウィジェットの使い方について説明していきます。

ウィジェットの使い方が分かるようになると、WordPressのカスタマイズの幅が広がります。

■【WordPressウィジェットとは】ウィジェットの使い方(動画解説版)

WordPressのウィジェットとは

WordPressのウィジェットとはブログパーツのこと

WordPressのウィジェットとは、ブログパーツ(部品)のことです。WordPressでは、画像やテキスト、検索窓や投稿一覧など任意のウィジェット(ブログパーツ)をサイドバーやフッターなどに追加することができます。

■ウィジェットを利用して、サイドバーにお問い合わせや最近の投稿を表示させている例

ウィジェットの設定は、WordPressの管理画面＞外観＞ウィジェットで設定できます。サイドバーやフッターにバナー(画像)を追加したり、テキストやおすすめ記事一覧などを表示することができます。

ウィジェットの一般的な意味

ネットでウィジェットの意味を調べると、「パソコンのデスクトップやWebページなどで動作する小さなアプリケーションのこと」と解説されていますが、ブログのパーツ(部品)が理解しやすいでしょう。

パソコンのデスクトップやWebページなどで動作する小さなアプリケーションのこと。カレンダーや電卓、音楽プレイヤーなどのアクセサリー類やRSSリーダー、検索ボックスなどがある。Yahoo!のYahoo!ウィジェット、Mac OS Xに付属のDashboardなどがある。WindowsやGoogleでは、ガジェットと呼ばれている。ブログのサイドバーに追加するウィジェットは、ブログパーツと呼ばれる。
(ウィジェットとは - コトバンクより引用)

ブロックウィジェットとクラシックウィジェット

WordPerssのウィジェット画面は、ブロックウィジェットという新しいウィジェット画面と、クラシックウィジェットという従来版の２つの設定画面があります。

2023年6月時点で多くのテーマがブロックウィジェットという新しい方のウィジェット画面になっていますが、SwellやCocoon、Affinger6など有名テーマでも従来版のクラシックウィジェットが採用されていたり、ご利用の環境によって設定画面が変わるため注意しましょう。

■ブロックウィジェット(WP5.8以降)

■従来版クラシックウィジェット

ワードプレスのウィジェット画面。任意のウィジェットを任意のエリアに配置していきます。

本記事では、新しい方のブロックウィジェットの使い方と従来のクラシックウィジェットの両方を下記に解説していますので、ご自身の環境に合わせて参考にしてください。

ウィジェットの設定方法（外観＞ウィジェット）

【最新ブロックウィジェット版】ウィジェットの使い方

まずは新しい方のブロックウィジェット版での使い方を解説します。

ウィジェットは外観＞ウィジェットから設定します。

ウィジェット画面が開くと、ウィジェットを配置できるエリアが以下のように表示されます。配置エリアはご利用のテーマによって変わります。

ブロックウィジェットでは、固定ページの編集画面と同じようにブロックを追加して設定できます。任意の配置エリアを選択して「+（ブロックを追加）」から好きなウィジェットを追加していくことができます。

ウィジェット追加後に、ウィジェット＞更新ボタンをクリックして保存します。

サイトを開いて、サイドバーを確認すると追加したウィジェットが表示されていることが確認できればOKです。

◾️（参考）サイドバー（トップページ）に「カレンダー」と「最新の投稿」ウィジェットを追加している例

配置エリアはサイドバー(トップページ)とかフッター(xxx)とか色々なものがあるんですね

なお、ウィジェット配置エリアの名称や種類は、適用しているテーマによって異なります。「サイドバー」一つだけの場合もあれば、上記例のようにサイドバー(xxx)のほかにフッターにもウィジェットを配置することができるようになっている場合もあります。

【従来クラシックウィジェット版】ウィジェットの使い方

テーマによっては、デフォルトでブロックウィジェットではなく、従来のクラシックウィジェットを採用している場合があります。

外観＞ウィジェットをクリックします。

クラシックウィジェットの設定画面が開くと、左側に利用できるウィジェット(ブログパーツ)、右側に配置エリアが表示されます。

クラシックウィジェットでは、任意のウィジェットタイプを選択して、好きな箇所にドラッグ&ドロップすることでウィジェット（ブログパーツ）が追加できます。

下記はテキストタイプのウィジェットです。テキストウィジェットの場合は、お好みのタイトルと本文を設定し、「保存」をクリックします。

以上で、トップページのサイドバーにテキストウィジェットが追加されます。

■クラシックウィジェット追加の流れ

従来版のクラシックウィジェットに戻したい場合

ご利用のテーマがブロックウィジェットの画面になっているが、何らかの理由で従来版のクラシックウィジェットに戻したい場合、プラグイン「Classic WIdgets」を利用して、ブロックウィジェットからクラシックウィジェットに戻すことができます。

詳細手順は下記をご参照ください。
【Classic Widgets】ウィジェット画面を戻すWordPressプラグイン

WordPress初期状態で用意されているクラシックウィジェット

WordPress初期状態で用意されているウィジェットは下記の通りです。

以下では、クラシックウィジェットの画面でおすすめのウィジェットを紹介していますが、ブロックエディターでも同様のウィジェット（あるいは代替となるブロック）が使用できます。

ウィジェット名	説明
RSS	特定のWebサイトのRSS（新着情報）の取得・表示ができるウィジェット
アーカイブ	投稿の月別アーカイブを表示できるウィジェット
カスタムHTML	任意のHTMLコードを記述できるウィジェット
カテゴリー	カテゴリーリストできるウィジェット（ドロップダウン形式での表示や階層の表示が可能。）
カレンダー	サイトの投稿カレンダーを表示できるウィジェット
ギャラリー	ギャラリーを表示できるウィジェット
タグクラウド	タグの一覧を表示できるウィジェット
テキスト（※ブロックウィジェットでは「段落ブロック」でテキストが追加できます。）	任意のテキストを記述できるウィジェット
ナビゲーションメニュー	ナビゲーションメニューを表示できるウィジェット
メタ情報	ログイン、RSS、WordPress.orgへのリンクの表示ができるウィジェット
動画	メディアライブラリ内から、またはYouTube・Vimeo・その他のプロバイダから動画を表示できるウィジェット
固定ページ	固定ページの一覧を表示できるウィジェット
最近の投稿	直近の投稿一覧を表示できるウィジェット
検索	サイト内検索フォームを追加できるウィジェット