Please enable JavaScript!
Bitte aktiviere JavaScript!
S'il vous plaît activer JavaScript!
Por favor,activa el JavaScript!
antiblock.org

ホームページ制作に役立つ情報を東京・池袋のWebクリエイターが配信!
  1. ホーム > 
  2. WordPress > 
  3. 【コピペで使えるWordPress!】管理画面の投稿一覧にアイキャッチ画像を表示して順番も揃える
wplogo

【コピペで使えるWordPress!】管理画面の投稿一覧にアイキャッチ画像を表示して順番も揃える

  • 2014.08.02(Sat)
  • WordPress
  • ,
管理画面の投稿一覧にアイキャッチ画像を表示して順番も揃える

管理画面の投稿一覧にアイキャッチを表示できたら、記事がなんだったかぱっとわかるので便利ですよね。
実はかなり簡単なので、導入してみてはいかがでしょうか?

function.php

function.phpに以下のコードをコピペしてください。

 // アイキャッチ画像を投稿の一覧に表示する
function eye_thumb( $cn, $post_id ) {
	if ( $cn == 'eye' ) {
		$tm = get_the_post_thumbnail($post_id, array(100, 100), 'thumbnail'); 
		echo ($tm <> '') ? $tm : '...';
	}
}
add_action( 'manage_posts_custom_column', 'eye_thumb', 10, 2);


 // アイキャッチ画像をリストに追加
function sort_list( $ch ) {
	$ch['eye'] = 'アイキャッチ画像';
	return $ch;
}
add_filter( 'manage_posts_columns', 'sort_list' );


 // アイキャッチ画像の列の幅をCSSで調整
function css_list() {
	echo '<style TYPE="text/css">.column-eye{width:100px;}</style>';
}
add_action('admin_print_styles', 'css_list', 21);

これで管理画面にアイキャッチが表示されていると思います。
4行目の「array(100, 100)」はアイキャッチの画像の横幅と縦幅なので、「array(50, 50)」とか「array(200, 200)」とか適切変更してください。
変更したあとは22行目のCSSも変更してくださいね。 管理画面の投稿一覧にアイキャッチ画像を表示して順番も揃える

ついでにアイキャッチ画像の項目の順番も変更

これで結構満足したのですが・・・個人的にアイキャッチって手前に来ててほしいなーとか思ったので、一手間加えて順番を変えてみました。

 // アイキャッチ画像を投稿の一覧に表示する
function eye_thumb( $cn, $post_id ) {
	if ( $cn == 'eye' ) {
		$tm = get_the_post_thumbnail($post_id, array(100, 100), 'thumbnail'); 
		echo ($tm <> '') ? $tm : '...';
	}
}
add_action( 'manage_posts_custom_column', 'eye_thumb', 10, 2);


 // アイキャッチ画像をリストに追加(順番ソートも)
function sort_list($ch){
	$ch = array(
		'cb' => '<input type="checkbox" />',
		'eye' => 'アイキャッチ画像',
		'title' => 'タイトル',
		'categories' => 'カテゴリー',
		'tags' => 'タグ',
		'date' => '日時',
		'author' => '作成者',
		'comments' => '<div class="comment-grey-bubble" title="コメント"></div>',
	);
	return $ch;
}
add_filter( 'manage_posts_columns', 'sort_list');


 // アイキャッチ画像の列の幅をCSSで調整
function css_list() {
	echo '<style TYPE="text/css">.column-eye{width:100px;}</style>';
}
add_action('admin_print_styles', 'css_list', 21);

これで管理画面がさらに使いやすくなりました。
あまり管理画面のほうはいじることが少ないですが、少しの作業で使いやすさがぐっとあがるので、たまには触ってみるのも良いかもしれませんね。 管理画面の投稿一覧にアイキャッチ画像を表示して順番も揃える


ページの先頭へ