2026年10月15日

2026年10月15日

WordPressのウィジェットを設定する方法|クラシックテーマとブロックテーマの違いも解説

WordPress のウィジェットは、サイドバーやフッターなど記事本文の外側に、検索窓・最新の投稿・カテゴリ一覧などを置く仕組みです。クラシックテーマなら「外観」→「ウィジェット」で設定し、ブロックテーマならサイトエディターでテンプレートパーツを編集します。この記事では、使っているテーマの見分け方から、ウィジェットの追加・並べ替え・削除、表示されないときの確認、子テーマでウィジェットエリアを増やす方法までを説明します。

まず使っているテーマの種類を確認する

ウィジェットの設定方法は、テーマの種類によって大きく異なります。最初にここを確認しておくと、「ウィジェットのメニューがない」と迷わずに済みます。

  • クラシックテーマ: サイドバーやフッターなどの「ウィジェットエリア」をテーマが用意しているテーマです。管理画面の「外観」の中に「ウィジェット」があり、カスタマイザーにも「ウィジェット」の項目があります。
  • ブロックテーマ: Twenty Twenty-Two 以降の標準テーマのように、サイト全体をブロックで組み立てるテーマです。「外観」の中に「エディター」があり、「ウィジェット」のメニューは基本的に表示されません。

同じクラシックテーマでも、テーマがウィジェットエリアを登録していなければ、ウィジェットのメニューは出ません。メニューの有無で判断がつかないときは、テーマの説明ページでブロックテーマかどうかを確認してください。

クラシックテーマでウィジェットを設定する手順

WordPress 5.8 から、ウィジェット画面はブロックエディターと同じ操作でブロックを置く形式に変わりました。手順は次のとおりです。画面の表記はバージョンによって変わることがあるため、目安として読んでください(2026年10月現在)。

  1. 管理画面の「外観」→「ウィジェット」を開きます。テーマが用意したウィジェットエリア(「サイドバー」「フッター1」など)が一覧で表示されます。
  2. 追加したいエリアを開き、ブロック追加ボタン(「+」)を押します。
  3. 「検索」「最新の投稿」「カテゴリー」「アーカイブ」などのブロックを選んで追加します。
  4. ブロックを選択すると、右側の設定パネルで表示件数や見出しの有無などを調整できます。
  5. 右上の「更新」を押して保存します。

並べ替え・移動・削除

  • 並べ替え: ブロックのツールバーにある上下の矢印か、ドラッグで順番を変えます。
  • 別のエリアへの移動: ブロックのオプションメニューから、ほかのウィジェットエリアへ移動できます。
  • 削除: オプションメニューから削除します。設定を残したまま一時的に外したいときは、「使用停止中のウィジェット」のエリアに移しておくと、後で戻せます。

実際の見え方を確認しながら設定したい場合

「外観」→「カスタマイズ」の「ウィジェット」からも同じ設定ができます。こちらは右側にサイトのプレビューが表示されるため、サイドバーの幅に対して文字数が多すぎないか、スマートフォン表示でどう並ぶかを確認しながら調整できます。

以前のウィジェット画面に戻したい場合

古いテーマやプラグインのウィジェットが新しい画面で使いにくい場合は、WordPress の開発チームが提供している「Classic Widgets」プラグインで、以前の形式の画面に戻せます。ただし、このプラグインは移行期間のための位置づけなので、長期的にはブロック形式の画面に慣れておくほうが安心です。

旧形式のウィジェットは、ブロック形式の画面でも「レガシーウィジェット」ブロックとして表示・編集できることがあります。

ブロックテーマでの「ウィジェット」の置き方

ブロックテーマには、クラシックテーマのようなウィジェットエリアはありません。代わりに、ヘッダーやフッターなどの「テンプレートパーツ」に、同じ役割のブロックを直接置きます。

  1. 管理画面の「外観」→「エディター」を開きます。
  2. 「パターン」や「テンプレート」の一覧から、編集したいヘッダー・フッターなどのテンプレートパーツを選びます。
  3. 「+」から「検索」「最新の投稿」「カテゴリー」などのブロックを追加し、保存します。

テンプレートパーツを変更すると、そのパーツを使っているすべてのページに反映されます。特定のページだけにサイドバーを出したい場合は、テンプレート自体を分ける必要があります。変更内容はテーマのファイルではなくデータベースに保存されるため、テーマを更新しても消えませんが、元に戻したいときはテンプレートパーツのカスタマイズをリセットする操作で初期状態に戻せます。

ウィジェットが表示されないときの確認

設定したのに表示されない場合は、次の順に確認します。

  1. テーマがそのエリアを表示していない: テーマによっては、トップページや固定ページではサイドバーを出さない設計になっています。テーマのカスタマイザーにレイアウト(1カラム・2カラムなど)の設定がないか確認します。
  2. キャッシュが残っている: キャッシュ系プラグインやサーバーのキャッシュが有効だと、変更がすぐに反映されないことがあります。キャッシュを削除してから、ログアウトした状態で確認します。
  3. ブロックの表示条件: 「最新の投稿」などは、該当する記事がなければ何も表示されません。
  4. テーマを切り替えた: テーマを変えると、ウィジェットエリアの名前や数が変わり、配置していたウィジェットが「使用停止中」に移ることがあります。

子テーマでウィジェットエリアを追加する

テーマにないところにウィジェットエリアを増やしたい場合は、クラシックテーマの子テーマでコードを追加します。親テーマに直接書くと更新で消えるため、子テーマを使ってください。作業前にはバックアップを取り、ステージング環境で表示を確認してから本番に反映します。

まず、子テーマの functions.php でウィジェットエリアを登録します。

<?php
add_action( 'widgets_init', function () {
	register_sidebar(
		array(
			'name'          => __( 'フッター上部', 'mychild' ),
			'id'            => 'footer-top',
			'description'   => __( 'フッターの上に表示されるエリアです。', 'mychild' ),
			'before_widget' => '<section id="%1$s" class="widget %2$s">',
			'after_widget'  => '</section>',
			'before_title'  => '<h2 class="widget-title">',
			'after_title'   => '</h2>',
		)
	);
} );

次に、表示したい位置のテンプレートファイル(子テーマにコピーした footer.php など)に出力のコードを書きます。

<?php if ( is_active_sidebar( 'footer-top' ) ) : ?>
	<aside class="footer-top" aria-label="<?php esc_attr_e( 'フッター上部', 'mychild' ); ?>">
		<?php dynamic_sidebar( 'footer-top' ); ?>
	</aside>
<?php endif; ?>

is_active_sidebar() で中身があるときだけ出力しているので、ウィジェットが空のときに余計な枠が表示されません。登録後は「外観」→「ウィジェット」に「フッター上部」が現れ、通常のエリアと同じように設定できます。

なお、テーマの都合でブロック形式のウィジェット画面を使いたくない場合は、remove_theme_support( 'widgets-block-editor' ) で以前の画面に切り替えることもできます。プラグインを増やしたくない場合の選択肢です。

まとめ

  • ウィジェットの設定方法はテーマの種類で異なります。クラシックテーマは「外観」→「ウィジェット」、ブロックテーマはサイトエディターでテンプレートパーツを編集します。
  • クラシックテーマのウィジェット画面は WordPress 5.8 からブロック形式になり、「+」からブロックを追加して「更新」で保存します。
  • 見え方を確認しながら設定したいときは、カスタマイザーのウィジェット設定が便利です。
  • 表示されないときは、テーマのレイアウト設定・キャッシュ・表示条件・テーマ切り替えの順に確認します。
  • ウィジェットエリアを増やすなら、子テーマで register_sidebar() と dynamic_sidebar() を使います。

お気軽にご相談ください

お見積りへ お問い合わせへ
▲