Cách tắt ảnh thumbnail theme GeneratePress

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 tắt ảnh thumbnail theme GeneratePress
Cách tắt ảnh thumbnail theme GeneratePress

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 ảnh thumbnail theme GeneratePress
function remove_generatepress_thumbnails($html) {
if (is_home() || is_archive() || is_single() || is_search() || is_page()) {
return '';
}
return $html;
}
add_filter('post_thumbnail_html', 'remove_generatepress_thumbnails', 99);
function remove_thumbnail_from_content($content) {
if (is_single()) {
$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.

Tịnh Nguyễn
Admin

Mình hay vọc về WordPress, HTML & CSS để cải thiện trải nghiệm duyệt web trên Hocban.vn | Bạn có thể vào mục giới thiệuliên hệ để xem thêm thông tin chi tiết hơn nè.

5 2 đánh giá
Đánh giá bài viết
guest

0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận