2026年6月24日

2026年6月24日

WordPressで「最近の投稿」をサイドバーに表示する方法(最新の投稿ブロック・ウィジェット)

WordPressで新しい記事の一覧をサイドバーやフッターに表示するには、現在は「最新の投稿」ブロックを使うのが基本です。クラシックテーマなら「外観」→「ウィジェット」で、ブロックテーマならサイトエディターでテンプレートに追加します。この記事では、テーマの種類ごとの追加手順、表示内容の調整、従来の「最近の投稿」ウィジェットとの違い、表示されないときの確認ポイントを説明します。

「最近の投稿」ウィジェットと「最新の投稿」ブロックの関係

以前のWordPressでは、「外観」→「ウィジェット」の画面で「最近の投稿」ウィジェットをサイドバーに置くのが定番でした。WordPress 5.8 以降、ウィジェット画面がブロックエディター形式に変わり、同じ役割は「最新の投稿」ブロックが担うようになっています。

最新の投稿ブロックは、従来のウィジェットより設定項目が多く、次のような表示ができます。

  • 表示する記事数の指定
  • 投稿日や投稿者の表示
  • 抜粋(記事の冒頭の要約)の表示
  • アイキャッチ画像の表示
  • 特定のカテゴリーや投稿者に絞り込んだ表示
  • リスト形式とグリッド(タイル)形式の切り替え

従来の「最近の投稿」ウィジェットは、タイトルと記事数、投稿日の表示有無だけを設定できるシンプルなものでした。今から設定するなら、ブロックを使うほうが柔軟です。

クラシックテーマでサイドバーに追加する

ウィジェットに対応したクラシックテーマ(Twenty Twenty-One やサイドバーのある多くの国産テーマなど)の場合の手順です。

  1. 管理画面の「外観」→「ウィジェット」を開きます。
  2. テーマが用意しているウィジェットエリア(「サイドバー」「フッター」など)の一覧が表示されるので、追加したいエリアを開きます。
  3. エリア内の「+」ボタン(ブロックの追加)をクリックし、検索欄に「最新の投稿」と入力します。
  4. 「最新の投稿」ブロックを選んで追加します。
  5. 必要に応じて上に「見出し」ブロックを置き、「最近の投稿」「新着記事」などの見出しを付けます。
  6. 右上の「更新」をクリックして保存します。

「外観」→「カスタマイズ」の「ウィジェット」からも同じ操作ができます。カスタマイザーでは右側にプレビューが出るため、サイドバーに収まる見た目を確認しながら調整できます。

従来のウィジェット画面を使いたい場合

慣れた旧来のウィジェット画面に戻したい場合は、公式のプラグイン「Classic Widgets」を有効化します。旧画面では「最近の投稿」ウィジェットをウィジェットエリアにドラッグして追加し、タイトルと表示する投稿数、投稿日を表示するかどうかを設定します。ただし、旧画面では最新の投稿ブロックの細かな表示設定は使えなくなります。

ブロックテーマでサイドバーやフッターに追加する

Twenty Twenty-Four や Twenty Twenty-Five などのブロックテーマには、「外観」→「ウィジェット」のメニューがありません。代わりにサイトエディターでテンプレートを直接編集します。

  1. 「外観」→「エディター」を開きます。
  2. 「テンプレート」から、新着記事を表示したいページのテンプレート(「単一投稿」など)を選びます。フッターに入れる場合は、「パターン」などからテンプレートパーツ「フッター」を開いてもかまいません。
  3. 表示したい位置で「+」をクリックし、「最新の投稿」ブロックを追加します。
  4. 右上の「保存」をクリックします。

テンプレートパーツを編集すると、そのパーツを使っているすべてのページに反映されます。特定のページだけに表示したい場合は、そのページのテンプレートだけを編集します。

ブロックテーマにはサイドバーの仕組みが標準では用意されていないことが多く、横に並べたい場合は「カラム」ブロックで本文と新着記事の列を作るなどの工夫が必要です。

表示内容を調整する

最新の投稿ブロックを選択すると、右側の設定サイドバーに表示オプションが出ます。主な調整ポイントは次のとおりです。

記事数と並び順

サイドバーに置く場合は、5件前後にしておくと縦に長くなりすぎません。並び順は新しい順が初期設定で、古い順やタイトル順にも変更できます。

投稿日・抜粋・アイキャッチ画像

サイドバーは幅が狭いため、抜粋まで表示すると窮屈になりがちです。タイトルと投稿日だけにするか、小さめのアイキャッチ画像を添える程度が見やすいでしょう。アイキャッチ画像を表示する場合は、画像サイズや配置(左寄せなど)も設定できます。

カテゴリーで絞り込む

「お知らせ」カテゴリーの新着だけをトップページに出す、といった使い方もできます。絞り込みの設定でカテゴリーを指定してください。

見た目をCSSで整える(任意)

文字の大きさや間隔をもう少し変えたい場合は、追加CSSで調整できます。クラシックテーマは「外観」→「カスタマイズ」→「追加CSS」、ブロックテーマはサイトエディターの「スタイル」のメニューから追加CSSを開きます。

.wp-block-latest-posts li {
    margin-bottom: 0.75em;
}
.wp-block-latest-posts__post-date {
    font-size: 0.8em;
    color: #666;
}

テーマ側のCSSが優先される場合もあるため、反映されないときはテーマの説明も確認してください。

もっと自由にデザインしたいとき

タイトル・画像・日付の並び方やレイアウトを細かく作り込みたい場合は、「クエリーループ」ブロックを使う方法があります。クエリーループは、表示する記事の条件を指定し、その中に「投稿タイトル」「投稿日」「アイキャッチ画像」などのブロックを自由に組み合わせて並べられます。固定ページやカスタム投稿タイプを対象にすることもできます。設定項目が増える分、まずは最新の投稿ブロックで足りるかを試してから検討するとよいでしょう。

表示されないときの確認ポイント

ウィジェットエリアがそのページで使われていない

クラシックテーマでは、ページのレイアウトによってサイドバーが表示されないことがあります。例えば「1カラム」「全幅」のテンプレートを選んだページや、テーマのカスタマイザーでサイドバーを非表示にしている場合です。スマートフォン表示ではサイドバーがページ下部に移動するテーマも多いので、画面の下まで確認してください。

記事が表示対象になっていない

最新の投稿ブロックに表示されるのは、公開済みの投稿です。下書きや予約済みの記事、非公開の記事、固定ページは表示されません。カテゴリーで絞り込んでいる場合は、そのカテゴリーに公開記事があるかも確認します。

キャッシュが残っている

キャッシュプラグインを使っていると、新しい記事を公開してもサイドバーの一覧が古いままのことがあります。キャッシュを削除して確認してください。ページ全体をキャッシュしている場合、記事の公開時に自動でキャッシュを消す設定が有効かどうかも見ておくと安心です。

ウィジェット画面が表示されない

「外観」に「ウィジェット」のメニューがないときは、ブロックテーマを使っているか、テーマがウィジェットエリアを用意していない可能性があります。前者ならサイトエディターから追加します。

画面の表記は WordPress やテーマのバージョンによって異なることがあります(2026年10月現在の標準的な画面にもとづいています)。

まとめ

  • 現在のWordPressでは、従来の「最近の投稿」ウィジェットの役割を「最新の投稿」ブロックが担っています。
  • クラシックテーマは「外観」→「ウィジェット」、ブロックテーマはサイトエディターのテンプレートに追加します。
  • 記事数・投稿日・アイキャッチ画像・カテゴリーなどは、ブロックの設定サイドバーで調整できます。
  • 細かく作り込みたい場合はクエリーループブロックを使います。
  • 表示されないときは、サイドバーの有無、記事の公開状態、キャッシュを順に確認します。

お気軽にご相談ください

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