Optymalizacja obrazów dla wtyczki Elementor dla WordPressa

Koncepcja modułowych bloków tworzących wpisy i strony WordPress pojawiła się wraz z Gutenbergiem, ale tak naprawdę sam WordPress ma modułową strukturę. Weźmy na przykład bibliotekę multimediów WordPress. Możesz przesyłać obrazy i używać ich we wpisach lub na stronach, niezależnie od używanego edytora. W tym artykule skupiamy się na Elementorze i optymalizacji obrazów za pomocą ImageRecycle.

Podobnie jak Gutenberg, Elementor to edytor WordPressa, który pozwala tworzyć posty i strony, jednocześnie sprawdzając, jak będą wyglądać dla czytelników. Struktura Elementora jest również podobna do Gutenberga, ponieważ wykorzystuje znaną już koncepcję bloków. Dzięki temu korzystanie z Biblioteki multimediów WordPressa jest jeszcze łatwiejsze, również podczas dodawania zoptymalizowanych obrazów. Zacznijmy jednak od początku: jak optymalizować obrazy w WordPressie?

Optymalizacja obrazów za pomocą ImageRecycle

Jeśli nigdy nie korzystałeś ImageRecycle , optymalizacja obrazów w WordPressie to szybki i łatwy proces. Najpierw musisz pobrać i zainstalować ImageRecycle na swojej stronie WordPress. Po zainstalowaniu wtyczki przejdź do jej konfiguracji w ustawień i wprowadź klucz API oraz tajny klucz. Zapisz zmiany, a jeśli klucz i tajny klucz będą się zgadzać, możesz natychmiast rozpocząć optymalizację obrazów.

ImageRecycle można uzyskać z multimediów . Ta strona jest prosta i łatwa w obsłudze. Zawiera listę wszystkich obrazów w bibliotece multimediów wraz z ich rozmiarami i stopniami kompresji. Możesz kliknąć optymalizacji obok poszczególnych obrazów, aby je skompresować, lub przycisk optymalizacji wszystkich , aby zoptymalizować wszystkie obrazy jednocześnie.

Wiele z tego, co dzieje się podczas kompresji, zależy od ImageRecycle . Na przykład, możesz wybrać kompresję z najlepszym zapisem lub oryginalną jakością, co pozwala na kompresję obrazów odpowiednio o 80% i 20%. Więcej informacji o różnicach między tymi dwoma trybami znajdziesz tutaj .

Niezależnie od wybranego trybu optymalizacji, obrazy te są zapisywane w bibliotece multimediów WordPress, co oznacza, że ​​możesz ich używać we wpisach i na stronach… niezależnie od używanego edytora. W dalszej części artykułu skupimy się na jednym konkretnym edytorze: Elementorze.

Korzystanie ze zoptymalizowanych obrazów w Elementorze

Elementor to potężny edytor wpisów i stron WordPress. Podobnie jak Gutenberg, organizuje treść w bloki, z których każdy reprezentuje inny element. Jak wiastrona głównao, żadna strona internetowa nie jest kompletna bez obrazów, a w Elementorze nie brakuje bloków obrazów. Właśnie tutaj z pomocą przychodzi Biblioteka multimediów.

Rozpoczęliśmy artykuł od wyjaśnienia, że ​​sam WordPress jest dość modułowy i to właśnie tutaj wszystko się łączy. Skąd Elementor miałby pobierać obrazy, jeśli nie z Biblioteki Mediów? To znaczy z tej samej Biblioteki Mediów WordPress, którą właśnie zoptymalizowałeś za pomocą ImageRecycle.

Korzystanie ze skompresowanych obrazów ImageRecyclew Elementorze jest tak proste, jak przeciągnięcie i upuszczenie dowolnego bloku obrazów – niezależnie od tego, czy jest to obraz podstawowy, karuzela, galeria czy cokolwiek innego – i załadowanie obrazów. Obrazy wybiera się bezpośrednio z Biblioteki multimediów WordPress, która automatycznie ładuje skompresowane obrazy.

WordPress jest zasadniczo modułowy i niewykorzystanie go byłoby marnotrawstwem. ImageRecycle integruje się z dowolnym edytorem, którego używasz, nie zakłócając Twojego procesu pracy. Wystarczy zoptymalizować obrazy i wstawić je później na bloga, co pozwala zoptymalizować komfort czytania WordPressa, niezależnie od używanego edytora.