WordPress の管理画面の投稿の一覧にアイキャッチ画像を出す:Admin Columns と、プラグインを使わないコード

WordPress 6.7.1
広告WordPress・PHP を学べる本

Amazonのアソシエイトとして、WordPress functions.phpは適格販売により収入を得ています。

概要説明

WordPress の管理画面の投稿の一覧にアイキャッチ画像が出ないときの直し方。まず表示オプションを確かめ、出ないときはプラグイン Admin Columns で列を足す手順と、プラグインを使わずに functions.php で列を足すコード(作業環境で確かめた結果つき)。

まず、一覧の右上の「表示オプション」を確認する

WordPress の管理画面の投稿の一覧にアイキャッチ画像を出す:Admin Columns と、プラグインを使わないコード

表示オプションに「アイキャッチ」の項目があれば、チェックを付けるだけで一覧にアイキャッチ画像が出ます。テーマによっては、この項目がないことがあります。そのときは、次のプラグインか、下のコードで列を足します。

プラグイン Admin Columns でアイキャッチの列を足す

Admin Columns – WordPress プラグイン

無料・有効なサイト 10 万以上で、今も更新が続いています(2026 年 10 月に確認した時点で 7.1.7)。

WordPress の管理画面の投稿の一覧にアイキャッチ画像を出す:Admin Columns と、プラグインを使わないコード

プラグインをインストールしたら、設定の画面で直したい一覧を選びます。今回は投稿の一覧を直すので、「投稿」を選びます。

アイキャッチの列を足す

WordPress の管理画面の投稿の一覧にアイキャッチ画像を出す:Admin Columns と、プラグインを使わないコード

「Featured Image(アイキャッチ画像)」を選び、列の名前と画像の大きさを決めます。

設定のあと、投稿の一覧の右上の「表示オプション」で、アイキャッチの列にチェックが付いているかを確認します。外れていると出ません。

WordPress の管理画面の投稿の一覧にアイキャッチ画像を出す:Admin Columns と、プラグインを使わないコード

投稿の一覧にアイキャッチ画像が出た

WordPress の管理画面の投稿の一覧にアイキャッチ画像を出す:Admin Columns と、プラグインを使わないコード

Admin Columns は、アイキャッチのほかにも、列の並べかえやカスタムフィールドの値を出すなど、一覧の見た目を手軽に変えられます。

プラグインを使わずに、コードで列を足す

アイキャッチの列だけでよいなら、テーマの functions.php(子テーマがあれば子テーマ)に次のコードを足しても出せます。

functions.php
/**
 * 管理画面の投稿の一覧に、アイキャッチ画像の列を足す(プラグインを使わない場合)
 */
add_filter( 'manage_posts_columns', function ( $columns ) {
	// タイトルの列の前に入れる
	$new = array();
	foreach ( $columns as $key => $label ) {
		if ( 'title' === $key ) {
			$new['my_thumb'] = 'アイキャッチ';
		}
		$new[ $key ] = $label;
	}
	return $new;
} );

add_action( 'manage_posts_custom_column', function ( $column_name, $post_id ) {
	if ( 'my_thumb' === $column_name ) {
		echo has_post_thumbnail( $post_id ) ? get_the_post_thumbnail( $post_id, array( 60, 60 ) ) : '—';
	}
}, 10, 2 );

// 列の幅をせまくする
add_action( 'admin_head-edit.php', function () {
	echo '<style>.column-my_thumb{width:72px}.column-my_thumb img{max-width:60px;height:auto}</style>';
} );
書き方 役目
manage_posts_columns 一覧の列を足す。ここではタイトルの列の前に追加する
manage_posts_custom_column 足した列の内容を出す。アイキャッチがないときは「—」
admin_head-edit.php 一覧の画面だけに、列の幅の CSS を出す

確認した結果

このサイトの作業環境(WordPress 7.1)で、試しの記事にアイキャッチを付けて確認しました。

見たこと 結果
列の順 チェックの列のあと、タイトルの前にアイキャッチの列が入った
アイキャッチのある記事 60×60 の画像が出た
アイキャッチのない記事 「—」が出た

試しに付けたアイキャッチは、確認したあと外しました。

SiteBeacon(サイトビーコン)

サイトが止まったら、すぐに気づける。

ホームページを 5 分ごとにチェックして、止まったとき・エラーが出たとき・SSL やドメインの期限が近いときに、メールでお知らせします。2 サイトまでは、ずっと無料で使えます。

SiteBeacon を見る サイトを直す相談をする

監視で気づいたあとの直す作業も、同じ担当がお受けします。