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

広告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 の画像が出た
アイキャッチのない記事 「—」が出た

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

関連機能

  1. WordPress の「Allowed memory size of … bytes exhausted」の直し方:WP_MEMORY_LIMIT と WP_MAX_MEMORY_LIMIT

  2. WordPress のダッシュボードに「更新」ボタンを足して、押した日を最終更新日として表示する:同じ日時で CSS のキャッシュも消す

  3. WordPress の投稿で選べるカテゴリーを 1 つだけにする(ラジオボタン化と、保存のときに 1 つに絞るコード)

サイドバー

よく使うカスタマイズ

最近の記事

  1. Fstyle Final Output Replacer のルールの一覧(generator タグを消す 2 つのルール)

Profile

PAGE TOP