Optimalizace obrázků pro plugin Elementor ve WordPressu

Koncept modulárních bloků tvořících příspěvky a stránky WordPressu se objevil spolu s Gutenbergem, ale ve skutečnosti je WordPress sám o sobě modulární strukturou. Vezměte si například vaši mediální knihovnu WordPressu. Můžete nahrávat obrázky a používat je v příspěvcích nebo na stránkách bez ohledu na editor, který používáte. V tomto článku se zaměříme konkrétně na Elementor a na to, jak můžete optimalizovat obrázky pomocí ImageRecycle.

Stejně jako Gutenberg je i Elementor editor pro WordPress, který vám umožňuje vytvářet příspěvky nebo stránky a zároveň sledovat, jak budou vypadat pro vaše čtenáře. Struktura Elementoru je také podobná Gutenbergově, protože používá nyní známý koncept bloků. Díky tomu je používání mediální knihovny WordPressu ještě snazší, a to i při přidávání optimalizovaných obrázků. Nejdříve ale to nejdůležitější: jak optimalizovat obrázky na WordPressu?

Optimalizace obrázků pomocí ImageRecycle

Pokud jste nikdy nepoužívali ImageRecycle , optimalizace obrázků WordPressu je rychlý a snadný proces. Nejprve si budete muset stáhnout a nainstalovat ImageRecycle na svůj web WordPress. Po instalaci pluginu přejděte do jeho konfigurace v nastavení a zadejte svůj klíč API a tajný kód. Uložte změny a pokud se klíč a tajný kód shodují, můžete okamžitě začít optimalizovat obrázky.

ImageRecycle je přístupné z médií . Tato stránka je jednoduchá a poměrně snadno se používá. Zobrazuje seznam všech obrázků ve vaší knihovně médií, jejich velikosti a kompresní poměry. Kliknutím na optimalizovat vedle jednotlivých obrázků je můžete komprimovat nebo na optimalizovat vše optimalizovat všechny obrázky najednou.

Hodně z toho, co se děje během komprese, závisí na ImageRecycle . Můžete si například zvolit kompresi v nejlepší kvalitě pro ukládání nebo v původní kvalitě, která dokáže komprimovat obrázky až o 80 %, respektive o 20 %. Více o rozdílu mezi těmito dvěma režimy si můžete přečíst zde .

Ať už si zvolíte jakýkoli režim optimalizace, tyto obrázky se ukládají do vaší knihovny médií WordPressu, což znamená, že je můžete použít ve svých příspěvcích a na stránkách… bez ohledu na to, jaký editor používáte. Ve zbytku tohoto článku se zaměříme na jeden konkrétní editor: Elementor.

Používání optimalizovaných obrázků v Elementoru

Elementor je výkonný editor pro příspěvky a stránky ve WordPressu. Stejně jako Gutenberg organizuje obsah do bloků, z nichž každý představuje jiný prvek. Jak víte, žádný web se neobejde bez obrázků a Elementor v oblasti obrazových bloků nechybí. A zde přichází na řadu Media Library.

Článek jsme začali vysvětlením, že samotný WordPress je poměrně modulární, a právě v tom se to všechno propojuje. Odkud by Elementor bral své obrázky, když ne z mediální knihovny? Tedy ze stejné mediální knihovny WordPressu, kterou jste právě optimalizovali pomocí ImageRecycle.

Používání komprimovaných obrázků ImageRecyclev Elementoru je jednoduché – stačí přetáhnout libovolný blok obrázku – ať už se jedná o základní obrázek, karusel, galerii nebo cokoli jiného – a načíst obrázky. Obrázky vyberete přímo z knihovny médií WordPressu, která je automaticky načte.

WordPress je v podstatě modulární a bylo by škoda ho nevyužít. ImageRecycle se propojuje s jakýmkoli editorem, který používáte, aniž by to narušovalo váš pracovní postup. Stačí optimalizovat obrázky a později je vložit do svého blogu, což vám umožní optimalizovat zážitek čtenářů WordPressu bez ohledu na to, jaký editor používáte.