Képek optimalizálása a WordPress Elementor beépülő modulhoz
A WordPress bejegyzéseket és oldalakat alkotó moduláris blokkok koncepciója megérkezett Gutenberg mellé, de valójában maga a WordPress moduláris felépítésű. Vegyük például a WordPress médiatárat. Tölthet fel képeket, és felhasználhatja őket bejegyzésekben vagy oldalakon, függetlenül a használt szerkesztőtől. Ebben a cikkben kifejezetten az Elementor-ra koncentrálunk, és arra, hogyan optimalizálhatja a képeket az ImageRecyclehasználatával.
A Gutenberghez hasonlóan az Elementor egy Wordpress-szerkesztő, amely lehetővé teszi bejegyzések vagy oldalak létrehozását, miközben megtekintheti, hogyan fognak kinézni az olvasói számára. Az Elementor szerkezete is hasonló a Gutenbergéhez, mivel a blokkok mára ismert fogalmát használja. Ez még egyszerűbbé teszi a WordPress Media Library használatát, beleértve az optimalizált képek hozzáadását is. Először is: hogyan optimalizálhatja a képeket a WordPress-en?
Képek optimalizálása az ImageRecycle
Ha még soha nem használta ImageRecycle , a WordPress képek optimalizálása gyors és egyszerű folyamat. Először le kell töltenie és telepítenie kell az ImageRecycle beépülő modult a WordPress webhelyére. Miután telepítette a beépülő modult, lépjen a konfigurációs menübe a beállítások menüben, és adja meg az API-kulcsot és a titkosságot. Mentse el a változtatásokat, és ha a kulcs és a titkos egyezik, azonnal megkezdheti a képek optimalizálását.
ImageRecycle felületet a média érheti el . Ez az oldal egyszerű és meglehetősen könnyen használható. Felsorolja a médiakönyvtárban lévő összes képet, valamint azok méretét és tömörítési arányát. Az egyes képek melletti optimalizálás kattintva összes optimalizálása gombra kattintva az összes képet egyszerre optimalizálhatja.
Sok minden, ami a tömörítés során történik, az ImageRecycle beállításaitól függ. Kiválaszthatja például a legjobb mentési vagy eredeti minőségű tömörítést, amely akár 80%-kal, illetve 20%-kal tömöríti a képeket. A két mód közötti különbségről itt .
Bármelyik optimalizálási módot is választja, ezek a képek a WordPress Media Library-be kerülnek, ami azt jelenti, hogy felhasználhatja őket bejegyzéseiben és oldalain… függetlenül attól, hogy milyen szerkesztőt használ. A cikk további részében egy adott szerkesztőre összpontosítunk: az Elementorra.
Optimalizált képek használata az Elementorban
Az Elementor egy hatékony szerkesztő a WordPress bejegyzésekhez és oldalakhoz. Gutenberghez hasonlóan blokkokba rendezi a tartalmat, amelyek mindegyike más-más elemet képvisel. Tudniillik egyetlen weboldal sem igazán teljes képek nélkül, és az Elementor sem hiányzik a képblokkok területén. Itt jön be a Media Library.
A cikket azzal kezdtük, hogy elmagyaráztuk, hogy maga a WordPress meglehetősen moduláris, és itt minden összefügg. Honnan szerezné az Elementor a képeit, ha nem a Médiatárból? Vagyis ugyanaz a WordPress Media Library, amelyet az imént ImageRecyclesegítségével optimalizált.
ImageRecycletömörített képeinek használata az Elementorban olyan egyszerű, mint bármely képblokk – legyen az alapkép, körhinta, galéria vagy bármi más – áthúzása és a képek betöltése. A képeket közvetlenül a WordPress Media Library-ból választja ki, amely automatikusan betölti a tömörített képeket.
A WordPress lényegében moduláris, és pazarlás lenne nem kihasználni. ImageRecycle minden szerkesztőhöz kapcsolódik, amelyet anélkül használ, hogy ImageRecycle a munkafolyamatot. Mindössze annyit kell tennie, hogy optimalizálja a képeket, és később illessze be őket a blogjába, így optimalizálhatja a WordPress olvasói élményét, függetlenül a használt szerkesztőtől.
- Nem találhatók megjegyzések