Optimera bilder för WordPress Elementor-plugin

Konceptet med modulära block som utgör WordPress-inlägg och sidor kom samtidigt som Gutenberg, men i själva verket är WordPress modulärt uppbyggt. Ta ditt WordPress-mediabibliotek som exempel. Du kan ladda upp bilder och använda dem i inlägg eller sidor, oavsett vilken redigerare du använder. I den här artikeln fokuserar vi specifikt på Elementor och hur du kan optimera bilder med ImageRecycle.

Precis som Gutenberg är Elementor en Wordpress-editor som låter dig skapa inlägg eller sidor samtidigt som du ser hur de kommer att se ut för dina läsare. Elementors struktur liknar också Gutenbergs eftersom den använder det numera välbekanta konceptet med block. Det gör det ännu enklare att använda WordPress mediebibliotek, inklusive när du lägger till optimerade bilder. Först och främst: hur optimerar du bilder på WordPress?

Optimera bilder med ImageRecycle

Om du aldrig har använt ImageRecycle är det snabbt och enkelt att optimera bilder på WordPress. Du måste först ladda ner och installera ImageRecycle -pluginet på din WordPress-webbplats. När du har installerat pluginet går du till dess konfiguration under inställningsmenyn och anger din API-nyckel och hemlighet. Spara ändringarna och om nyckeln och hemligheten matchar kan du börja optimera bilderna direkt.

Du kan komma åt huvudgränssnittet ImageRecycle från mediemenyn . Den här sidan är enkel och ganska okomplicerad att använda. Den listar alla bilder i ditt mediebibliotek, deras storlekar och komprimeringsgrader. Du kan klicka på optimera bredvid enskilda bilder för att komprimera dem, eller på optimera alla för att optimera alla bilder samtidigt.

Mycket av vad som händer under komprimeringen beror på ImageRecycle inställningar. Du kan till exempel välja att använda bästa möjliga komprimering eller originalkvalitet, vilket kan komprimera bilder med upp till 80 % respektive 20 %. Du kan läsa mer om skillnaden mellan dessa två lägen här .

Oavsett vilket optimeringsläge du väljer sparas dessa bilder i ditt WordPress-mediabibliotek, vilket innebär att du kan använda dem i dina inlägg och sidor ... oavsett vilken redigerare du använder. I resten av den här artikeln fokuserar vi på en specifik redigerare: Elementor.

Använda optimerade bilder i Elementor

Elementor är en kraftfull redigerare för WordPress-inlägg och -sidor. Precis som Gutenberg organiserar den innehåll i block, där vart och ett representerar ett annat element. Som ni vet är ingen webbplats komplett utan bilder och Elementor saknar inte bildblock. Det är här mediebiblioteket kommer in i bilden.

Vi började artikeln med att förklara att WordPress i sig är ganska modulärt, och det är här allt hänger ihop. Varifrån skulle Elementor få sina bilder, om inte från mediebiblioteket? Det vill säga samma WordPress-mediebibliotek som du just optimerade med ImageRecycle.

Att använda ImageRecyclekomprimerade bilder i Elementor är lika enkelt som att dra och släppa valfritt bildblock – oavsett om det är en enkel bild, en karusell, ett galleri eller något annat – och ladda bilderna. Du väljer bilder direkt från WordPress mediebibliotek, som automatiskt laddar de komprimerade bilderna.

WordPress är i grunden modulärt och det vore slöseri att inte utnyttja det. ImageRecycle fungerar med alla redigerare du använder utan att påverka ditt arbetsflöde. Allt du behöver göra är att optimera bilder och infoga dem i din blogg senare, så att du kan optimera dina WordPress-läsares upplevelse, oavsett vilken redigerare du använder.