Bài viết này mình chia sẻ đến bạn cách tắt ảnh thumbnail theme GeneratePress, nếu bạn nào quan tâm thì tham khảo thử nhé. Cách làm này sẽ tắt thumbnail ở 2 vị trí là: trong danh sách bài viết (archive) và mặc định ở đầu bài viết/page.
Thủ thuật này sẽ giúp tinh gọn hiển thị nội dung, nhằm tập trung tối đa vào tiêu đề và các thông tin post meta (lượt xem, số bình luận, ngày cập nhật). Trong nhiều năm qua mình đã chuyển sang phương án này thay vì hiển thị ảnh thumbnail. Hơn nữa, nếu là ảnh thumbnail thì kiểu gì cũng sẽ xuất hiện trong bài viết (vì nếu bạn làm SEO thì ảnh này phải có trong bài viết). Và việc nó chỉ xuất hiện 1 lần thay vì 2 lần sẽ giảm sự trùng lặp không đáng.
Cách làm cũng rất đơn giản, bạn copy đoạn code bên dưới và chèn vào cuối file functions.php của theme/child theme đang dùng là được.
//Tắt hiển thị ảnh thumbnail bài viết theme GeneratePress
function remove_generatepress_thumbnails($html) {
// Tắt thumbnail trong danh sách bài viết, bài viết chi tiết VÀ kết quả tìm kiếm
if (is_home() || is_archive() || is_single() || is_search()) {
return '';
}
return $html;
}
add_filter('post_thumbnail_html', 'remove_generatepress_thumbnails', 99);
function remove_thumbnail_from_content($content) {
if (is_single()) {
// Loại bỏ hình ảnh có class wp-post-image trong nội dung bài viết
$content = preg_replace('/<img[^>]+class=["\'][^>]*wp-post-image[^>]*>/i', '', $content);
}
return $content;
}
add_filter('the_content', 'remove_thumbnail_from_content', 99);
Đoạn code trên không ảnh hưởng đến SEO nên bạn cũng không phải lo. Nó chỉ tắt hiển thị thumbnail (hình ảnh có class wp-post-image) trong danh sách bài viết và nội dung bài viết chi tiết trên giao diện. Featured image (hình đại diện) vẫn được giữ nguyên trong dữ liệu WordPress, nên các thẻ meta như og:image (dùng cho mạng xã hội) hoặc hình ảnh trong sitemap XML (dùng cho SEO) không bị ảnh hưởng.
Plugin SEO như Yoast hoặc Rank Math vẫn lấy featured image để tạo thẻ meta, miễn là bạn đã đặt hình đại diện cho bài viết. Nếu bạn cần tắt luôn cho page thì sử dụng đoạn code bên dưới.
// Tắt hiển thị thumbnail trên mọi Page
add_filter('post_thumbnail_html', fn($html) => is_page() ? '' : $html, 99);
