Cách thay đổi kích thước ảnh sản phẩm cho Woocommerce Wordpress

Cách thay đổi kích thước ảnh sản phẩm cho Woocommerce Wordpress là vấn đề được nhiều lập trình viên quan tâm, bởi những kiến thức trên trường lớp là không đủ, vì vậy bài Cách thay đổi kích thước ảnh sản phẩm cho Woocommerce Wordpress sẽ chia sẻ tới bạn nhiều thông tin hữu ích

Mọi người vẫn hỏi tôi về việc học lập trình nói chung và Wordpress nói riêng có cần năng khiếu hay quá khó để tiếp cận hay không. Thì tôi có thể trả lời rằng, học lập trình cũng như việc bạn học tiếng Anh hay bất kỳ một ngôn ngữ khác, bởi lập trình...là ngôn ngữ của máy tính, để máy tính đọc và máy tính thực hiện theo yêu cầu của mình, bạn thích là học được.

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 Woocommerce -> Cài đặt -> Sản phẩm -> Hiển thị và tìm đến mục Hình sản phẩm.

Ả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.

Cách thay đổi kích thước ảnh sản phẩm cho Woocommerce WordpressẢ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ẻ.

Cách thay đổi kích thước ảnh sản phẩm cho Woocommerce WordpressẢ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ẻ.

Cách thay đổi kích thước ảnh sản phẩm cho Woocommerce WordpressHì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é.

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.

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.

Hy vọng với bài viết về Cách thay đổi kích thước ảnh sản phẩm cho Woocommerce Wordpress đã giải đáp giúp bạn phần nào về kiến thức lập trình Wordpress. Như tôi đã nói, ngôn ngữ lập trình không quan trọng bằng tư duy giải thuật, tư duy logic để giải quyết vấn đề.

Với những năm trước đây, lập trình viên là một cái nghề khó và kén chọn người học, đồng nghĩa với việc thu nhập hàng tháng của các lập trình viên luôn cao. Còn những năm gần đây, thì lập trình là môn học phổ thông, và ai cũng nên học một ngôn ngữ lập trình nào đó.

Nếu bạn còn bất kỳ câu hỏi nào trong việc học lập trình online, hãy gửi yêu cầu cho tôi qua email hoidapcode.com@gmail.com hoặc để lại comment bên dưới, tôi sẽ giải đáp trong vòng 24 giờ!

Blog hoidapcode.com là blog được tổng hợp tự động các bài học, thông tin về lập trình trên mạng internet. Nếu bạn có ý kiến hoặc đóng góp về bài viết này, hãy liên hệ với tôi!