Ả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é
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
// 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 ah
Nếu bạn làm không dược có thể dùng quyền hộ trợ bằng cách tham gia Group ZALO mình có để link nhé
Chúc bạn thành công
