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 Anh em show cái hình này ra trong trang admin nhé.

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

để anh em dễ hình dung, Mình lấy demo trang mình đang quản lý nhé , xem hình bên dưới

trong mỗi bài đăng đều có hình Đại diện đứng trước ,Để làm được xem hướng dẫn thêm code bên dưới nhé

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>';
	}
	}
}

// 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>';

}