Optymalizacja obrazów dla WordPress Elementor Plugin

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

Podobnie jak Gutenberg, Elementor to edytor Wordpress, który pozwala tworzyć posty lub 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. To sprawia, że ​​korzystanie z Biblioteki multimediów WordPress jest jeszcze łatwiejsze, w tym podczas dodawania zoptymalizowanych obrazów. Najpierw jednak: jak zoptymalizować obrazy w WordPress?

Optymalizacja obrazów za pomocą ImageRecycle

Jeśli nigdy nie korzystałeś z ImageRecycle , optymalizacja obrazów WordPress jest szybkim i łatwym procesem. Najpierw musisz pobrać i zainstalować wtyczkę ImageRecycle w swojej witrynie WordPress. Po zainstalowaniu wtyczki przejdź do jej konfiguracji w menu ustawień i wprowadź swój klucz API oraz sekret. Zapisz zmiany, a jeśli klucz i sekret pasują do siebie, możesz natychmiast rozpocząć optymalizację obrazów.

Dostęp do głównego interfejsu ImageRecycle można uzyskać z menu multimediów . Ta strona jest prosta i raczej prosta w użyciu. Zawiera listę wszystkich obrazów w bibliotece multimediów, ich rozmiary i współczynniki kompresji. Możesz kliknąć przycisk optymalizacji obok pojedynczych obrazów, aby je skompresować, lub przycisk optymalizacji wszystkich , aby zoptymalizować wszystkie obrazy naraz.

Wiele z tego, co dzieje się podczas kompresji, zależy od ImageRecycle . Na przykład możesz wybrać najlepszą kompresję zapisu lub oryginalną jakość kompresji, która może skompresować obrazy odpowiednio do 80% i 20%. Możesz przeczytać więcej o różnicach między tymi dwoma trybami tutaj .

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

Korzystanie ze zoptymalizowanych obrazów w Elementor

Elementor to potężny edytor postów i stron WordPress. Podobnie jak Gutenberg, organizuje treści w bloki, z których każdy reprezentuje inny element. Jak wiastrona głównao, żadna strona internetowa nie jest naprawdę kompletna bez obrazów, a Elementor nie brakuje w dziedzinie bloków obrazów. W tym miejscu wkracza biblioteka multimediów.

Zaczęliśmy artykuł od wyjaśnienia, że ​​sam WordPress jest raczej modułowy i tutaj to wszystko łączy się ze sobą. Skąd Elementor miałby pobierać swoje obrazy, jeśli nie z biblioteki multimediów? Oznacza to, że ta sama biblioteka multimediów WordPress została właśnie zoptymalizowana za pomocą ImageRecycle .

Używanie skompresowanych obrazów ImageRecycle w Elementorze jest tak proste, jak przeciąganie i upuszczanie dowolnego bloku obrazu - czy to podstawowego obrazu, karuzeli, galerii lub czegokolwiek innego - i ładowanie obrazów. Wybierasz obrazy bezpośrednio z biblioteki multimediów WordPress, która automatycznie ładuje skompresowane obrazy.

WordPress jest zasadniczo modułowy i marnotrawstwem byłoby go nie wykorzystywać. ImageRecycle łączy się z dowolnym edytorem, którego używasz, bez wpływu na przepływ pracy. Wszystko, co musisz zrobić, to zoptymalizować obrazy i wstawić je później do swojego bloga, co pozwoli Ci zoptymalizować doświadczenie czytelników WordPress, niezależnie od używanego edytora.