Pojďme si představit Elementor 3.24, aktualizaci, která se zaměřuje na výkon, konverze, flexibilitu designu a uživatelský zážitek. Tato verze přináší několik nových funkcí, jako jsou plovoucí panely, variabilní písma a vylepšené načítání CSS—každá z těchto funkcí nabízí specifické výhody pro tvorbu rychlejších a dynamičtějších webů.
V článku představíme novinky týkající se Elementoru zdarma, tak i Elementor Pro.
Plovoucí panely: Připnuté zprávy, které zůstávají viditelné i při posunu stránky
V dnešním rychlém digitálním prostředí je klíčové mít důležité informace stále na očích. Plovoucí panely umožňují vytvářet pevné pruhy, které zůstávají viditelné při posouvání stránky, čímž zajišťují, že klíčové zprávy, jako jsou propagační nabídky, důležitá oznámení nebo výzvy k akci, zůstanou vždy na očích.
Elementor 3.24 obsahuje více než 30 předpřipravených šablon a 3 hlavní typy plovoucích panelů:
- Panel s výzvou k akci (CTA) – Zvýrazňuje důležitá tlačítka výzev k akci v horní nebo dolní části stránky. Dostupné pro všechny uživatele Elementoru.
- Ticker panel – Přitahuje návštěvníky aktuálními aktualizacemi a propagacemi ve smyčce. Dostupné pouze pro uživatele Elementor Pro.
- Panel s kupony – Propaguje kódy kuponů, které lze zkopírovat jedním kliknutím. Dostupné pouze pro uživatele Elementor Pro.
Stálá viditelnost Plovoucích panelů je navržena tak, aby zvýšila zapojení návštěvníků tím, že zajistí, že nejdůležitější zprávy nezůstanou přehlédnuty. Tato funkce je obzvláště vhodná pro e-commerce weby se slevovými akcemi, blogy podporující přihlášení k odběru newsletteru nebo jakékoli weby, kde je interakce s uživateli důležitá pro úspěch.
Možnosti zobrazení
Plovoucí panely nejsou jen o viditelnosti, ale také o flexibilitě. Lze je umístit na horní nebo spodní část obrazovky, přizpůsobit jejich vzhled tak, aby dokonale ladily s designem webu, a díky podmínkám zobrazení můžete ovládat jejich chování, například kdy a jak se zobrazují. To umožňuje vytvořit uživatelský zážitek, který je nejen poutavý, ale i strategicky navržený pro podporu konverzí a informování návštěvníků.
Například při časově omezené nabídce umístění Plovoucího panelu v horní části stránky udržuje propagaci na očích a motivuje uživatele k okamžité akci. Naopak Plovoucí panel umístěný ve spodní části může sloužit jako jemná připomínka k přihlášení k odběru newsletteru nebo k prohlédnutí doporučeného produktu.
Jednoduché vytvoření a úprava
Nastavení plovoucích panelů je jednoduché. Nejprve aktivujte funkci „Flexbox kontejner“ v nabídce Elementor > Nastavení > Vlastnosti. Po přidání nového plovoucího prvku v sekci Šablony > Floating Elements budete vyzváni k výběru mezi plovoucím panelem nebo plovoucím tlačítkem. Vyberte jednu z více než 30 dostupných šablon a přizpůsobte si plovoucí panel podle svých představ úpravou designu, ikon, textu, odkazů na CTA a dalších prvků. Uživatelé Elementor Pro mohou využít i podmínky zobrazení, aby přesně specifikovali, kde, kdy a komu se plovoucí panely zobrazí, což zvyšuje cílení a efektivitu.
Vylepšené načítání CSS
Každá sekunda hraje roli při načítání stránek a Elementor 3.24 přináší významné zlepšení výkonu webu díky podmíněnému načítání CSS. Tato funkce načítá pouze CSS, které je nezbytné pro prvky na stránce, což výrazně snižuje množství nevyužitého kódu, který může zpomalovat web.
Podmíněné načítání CSS funguje tak, že analyzuje konkrétní widgety a prvky, které jsou používány, a načítá pouze CSS potřebné pro tyto komponenty. Pokud se určitá funkce nepoužívá, její CSS se nenačítá, což vede k štíhlejšímu a rychlejšímu webu. Tato optimalizace může vést k redukci velikosti CSS až o 668 KB.
Lepší SEO a uživatelský zážitek
Rychlejší načítání stránek nejen zvyšuje spokojenost návštěvníků, ale také pozitivně ovlivňuje SEO, což pomáhá webu dosahovat vyšších pozic ve výsledcích vyhledávání. V souladu se záměrem výrazně zlepšit výkon webu byla optimalizována metoda načítání CSS souborů pro widgety Elementoru, což snižuje kumulativní posuny rozvržení (CLS).
Nový systém „cachování závislostí stylů“ ukládá styly widgetů při první návštěvě do mezipaměti a při následných návštěvách je vkládá do sekce <head> z této mezipaměti. To minimalizuje CLS tím, že zajišťuje, že se styly aplikují dříve v procesu načítání stránky, což vede k plynulejšímu a stabilnějšímu uživatelskému zážitku.
[Pro] Variabilní písma
Typografie je základním prvkem každého kvalitního designu, verze Elementor 3.24 přináší větší kontrolu díky zavedení variabilních písem. Tato funkce je zásadní pro designéry, kteří chtějí přesně doladit každý detailní aspekt textu na svých stránkách.
Variabilní písma umožňují upravovat atributy tloušťky a šířky v jednotlivých krocích pomocí posuvníků, což poskytuje plnou kontrolu nad přizpůsobením textu. Na rozdíl od variabilních písem jsou u statických fontů úpravy váhy a šířky omezeny na pevné kroky po 100 pixelech.
Další vylepšení
- Vylepšené podmínky zobrazení: Indikace aktivních podmínek zobrazení pomocí vertikální čáry a ikony v Navigátoru. Možnost kopírování, vkládání a rychlého mazání podmínek mezi prvky a stránkami.
- AI generované názvy kontejnerů: Nová funkce v Elementor AI, která automaticky přejmenovává kontejnery podle obsahu pro lepší přehlednost a organizaci stránky.
- Vylepšené vyhledávání: Zkrácené URL adresy stránek s výsledky vyhledávání, lepší kontrola nad šířkou rozbalovací nabídky výsledků a viditelností vyhledávacího indikátoru.
- Možnost vypnutí Elementor AI: Jednoduché vypnutí AI funkcí při předávání webu klientům nebo pro uživatele, kteří AI nechtějí používat najdete v nastavení Elementoru.
Elementor plugin si můžete do WordPress stáhnout zdarma z oficiálních stránek. Případně si můžete zakoupit variantu Elementor Pro, která obsahuje všechny výše popsané funkce.
