Cách hiển thị ảnh Thumbnail blog trong Admin WordPress

Ảnh Thumbnail là hình ảnh đại diện được sử dụng để giới thiệu nội dung của blog. Chúng giúp người đọc có cái nhìn tổng quát về bài viết trước khi click vào xem chi tiết. Tuy nhiên với Blog WordPress chưa có hiện thị ảnh này nên việc quản lý nó chưa làm được. Bài hôm nay mình sẽ hướng Dẫn mọi người show cái hình này ra trong trang admin nhé.

Cách hiển thị ảnh Thumbnail blog trong Admin WordPress

Cách thêm code để hiển thị ảnh đại diện

Xác định theme bạn dang dùng, tìm đến file functions.php của theme và theme code bên dưới vào nhé

// Thêm cột ảnh đại diện trong trang quản trị danh sách bài viết
add_filter('manage_post_posts_columns', 'fls_post_avatar_column');
function fls_post_avatar_column($column_array) {
$thumb_size = get_option('thumbnail_size_w');
$post_avatar_width = intval($thumb_size) + 50;
$cb_key = array_search('cb', array_keys($column_array));
$column_array = array_slice($column_array, 0, $cb_key+1, true) +
array('post_avatar' => 'Avatar') +
array_slice($column_array, $cb_key+1, null, true);
echo '<style>.column-post_avatar {width:' . $post_avatar_width . 'px;}</style>';
return $column_array;
}
add_action('manage_posts_custom_column', 'fls_render_the_column', 10, 2);

function fls_render_the_column($column_name, $post_id) {
if ($column_name == 'post_avatar') {
$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_url($thumb_id)) . '" style="width:40px!important;height:40px!important;border-radius:6px;" />';
} else {
echo '<span class="dashicons dashicons-admin-media" style="font-size: 2.5rem;"></span>';
}
}
}

Kiểm tra Cách hiển thị ảnh Thumbnail blog trong Admin WordPress

Sau khi thêm xong bạn quay lại trang quản trị bài viết, bạn đã thấy bài viết có hình đại diện trước rồi đúng không. Chúc các bạn làm thành công!