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ự, bản thân WordPress có cấu trúc mô-đun. Lấy Thư viện phương tiện WordPress của bạn làm ví dụ. Bạn có thể tải hình ảnh lên và sử dụng chúng trong các bài đăng hoặc trang, bất kể bạn đang sử dụng trình chỉnh sửa nào. Trong bài viết này, chúng tôi tập trung cụ thể 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à trình chỉnh sửa WordPress cho phép bạn tạo 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 trở nên dễ dàng hơn, kể cả khi thêm hình ảnh được tối ưu hóa. Tuy nhiên, điều đầu tiên trước tiên: làm cách nào để 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 thì 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 cần tải xuống và cài đặt ImageRecycle trên trang web WordPress của mình. Sau khi bạn cài đặt plugin, hãy đi tới cấu hình của nó trong 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 nhau, 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 cài đặt của ImageRecycle Ví dụ: bạn có thể chọn sử dụng tính năng nén chất lượng gốc hoặc lưu tốt nhất, có thể nén hình ảnh lần lượt lên tới 80% và 20%. 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 sẽ đượ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 mình… 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 phần 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 miền khối hình ảnh. Đây là nơi Thư viện phương tiện xuất hiệ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 từ đâu nếu không phải từ Thư viện phương tiện? Tức là, cùng một Thư viện phương tiện WordPress mà bạn vừa tối ưu hóa bằng ImageRecycle .

Sử dụng hình ảnh nén của ImageRecycle trong Elementor cũng đơn giản như kéo và thả bất kỳ khối hình ảnh nào — cho 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, thư viện này sẽ tự động tải 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 chỉnh sửa nào 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 này, cho phép bạn tối ưu hóa trải nghiệm của người đọc WordPress, bất kể bạn sử dụng trình chỉnh sửa nào.