Nếu bạn muốn hiển thị ảnh đại diện bài viết ở mục danh sách bài viết trong WP-Admin để dễ dàng quản lí bài viết hơn, bài viết này sẽ giúp bạn.

Hiển thị ảnh đại diện bài viết (Thumbnail) trong WP-Admin

PHP

Thêm đoạn mã sau vào functions.php.

/*
 * Thêm thumbnail cho trang danh sách bài viết
 */
add_filter('manage_post_posts_columns', 'post_thumbnail_column');
function post_thumbnail_column($column_array) {
    $cb_key = array_search('cb', array_keys($column_array));
    $column_array = array_slice($column_array, 0, $cb_key + 1, true) + array('post_thumbnail' => 'Thumb') + array_slice($column_array, $cb_key + 1, null, true);
    echo '<style>.column-post_thumbnail {width:50px}</style>';
    return $column_array;
}

add_action('manage_posts_custom_column', 'render_the_column', 10, 2);
function render_the_column($column_name, $post_id) {
    if ($column_name == 'post_thumbnail') {
        $thumb_id = get_post_thumbnail_id($post_id);
        if ($thumb_id) {
            echo '<img data-id="' . esc_attr($thumb_id) . '" src="' . esc_url(wp_get_attachment_image_src($thumb_id, 'thumbnail', true)[0]) . '" style="width:50px!important;height:50px!important" />';
        } else {
            echo '<span class="dashicons dashicons-admin-media" style="font-size: 2.5rem;"></span>';
        }
    }
}

Kết quả

Ta được kết quả như sau.

Chúc các bạn thành công!

5/5 (1 bình chọn)