[Woocommerce] Thay đổi Kích Thước ảnh Sản Phẩm - Thạch Phạm
Có thể bạn quan tâm
Kích thước hình ảnh mặc định của Woocommerce có thể sẽ không giống như ý bạn muốn vì có thể bạn muốn ảnh sản phẩm của mình to hơn hoặc nhỏ hơn. Mặc dù ở bài tìm hiểu thiết lập tổng quan của Woocommerce đã có nói qua về phần thiết lập hình ảnh rồi nhưng có lẽ mình cần viết một bài riêng cho các bạn dễ tìm khi cần, vì thực tế mình đã thấy có rất nhiều bạn mới tìm hiểu cần làm việc này.
Để thiết lập hình ảnh của Woocommerce, bạn truy cập vào phần [textmarker color=”247BFF”]Woocommerce -> Cài đặt -> Sản phẩm -> Hiển thị[/textmarker] và tìm đến mục Hình sản phẩm.
![[Woocommerce] Thay đổi kích thước ảnh sản phẩm 9 woocommerce-hinh-san-pham-01](http://thachpham.com/wp-content/swift-ai/images/wp-content/uploads/2015/11/woocommerce-hinh-san-pham-01-jpg.webp)
Ảnh catalog
Đây là phần thiết lập kích thước ảnh sẽ hiển thị trong trang chi tiết sản phẩm. Mặc định nó sẽ có kích thước là 300×300.
![[Woocommerce] Thay đổi kích thước ảnh sản phẩm 10 [Woocommerce] Thay đổi kích thước ảnh sản phẩm 6](http://thachpham.com/wp-content/swift-ai/images/wp-content/uploads/2015/10/thiet-lap-woocommerce-05-jpg.webp)
Ảnh catalog
Ảnh sản phẩm đơn lẻ
Khi vào xem một sản phẩm, ảnh sản phẩm lớn sẽ hiển thị ra bên trái và đó chính là ảnh sản phẩm đơn lẻ.
![[Woocommerce] Thay đổi kích thước ảnh sản phẩm 11 [Woocommerce] Thay đổi kích thước ảnh sản phẩm 7](http://thachpham.com/wp-content/swift-ai/images/wp-content/uploads/2015/10/thiet-lap-woocommerce-04-jpg.webp)
Ảnh sản phẩm đơn lẻ
Hình thu nhỏ sản phẩm
Nếu bạn có thiết lập thư viện ảnh sản phẩm thì các ảnh trong thư viện sẽ hiển thị theo hình thu nhỏ phía dưới ảnh đơn lẻ.
![[Woocommerce] Thay đổi kích thước ảnh sản phẩm 12 [Woocommerce] Thay đổi kích thước ảnh sản phẩm 8](http://thachpham.com/wp-content/swift-ai/images/wp-content/uploads/2015/10/thiet-lap-woocommerce-06-jpg.webp)
Hình thu nhỏ sản phẩm
Bây giờ mình thử sửa lại giá trị một xíu cho nó khác đi nhé.
![[Woocommerce] Thay đổi kích thước ảnh sản phẩm 13 woocommerce-hinh-san-pham-02](http://thachpham.com/wp-content/swift-ai/images/wp-content/uploads/2015/11/woocommerce-hinh-san-pham-02-jpg.webp)
Và sau khi đổi giá trị kích thước ảnh, có thể ảnh sản phẩm sẽ hiển thị không được đẹp và nét cho lắm, hoặc thậm chí là chưa thấy sự thay đổi.
Để các thay đổi có hiệu lực, chúng ta phải tiến hành tái tạo lại kích thước hình ảnh, nghĩa là cho WordPress tạo lại kích thước hình ảnh theo kích thước mới. Bạn hãy cài plugin Regenerate Thumbnails vào, sau đó truy cập vào Công cụ -> Regen. Thumbnails và click “Regenerate All Thumbnails” để bắt đầu tái tạo.
![[Woocommerce] Thay đổi kích thước ảnh sản phẩm 14 woocommerce-hinh-san-pham-03](http://thachpham.com/wp-content/swift-ai/images/wp-content/uploads/2015/11/woocommerce-hinh-san-pham-03-jpg.webp)
Khi nó chạy xong rồi thì hãy ra ngoài website xem kết quả nhé.
P/S: Nên dùng thêm plugin Image Cleanup để xóa các tập tin theo kích thước ảnh cũ cho đỡ nặng host.
5/5 - (1 bình chọn)wHọc Woocommerce
[Woocommerce] Các thiết lập cài đặt cơ bản [Woocommerce] Thiết lập thuếTừ khóa » Chỉnh Kích Thước ảnh Trong Wordpress
-
[Thủ Thuật WP] Hướng Dẫn Thêm Tùy Chỉnh Kích Thước ảnh Trong ...
-
Hướng Dẫn Tối ưu Hóa Hình ảnh Cho WordPress - Hostinger
-
Làm Thế Nào để Thay đổi Kích Thước Hình ảnh Trên WordPress Khối
-
Thay đổi Kích Thước ảnh Trong WordPress - GoDaddy VN
-
Tối ưu Hình ảnh WordPress Toàn Tập Từ A – Z (2020) - MOSMMO
-
Khắc Phục Lỗi “Thay đổi Kích Thước Hình ảnh Cho Phù Hợp” Trên ...
-
Top 15 Chỉnh Kích Thước ảnh Trong Wordpress
-
Thay đổi Kích Thước ảnh Sản Phẩm WooCommerce
-
Cách để Thay đổi Kích Cỡ ảnh Nổi Bật Của Bạn Trên WordPress
-
Ngăn WordPress Thu Nhỏ (scaled) Kích Thước Hình ảnh
-
Cách Tối ưu Hình ảnh WordPress Hiệu Quả Nhất 2019 - Wiki Mắt Bão
-
Hướng Dẫn Chỉnh Sửa ảnh Cơ Bản Trong WordPress - WPJuicy
-
Tùy Chỉnh Thumbnail (hình Thu Nhỏ) Cho Bài Viết Wordpress - Cần Xem