2026年10月7日
2026年10月7日
WordPressの「最新のコメント」ブロックで最近のコメントを表示する方法|設定・デザイン調整・表示されないときの確認
サイドバーやフッターに「最近のコメント」の一覧を出したいときは、ブロックエディターのコアブロック「最新のコメント」を使います。この記事では、ブロックの置き場所と設定項目、表示件数やアバター・日付の切り替え、CSSでの見た目の調整、ピンバックを除外するといったコードでの絞り込み、コメントが表示されないときの確認手順までを説明します。
ブロックの名前や設定項目の表記は WordPress のバージョンと翻訳で変わることがあります。本文は(2026年10月現在)の一般的な日本語表示を基準にしています。近い名前の項目に読み替えてください。
「最新のコメント」ブロックとは
「最新のコメント」(英語名 Latest Comments、ブロック名 core/latest-comments)は、サイト全体で承認済みのコメントを新しい順に一覧表示するブロックです。クラシックウィジェットの「最近のコメント」に相当し、翻訳や旧ウィジェットとの関係で「最近のコメント」と呼ばれることもあります。
似た名前のブロックがいくつかあるので、最初に区別しておきます。
- 最新のコメント: サイト全体の新しいコメントを一覧にする。サイドバー・フッター・トップページ向け
- コメント: いま表示している記事のコメント欄(一覧と投稿フォーム)を出す。投稿の個別テンプレート向け
- 最新の投稿: コメントではなく記事の一覧を出す
「記事ページの下にその記事のコメントを出したい」場合は「コメント」ブロックのほうです。この記事では、サイト全体の新着コメントを見せる「最新のコメント」を扱います。
ブロックを置く場所
使っているテーマの種類で置き場所が変わります。
- ブロックテーマ: 「外観」→「エディター」でサイトエディターを開き、サイドバーやフッターのテンプレートパーツ、またはトップページのテンプレートに挿入します。
- クラシックテーマ: 「外観」→「ウィジェット」のブロックウィジェット画面で、サイドバーなどのウィジェットエリアに挿入します。
- どちらでも: 投稿や固定ページの本文に直接置くこともできます。
挿入は「+」ボタンから「コメント」と検索すると候補に出ます。テンプレートパーツを編集した場合は、保存時にそのテンプレートパーツも保存対象に入っているかを確認してください。ここを外すと公開ページに反映されません。
設定項目
ブロックを選択して右側の設定サイドバーを開くと、主に次の項目があります。
- アバターを表示: コメント投稿者のアイコンを出すかどうか
- 日付を表示: コメントの投稿日時を出すかどうか
- 抜粋を表示: コメント本文の冒頭を出すかどうか。新しいバージョンでは「本文をどう出すか」を選ぶ形になっている場合があります
- 表示するコメント数: 一覧に出す件数(初期値は5件程度)
一覧の各行は「投稿者名」と「コメントが付いた記事のタイトル(リンク)」で構成されます。サイドバーのように幅が狭い場所では、アバターと抜粋をオフにして「誰がどの記事にコメントしたか」だけを見せると、行が詰まりすぎずに読みやすくなります。逆にトップページで交流の活発さを見せたいなら、抜粋をオンにして件数を少なめにする、という使い分けがしやすいです。
アバターが出ないとき
アバターのスイッチをオンにしても表示されない場合は、「設定」→「ディスカッション」の「アバターの表示」が有効になっているかを確認します。サイト側でアバターを無効にしていると、ブロック側の設定だけでは表示されません。
アバターは標準では Gravatar から読み込まれます。Gravatar はメールアドレスをもとにした値で画像を照会する外部サービスなので、コメント投稿者の情報が外部に送られることになります。プライバシーポリシーにその旨を書いているかも、あわせて確認しておくと安心です。
表示されるコメントの条件
このブロックが一覧に出すのは、次の条件を満たすコメントです。
- 管理画面で「承認済み」になっている(承認待ち・スパム・ゴミ箱は出ない)
- コメントが付いた記事が「公開」状態である(下書きや非公開の記事のコメントは出ない)
「コメントが届いているのにブロックに出ない」というときは、まず「コメント」画面でそのコメントが承認待ちになっていないかを見ます。「設定」→「ディスカッション」で「コメントの手動承認を必須にする」が有効だと、承認するまで一覧には出ません。
また、トラックバックやピンバックもコメントの一種として扱われるため、他サイトからのピンバックが一覧に混ざることがあります。気になる場合は次のコードで除外できます。
ピンバックを除外する(コード)
「最新のコメント」ブロックは、コメントを取り出す条件にクラシックウィジェットと同じ widget_comments_args フィルターを通しています。これを使うと、取り出し条件を変えられます。
子テーマの functions.php、または wp-content/mu-plugins/ に置く小さなプラグインに書きます。親テーマの functions.php に書くと、テーマ更新で消えてしまいます。編集前にはファイルのバックアップを取り、できればステージング環境で動作を確かめてから本番に反映してください。
<?php
/**
* 「最新のコメント」ブロック/「最近のコメント」ウィジェットから
* ピンバック・トラックバックを除外し、通常のコメントだけを表示する。
*/
add_filter( 'widget_comments_args', function ( $args ) {
$args['type'] = 'comment';
return $args;
} );
$args は get_comments() に渡される引数の配列なので、get_comments() が受け付ける引数を足せます。たとえば $args['post_type'] = 'post'; とすれば、固定ページへのコメントを除いて投稿へのコメントだけに絞れます。
注意点として、このフィルターはクラシックウィジェットの「最近のコメント」にも効きます。また、サイト内に「最新のコメント」ブロックを複数置いた場合、ブロックごとに条件を変えることはできず、すべてに同じ条件がかかります。
見た目をCSSで調整する
ブロックが出力するHTMLには、次のようなクラスが付いています。
.wp-block-latest-comments: 一覧全体.wp-block-latest-comments__comment: 1件分.wp-block-latest-comments__comment-meta: 投稿者名と記事タイトルの行.wp-block-latest-comments__comment-date: 日付.wp-block-latest-comments__comment-excerpt: 抜粋
文字の大きさや余白といった基本的な調整は、まずブロックの設定サイドバーにある「スタイル」タブで試してください。そこで足りない部分だけをCSSで補うと、管理しやすくなります。CSSは子テーマの style.css、ブロックテーマならサイトエディターの「スタイル」にある追加CSSの欄に書けます。
/* 1件ごとに区切り線を入れ、余白を詰める */
.wp-block-latest-comments__comment {
margin-bottom: 0.75em;
padding-bottom: 0.75em;
border-bottom: 1px solid #e0e0e0;
}
/* 日付を小さく、控えめな色に */
.wp-block-latest-comments__comment-date {
font-size: 0.8em;
color: #666;
}
クラス名は WordPress の更新で変わる可能性があります。更新後に表示が崩れたら、ブラウザの開発者ツールで実際のクラス名を確認してください。
うまく表示されないときの確認
順番に確認すると原因を絞り込みやすくなります。
- 一覧が空になる: 承認済みのコメントが1件もないか、コメントの付いた記事がすべて非公開・下書きになっていないかを確認します。
- 特定のコメントが出ない: 「コメント」画面でそのコメントの状態(承認待ち・スパム)を見ます。
- アバターが出ない: 「設定」→「ディスカッション」のアバター表示を確認します。
- 新しいコメントが反映されない: キャッシュ系プラグインやサーバーのページキャッシュで古いページが表示されている可能性があります。キャッシュを削除して確かめます。コメントが多いサイトでは、キャッシュの有効期間と更新頻度のバランスも見直してください。
- 編集画面では出るのに公開ページに出ない: テンプレートやテンプレートパーツの保存漏れを確認します。
なお、サイト全体でコメントを受け付けていない場合は、このブロックを置く意味が薄くなります。古いコメントだけが残り続けると、更新が止まっている印象を与えることもあるので、置く場所と件数は運用に合わせて決めてください。
まとめ
- サイト全体の新着コメントを一覧にするのが「最新のコメント」ブロックで、記事ごとのコメント欄を出す「コメント」ブロックとは別物です。
- ブロックテーマはサイトエディター、クラシックテーマはブロックウィジェット画面で置きます。
- アバター・日付・抜粋の表示と件数を設定でき、アバターはディスカッション設定とプライバシーポリシーもあわせて確認します。
- 出るのは承認済みで公開記事に付いたコメントだけです。ピンバックの除外などは
widget_comments_argsフィルターで調整できます。 - 見た目はまずブロックのスタイル設定で、足りない部分をCSSで補います。