Codepia

WordPressのサイドバーとは?ウィジェットとの関係と使い方

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

WordPressの基本構造の1つ、サイドバーが表示される場所と、ウィジェット、エディターを使って内容を追加する方法を紹介します。テーマによる設定画面の違いや、サイドバーが表示されないときの確認場所も解説します。

WordPressのサイドバーとは

WordPressのサイドバーは、記事本文の横、スマートフォンでは主に記事本文の下などに表示される補助的なスペースです。

検索フォーム、カテゴリー、最近の記事、プロフィールなどを置き、閲覧者が別のページへ移動しやすいように使われます。

WordPressの記事本文の横にサイドバーが表示される位置

名前には「サイド」と付いていますが、必ず本文の左右に表示されるとは限りません。使用しているテーマや閲覧者のデバイスによっては、記事の下やフッター付近に表示されます。

サイドバーとウィジェットの違い

サイドバーと一緒によく使われるのが「ウィジェット」です。

この2つはどちらも、同じ範囲の仲間です。サイドバーは内容を置く場所、ウィジェットはその場所へ追加する内容の関係です。

サイドバーへ検索やカテゴリーなどのウィジェットを配置する関係

WordPressでは、サイドバーだけでなくフッターなどの表示場所も「ウィジェットエリア」として用意されることがあります。実際に使える場所や名称は、テーマによって異なります。

サイドバーに表示できる内容

サイドバーには、主に次のような内容を表示できます。

  • サイト内を探すための検索フォーム
  • カテゴリーやタグの一覧
  • 最近公開した記事の一覧
  • プロフィールやサイトの紹介文
  • 画像やバナー

これらの要素は、すべてを並べる必要はありません。サイトの目的に合わせ、記事を読んだあとに見てほしいページや、サイト内を探すために必要な内容へ絞ると、見やすいサイドバーになります。

サイドバーへウィジェットを追加する方法

サイドバーの編集方法は、使用しているテーマによって異なります。まず、WordPress管理画面の「外観」を開いて、表示される項目を確認します。

「外観」に「ウィジェット」がある場合

管理画面の「外観」から「ウィジェット」を開くと、テーマに用意されているウィジェットエリアが表示されます。

WordPress管理画面の外観からウィジェットを開いてサイドバーを編集する手順

「サイドバー」などの名前が付いたエリアを選び、追加ボタンから検索、カテゴリー、最新の投稿などのブロックを追加します。

追加した内容はドラッグして並べ替えられます。設定が終わったら「更新」をクリックし、実際の記事ページで表示を確認します。

「外観」に「エディター」がある場合

ブロックテーマでは、従来のウィジェット画面ではなく、サイトエディターでサイドバーを編集します。

WordPressのサイトエディターでサイドバーを含むテンプレートを編集する画面

「外観」から「エディター」を開き、サイドバーが含まれている投稿用のテンプレートやテンプレートパーツを選びます。

編集画面では、通常の記事と同じようにブロックを追加できます。検索やカテゴリーなど、表示したいブロックを配置して保存します。

サイドバーが表示されないときの確認場所

ウィジェットを追加してもサイドバーが表示されない場合は、使用しているテーマやページのテンプレートを確認します。

  • テーマにサイドバー用の表示場所が用意されているか
  • サイドバーなしのページテンプレートを選んでいないか
  • スマートフォンでは記事本文の下へ移動していないか

「外観」のウィジェット画面にサイドバーが表示されない場合は、設定の失敗ではなく、テーマ側にサイドバー用の場所が用意されていない可能性があります。

まとめ

WordPressのサイドバーは、記事本文の横などに検索フォームやカテゴリー、最近の記事を表示するためのスペースです。

サイドバーが表示場所、ウィジェットがそこへ追加する内容に当たります。管理画面の「外観」にある「ウィジェット」または「エディター」から編集し、保存後は実際のページで表示場所を確認してみてください。

トップへ戻る