Tạo lại ảnh thumbnails sau khi thay theme WordPress, loại bỏ các kích thước ảnh không còn sử dụng.
Nếu bạn thường xuyên thay đổi theme cho website WordPress của mình thì chắc hẳn đã không ít lần gặp phải tình trạng ảnh thumbnails hay còn gọi là các kích thước ảnh con (được cắt từ ảnh gốc) vẫn giữ nguyên kích thước như trên theme cũ mà không chịu thay đổi giống trên theme mới rồi phải không nào? Điều này khiến cho website của bạn trở nên xấu xí và thiếu sự thống nhất. Vậy đâu là giải pháp để khắc phục?
Tham khảo thêm:
- Hiển thị bài viết mới nhất (kèm ảnh thumbnail) trên sidebar
- Vô hiệu hóa tính năng tạo lại ảnh thumbnail của WooCommerce
Tại sao bạn cần tạo lại ảnh thumbnails?
- Giúp website có thể hiển thị đúng theo các kích thước ảnh mà theme hoặc plugin yêu cầu.
- Xóa bỏ những kích thước ảnh không còn dùng tới nhằm tiết kiệm dung lượng lưu trữ của host.
Tạo lại ảnh thumbnails trong WordPress
Thật may mắn, WordPress luôn có sẵn những plugin tuyệt vời giúp bạn giải quyết mọi vấn đề một cách đơn giản và nhanh chóng. Trong trường hợp này, plugin mà tôi đang muốn nói đến chính là WPCB Regenerate Thumbnails và Regenerate Thumbnails. Chúng sẽ giúp bạn xóa hết các kích thước ảnh thumbnails cũ và tạo ra các kích thước ảnh thumbnails mới chỉ sau một vài click chuột.
Bằng plugin WPCB Regenerate Thumbnails
Đúng như tên gọi, WPCB Regenerate Thumbnails là plugin do WP Căn bản phát triển. Nó sở hữu một số ưu điểm như:
- Hiệu năng vượt trội với các thuật toán xử lý theo lô, phân trang theo Cursor, tối ưu vòng lặp, tối ưu bộ nhớ…
- Bảo mật tốt với khả năng phòng thủ đa lớp, kiểm soát quyền hạn chặt chẽ.
- Có tùy chọn cho phép bỏ qua các thumbnail đã có sẵn, giúp tiết kiệm tài nguyên máy chủ và thời gian.
- Tương thích với các plugin WPCB Images Optimizer và WPCB Images Cleaner trong hệ sinh thái của WP Căn bản.
- Tích hợp sẵn tính năng cập nhật tự động thông qua WPCB Central Panel.
- Hỗ trợ sẵn 2 ngôn ngữ là tiếng Anh và tiếng Việt.
Xem changelog – WPCB Regenerate Thumbnails
1. WPCB Regenerate Thumbnails có thể được cài đặt dễ dàng thông qua bảng quản trị của plugin WPCB Central Panel.
Nếu website của bạn chưa được cài đặt plugin WPCB Central Panel, hãy tham gia group WP Căn bản trên Facebook (chỉ dành riêng cho khách hàng) để lấy link download plugin WPCB Central Panel. Sau đó, upload nó lên website của bạn.
Tham gia group WP Căn bản ngay
2. Sau khi cài đặt và kích hoạt plugin WPCB Regenerate Thumbnails, truy cập WPCB Central => Tạo lại Thumbnail. Tại đây, hãy click vào nút Tạo lại Thumbnail để bắt đầu quá trình tạo lại ảnh thumbnails.
3. Chờ cho quá trình hoàn tất, bạn sẽ nhận được thông báo tương tự như thế này:
4. Xóa cache website và cache CDN (nếu có) sau đó kiểm tra kết quả.
Bằng plugin Regenerate Thumbnails
1. Để bắt đầu sử dụng, trước tiên các bạn cần phải cài đặt và kích hoạt plugin Regenerate Thumbnails (download).
2. Tiếp theo, truy cập vào Tools => Regenerate Thumbnails. Tại đây, các bạn sẽ thấy giao diện tương tự như sau:
Trong đó:
- Skip regenerating existing correctly sized thumbnails (faster): không tạo lại những kích thước ảnh đã chính xác, giúp quá trình diễn ra nhanh hơn. Các bạn nên tick mục này.
- Delete thumbnail files for old unregistered sizes in order to free up server space: loại bỏ những kích thước ảnh thumbnails không còn dùng đến để tiết kiệm dung lượng cho host. Các bạn nên cân nhắc kỹ mục này vì nó có thể gây lỗi hiển thị ảnh trên website.
- Regenerate Thumbnails For All 50 Attachments: click vào nút này nếu bạn muốn tạo lại thumbnails cho toàn bộ ảnh đã upload.
- Regenerate Thumbnails For The 1 Featured Images Only: click vào nút này nếu bạn chỉ muốn tạo lại thumbnails cho những hình ảnh được thiết lập là hình đại diện của bài viết.
3. Chờ cho đến khi hoàn tất 100% quá trình tạo lại ảnh thumbnails. Thời gian diễn ra nhanh hay chậm phụ thuộc vào độ mạnh của hosting bạn đang sử dụng và số lượng ảnh mà bạn đang lưu trữ trên website.
4. Xóa cache website và cache CDN (nếu có) sau đó kiểm tra kết quả. Đơn giản vậy thôi. Chúc các bạn thành công!
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
Cái này mình cũng hay dùng. Mình tắt luôn các ảnh thumbnail trong phần cài đặt Media cho nó đỡ tạo ra nhiều file không cần thiết.
Chào admin… Cho em hỏi có theme wodpress nào tải game cho điện thoại không ạ..
Cám ơn..
Mình không biết bạn ạ. :)
Mình từ trước tới giờ chỉ dùng 1 theme ko đổi đi đâu cả nên ko cần dùng tới cái này phải ko anh
Không đổi thì không cần dùng. :P
Nếu blog bạn có mục bài viết chia thành 2 hay nhiều cột thì dùng nó căn đều ảnh nhìn đẹp hơn.
Theme này có hỗ trợ 2 cột bài viết ở trang chủ nhé. Chẳng qua mình không thích thôi. Bạn có thể xem ở trang demo. :P
E sửa kích thước ảnh thumbnail ngoài trang chủ trong funcitions.php thành 150×150 như blog a. Sau khi dùng plugin này thì nó hiển thị lại rất ok. Nhưng có 1 điều là ở giao diện mobile cái ảnh nó lại có kích thước 195×195 và bị nhòe do phải zoom lên (mặc dù ảnh đầu vào của e là 300×300 cơ). e tìm trong funcitions.php thì không thấy cái để chỉnh kích cỡ ảnh cho giao diện mobile (cụ thể không có đoạn 195 195). A giúp e với giờ e phải làm sao :(
e fix được lỗi này r nha a. mà e có 1 thắc mắc, mỗi 1 ảnh khi up lên nó sẽ tự tạo ra vài cái kích thước khác nhau. thế lúc mình xoá cái ảnh đó trong thư viện thì mấy cái được nhân lên kia có tự xoá theo không. mò mẫm vào mục update thấy có vài cái. trong thư viện e có chục cái ảnh. thế mà dùng phần mềm ewww nén nó báo hơn 1000 tấm k biết ở đâu ra mà lắm vậy. hic
Nó chỉ xóa cái ảnh gốc thôi. Còn ảnh crop vẫn tồn tại. :P
muốn làm sạch triệt để thì phải làm sao a. thư mục update chỉ có vài cái thôi mà :P
1 là vào host xóa thủ công. 2 là dùng plugin Media Cleaner. Nhưng hãy cẩn thận vì có thể nó sẽ xóa luôn cả ảnh đang sử dụng, đặc biệt là ảnh định dạng WebP. :P
Mình thường dùng cho site hình ảnh rất hài lòng về plugin này nhưng có một điểm là một số hình (số ít – mình không biết do kích thước hay tỉ lệ của kích thước) không tạo được theo size nên khi vào Media Library rất nhiều hình thu nhỏ bị lỗi nhưng click vào thì hình gốc vẫn OK. Cái này làm cho một số bài viết bị lỗi hình thumbnail. Không biết Bạn có gặp vậy chưa chỉ mình các fix với! cảm ơn
Tên của mấy hình ảnh bị lỗi có chứa tiếng Việt có dấu hay ký tự đặc biệt nào không? :P
Bạn ơi, bạn cho mình hỏi là nhà của mình khi chuyển VPS thì ảnh thumb ngoài trang chủ nó lại có kích thước khác nhau không đồng nhất như cũ nữa, bạn có cách nào giúp mình với không? Cám ơn bạn.
Bạn thử regen ảnh thumbnail chưa? :P
Cám ơn bạn đã trả lời nhanh chóng, mình dùng plugin này rồi, sau đó vẫn không cải thiện được gì bạn ơi :(
Bạn ơi cho mình hỏi làm sao để chỉnh ảnh Thumbnai ở trang chủ wordpress nhỏ lại, hay theo các kích cỡ như mình muốn
Bạn phải chỉnh sửa trong theme nhé. :)
Theme ở phần nào vậy bạn, bạn nói cụ thể được không
Cái này phụ thuộc vào theme bạn sử dụng. Mỗi theme lại sử dụng một file khác nhau để khai báo kích thước ảnh thumbnail. Ví dụ như Genesis thì thường nằm trong file functions.php. :P
Trong file Functions có cái này: giờ sửa nó làm sao :v
/* Post Thumbnail Support
/*———————————————————————————–*/
if ( function_exists( ‘add_theme_support’ ) ) {
add_theme_support( ‘post-thumbnails’ );
add_image_size( ‘featured’, 390, 250, true ); //featured
add_image_size( ‘featuredfull’, 804, 350, true ); //featured full width
add_image_size( ‘widgetfull’, 345, 250, true ); //sidebar full width
add_image_size( ‘smallthumb’, 115, 115, true ); //ajax search
set_post_thumbnail_size( 50, 50); //width,height
}
function mts_get_thumbnail_url( $size = ‘full’ ) {
global $post;
if (has_post_thumbnail( $post->ID ) ) {
$image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), $size );
return $image[0];
}
Bạn đối chiếu với kích thước ảnh thumbnail hiện tại trên site là biết cần phải sửa thông số nào mà. :P
thanks
mình upload mới cũng thế lun bác hiếu , cũng bị lỗi hình ảnh
Sai hết link ảnh rồi kìa bạn. “http” bạn viết nhầm hết thành “hhttp”. Sửa lại đi. :P
cho mình hỏi khi chuyển wp từ localhost lên host bị lỗi hình ảnh , thì fix theese nào vậy bà kon
Bạn phải mở file database ra để chỉnh path (đường dẫn lưu trữ trong host) của hình ảnh cho đúng thì mới hết lỗi nhé. :P
bạn vào table option, chỉnh lại homepage là domain.com, bỏ từ localhost đi bạn nhé.