Tối ưu hóa hình ảnh cho Plugin WordPress Elementor

Khái niệm về các khối mô-đun tạo nên các bài đăng và trang WordPress đã xuất hiện cùng với Gutenberg, nhưng thực sự thì bản thân WordPress cũng có cấu trúc theo mô-đun. Lấy ví dụ: Thư viện phương tiện WordPress của bạn. Bạn có thể tải lên hình ảnh và sử dụng chúng trong các bài đăng hoặc trang, bất kể trình chỉnh sửa mà bạn đang sử dụng. Trong bài viết này, chúng tôi tập trung đặc biệt vào Elementor và cách bạn có thể tối ưu hóa hình ảnh bằng ImageRecycle .

Giống như Gutenberg, Elementor là một trình soạn thảo Wordpress cho phép bạn tạo các bài đăng hoặc trang trong khi xem chúng sẽ trông như thế nào đối với độc giả của bạn. Cấu trúc của Elementor cũng tương tự như của Gutenberg vì nó sử dụng khái niệm khối quen thuộc hiện nay. Điều đó làm cho việc sử dụng Thư viện phương tiện WordPress thậm chí còn dễ dàng hơn, kể cả khi thêm hình ảnh được tối ưu hóa. Điều đầu tiên trước tiên: làm thế nào để bạn tối ưu hóa hình ảnh trên WordPress?

Tối ưu hóa hình ảnh với ImageRecycle

Nếu bạn chưa bao giờ sử dụng ImageRecycle , việc tối ưu hóa hình ảnh WordPress là một quá trình nhanh chóng và dễ dàng. Trước tiên, bạn sẽ cần tải xuống và cài đặt plugin ImageRecycle trên trang web WordPress của mình. Sau khi bạn cài đặt plugin, hãy chuyển đến cấu hình của plugin trong menu cài đặt và nhập Khóa API và Bí mật của bạn. Lưu các thay đổi và nếu khóa và bí mật khớp, bạn có thể bắt đầu tối ưu hóa hình ảnh ngay lập tức.

Bạn có thể truy cập giao diện ImageRecycle chính từ menu media . Trang này đơn giản và dễ sử dụng. Nó liệt kê tất cả các hình ảnh trong thư viện phương tiện của bạn, kích thước và tỷ lệ nén của chúng. Bạn có thể nhấp vào nút tối ưu hóa bên cạnh các hình ảnh riêng lẻ để nén chúng hoặc vào nút tối ưu hóa tất cả để tối ưu hóa tất cả các hình ảnh cùng một lúc.

Rất nhiều điều xảy ra trong quá trình nén phụ thuộc vào ImageRecycle . Ví dụ: bạn có thể chọn sử dụng nén chất lượng gốc hoặc tiết kiệm tốt nhất, có thể nén hình ảnh lên tới 80% và 20% tương ứng. Bạn có thể đọc thêm về sự khác biệt giữa hai chế độ này tại đây .

Cho dù bạn chọn chế độ tối ưu hóa nào, những hình ảnh này đều được lưu trong Thư viện phương tiện WordPress của bạn, điều đó có nghĩa là bạn có thể sử dụng chúng trong các bài đăng và trang của bạn, bất kể bạn đang sử dụng trình chỉnh sửa nào. Trong phần còn lại của bài viết này, chúng tôi tập trung vào một trình soạn thảo cụ thể: Elementor.

Sử dụng hình ảnh được tối ưu hóa trong Elementor

Elementor là một trình chỉnh sửa mạnh mẽ cho các bài đăng và trang WordPress. Giống như Gutenberg, nó tổ chức nội dung thành các khối, mỗi khối đại diện cho một yếu tố khác nhau. Như bạn đã biết, không có trang web nào thực sự hoàn thiện nếu không có hình ảnh và Elementor không thiếu trong miền của các khối hình ảnh. Đây là nơi Thư viện phương tiện đến.

Chúng tôi bắt đầu bài viết bằng cách giải thích rằng bản thân WordPress khá mô-đun, và đây là nơi tất cả liên kết với nhau. Elementor sẽ lấy hình ảnh của nó từ đâu, nếu không phải từ Thư viện phương tiện? Đó là, cùng một Thư viện Phương tiện WordPress mà bạn vừa tối ưu hóa với ImageRecycle .

Việc sử dụng hình ảnh nén của ImageRecycle trong Elementor chỉ đơn giản như kéo và thả bất kỳ khối hình ảnh nào — dù là hình ảnh cơ bản, băng chuyền, thư viện hay bất kỳ thứ gì khác — và tải hình ảnh. Bạn chọn hình ảnh trực tiếp từ Thư viện phương tiện WordPress, tự động tải các hình ảnh đã nén.

WordPress về cơ bản là mô-đun và sẽ thật lãng phí nếu không khai thác nó. ImageRecycle liên kết với bất kỳ trình soạn thảo nào mà bạn sử dụng mà không ảnh hưởng đến quy trình làm việc của bạn. Tất cả những gì bạn cần làm là tối ưu hóa hình ảnh và chèn chúng vào blog của bạn sau đó, cho phép bạn tối ưu hóa trải nghiệm của độc giả WordPress, bất kể trình chỉnh sửa bạn sử dụng là gì.