1. ホーム
  2. WordPress
  3. 【WordPress】投稿一覧にサムネイルの項目を追加する

【WordPress】投稿一覧にサムネイルの項目を追加する

WordPressの管理画面の投稿一覧にサムネイルを追加する方法をご紹介します。

カスタマイズ後

一覧の項目に「サムネイル」と「サムネイル画像」が表示します。

実装

functions.phpに以下の記述をします。


/* 管理画面一覧に表示項目を追加
* ---------------------------------------- */
// 投稿一覧
add_filter( 'manage_posts_columns', 'add_posts_columns_thumbnail', 5 );
add_action( 'manage_posts_custom_column', 'add_posts_columns_thumbnail_row', 10, 2 );

// 固定ページ一覧
add_filter( 'manage_pages_columns', 'add_posts_columns_thumbnail', 5 );
add_action( 'manage_pages_custom_column', 'add_posts_columns_thumbnail_row', 10, 2 );

// 投稿一覧にサムネイル追加
function add_posts_columns_thumbnail($columns) {
  $columns['thumbnail'] = 'サムネイル';
  return $columns;
}

function add_posts_columns_thumbnail_row($column_name, $post_id) {

  if ( 'thumbnail' == $column_name ) {
    // サムネイルを取得
    $thumb = get_the_post_thumbnail($post_id, array(100, 100), 'thumbnail');
    // 出力
    // (条件式) ? 'TRUEの場合' : 'FALSEの場合';
    echo ( $thumb ) ? $thumb : '-';
  }
}

「add_posts_columns_thumbnail」で一覧の項目を追加します。
「add_posts_columns_thumbnail_row」で投稿(post)ごとのアイキャッチを出力します。

投稿の場合は「manage_posts_columns」と「manage_posts_custom_column」

固定ページの場合は「manage_pages_columns」と「manage_pages_custom_column」にフックとアクションを追加して実行します。

WordPressの参考書籍

私がWordPressを勉強したときに使った書籍をご紹介します。

カテゴリー