Xem trước thumbnail của bài viết WordPress trong giao diện quản lý

Để hiển thị hình thu nhỏ (thumbnail) của các bài viết trong trang quản trị WordPress (/wp-admin/edit.php), bạn cần thêm đoạn mã vào file functions.php trong theme của bạn.

Dưới đây là đoạn mã để hiển thị cột thumbnail trong danh sách bài viết:

// Thêm cột Thumbnail vào danh sách bài viết trong Admin
function add_post_thumbnail_column($columns) {
$columns['post_thumbnail'] = __('Thumbnail'); // Thêm cột 'Thumbnail'
return $columns;
}
add_filter('manage_posts_columns', 'add_post_thumbnail_column');
// Hiển thị Thumbnail trong cột vừa tạo
function show_post_thumbnail_column($column_name, $post_id) {
if ($column_name === 'post_thumbnail') {
if (has_post_thumbnail($post_id)) {
echo get_the_post_thumbnail($post_id, array(50, 50)); // Hiển thị thumbnail kích thước 50x50
} else {
echo __('No Thumbnail'); // Thông báo nếu không có thumbnail
}
}
}
add_action('manage_posts_custom_column', 'show_post_thumbnail_column', 10, 2);
// Điều chỉnh CSS cho thumbnail trong Admin
function admin_thumbnail_column_styles() {
echo '<style>
.column-post_thumbnail { width: 80px; text-align: center; }
.column-post_thumbnail img { max-width: 50px; height: auto; }
</style>';
}
add_action('admin_head', 'admin_thumbnail_column_styles');

Giải thích:

Thêm Cột Thumbnail:

add_filter(‘manage_posts_columns’, ‘add_post_thumbnail_column’); thêm một cột mới có tên là Thumbnail trong danh sách bài viết.

Hiển Thị Thumbnail:

add_action(‘manage_posts_custom_column’, ‘show_post_thumbnail_column’, 10, 2); hiển thị hình ảnh thumbnail của bài viết nếu có.

CSS Tùy Chỉnh:

Đoạn mã CSS giúp thumbnail hiển thị gọn gàng và kích thước chuẩn.

Kết Quả:

Sau khi thêm đoạn code này vào file functions.php, trong /wp-admin/edit.php của WordPress:

Một cột mới tên Thumbnail sẽ được thêm vào bảng.
Thumbnail của từng bài viết sẽ hiển thị dưới dạng hình ảnh nhỏ (50x50px).
Nếu bài viết không có thumbnail, sẽ hiển thị dòng chữ “No Thumbnail”.

Lưu Ý:

Đảm bảo theme của bạn đang sử dụng hỗ trợ thumbnail (Post Thumbnails). Nếu chưa có, hãy kích hoạt bằng đoạn code sau trong functions.php:

add_theme_support('post-thumbnails');

Sau khi thêm đoạn code, lưu file functions.php và refresh trang quản trị để kiểm tra kết quả.