Codepia

WordPressのウィジェットとは?表示場所・追加方法・テーマごとの違い

ページ内には広告が含まれます広告ポリシー

WordPressのウィジェットとは何か、サイドバーやフッターへ追加する方法を解説します。テーマによる編集方法の違いや、追加後に確認したい場所も紹介します。

WordPressのウィジェットとは

WordPressのウィジェットは、サイドバーやフッターなどに、検索欄やカテゴリー一覧、プロフィールといった内容を追加できる機能です。投稿本文とは別の場所に、サイト内で共通して見せたい情報を表示できます。

テーマとウィジェットエリアとウィジェットの関係

ウィジェットを使えば、サイドバーのプロフィールやフッターのお知らせなど、複数の記事に共通して表示している内容を、各記事へ1つずつ書き加える必要がなくなります。

ウィジェットを置ける場所はテーマで決まる

ウィジェットを追加できる場所は、現在使用しているテーマによって決まります。クラシックテーマでは、次のような場所にウィジェットエリアが用意されています。

  • 記事の横に表示されるサイドバー
  • ページの一番下に表示されるフッター
  • 記事本文の下
  • トップページ専用のエリア

管理画面には「サイドバー」「フッター1」「記事下」のように、テーマが設定したエリア名が表示されます。まずは、どのページのどこへ表示したいのかを確認してから、対応するウィジェットエリアを選ぶのがおすすめです。

テーマを変更すると、サイトデザインだけでなく、ウィジェットエリアの名前や数、表示場所も変わることがあります。以前と同じ場所へ表示されるとは限らないため、テーマ変更後はサイドバーやフッターを実際のページで確認しておくと安心です。

クラシックテーマとブロックテーマの違い

ウィジェットの設定方法は、現在使用しているテーマの種類によって異なります。クラシックテーマではウィジェット画面を使いますが、ブロックテーマではウィジェットの代わりにブロックを使ってサイト全体を編集します。

見た目はほぼ同じですが、内部の仕様が異なります(ブロックテーマの方が新しくできました)。

クラシックテーマの設定方法

クラシックテーマでは、WordPress管理画面の「外観」から「ウィジェット」を開きます。画面内には、サイドバーやフッターなど、現在のテーマで利用できるウィジェットエリアが表示されます。

クラシックテーマのウィジェット設定画面

表示したいウィジェットエリアを選び、その中へ検索やカテゴリーなどのブロックを追加します。表示されるエリアの名前や数はテーマごとに異なるため、画像と同じ項目がなくても問題ありません。

ブロックテーマの設定方法

ブロックテーマでは、従来のウィジェットエリアではなく、テンプレートやテンプレートパーツへブロックを配置します。管理画面の「外観」から「エディター」を開き、フッターなど編集したい場所を選びます。

ブロックテーマのサイトエディター画面

ブロックテーマでは、ウィジェットの代わりにブロックを使い、サイトエディターから同じ役割のものを配置します。

ウィジェットを追加する方法

ここからは、クラシックテーマで「外観」から「ウィジェット」を開いた場合を例に進めます。テーマによって画面の見た目は少し変わりますが、表示場所を選び、その中へ必要なブロックを追加する流れは同じです。

表示したいウィジェットエリアを開く

ウィジェット画面を開くと、「サイドバー」「フッター1」など、現在のテーマで利用できるウィジェットエリアが並んでいます。記事の横へ表示したい場合はサイドバー、ページの一番下へ表示したい場合はフッターと書かれたエリアを選びます。

投稿ページ用と固定ページ用でエリアが分かれているテーマもあります。エリア名だけでは表示場所がわかりにくい場合は、ブロックを1つ追加し、実際のページで確認すると見つけやすいです。

「+」ボタンからブロックを追加する

ウィジェットエリアを開いたら、「+」ボタンを押して、表示したいブロックを選びます。サイドバーには、たとえば次のような内容を追加できます。

  • サイト内の記事を探すための検索欄
  • 記事を分類しているカテゴリー一覧
  • 運営者を紹介するプロフィール
  • 案内ページへ移動するメニュー

追加したブロックは並び替えられるため、閲覧者に先に見てほしい内容を上へ置くのがおすすめです。

サイドバーへ検索ウィジェットを追加する流れ

更新して実際のページを確認する

追加と並び替えが終わったら、画面右上にある「更新」を押します。

基本的に、サイドバーはパソコンでは記事の横に表示、スマートフォンでは記事本文の下へ配置されます。ウィジェットが多いと記事下が長くなるため、パソコンとスマートフォンの両方で表示場所や並び順を確認しておくのがおすすめです。

最初に置くウィジェットは1つから3つがおすすめ

サイドバーへ最初に置くなら、サイト内の記事を探すための検索欄や、記事を分類しているカテゴリー一覧などが使いやすいです。フッターには、プロフィールや案内ページへのリンクなど、サイト全体に関係する内容が向いています。

ウィジェットを多く追加しすぎると、記事よりも周辺の情報が目立ったり、スマートフォンでページが長くなったりするので気をつけたいところです。最初は、訪問者に使ってほしいものを1つから3つほどに絞り、必要になったものをあとから追加するのがいいと思います。

まとめ

ウィジェットは、クラシックテーマのサイドバーやフッターなどに、検索欄やカテゴリー一覧といった内容を追加できる機能です。どこへ表示できるかはテーマによって異なるため、テーマを変更したら、最初にウィジェットエリアの名前と表示場所を確認します。

ブロックテーマではウィジェットを使わず、サイトエディターからブロックを配置します。どちらの場合も、保存後は実際のページを開き、パソコンとスマートフォンで表示場所や並び順を確認しておくのがおすすめです。

トップへ戻る