Tato aktualizace přináší novinky, které zlepšují flexibilitu designu, optimalizují rychlost webu a urychlují proces tvorby stránek. Od možnosti využití dynamického obsahu s widgetem Off-Canvas v Loop Grids až po zefektivnění CSS a DOM, tato aktualizace se zaměřuje na to, aby byl váš web chytřejší a rychlejší.
Chcete o Elementoru vědět více? Přečtěte si článek Elementor: Nejlepší page builder plugin pro WordPress?.
[Pro] Dynamickýpro Loop Grids
Elementor 3.26 přináší dlouho očekávanou funkci: Widget Off-Canvas lze nyní přidat přímo do šablon Loop Grid. Toto vylepšení umožňuje vytvářet bohatší a interaktivnější designy propojením dynamického obsahu s widgetem Off-Canvas, což zajišťuje plynulý uživatelský zážitek.
Ať už jde o návrh katalogu produktů, archivu blogu nebo prezentace služeb, tato funkce umožňuje zobrazit doplňující informace, aniž by byl narušen čistý a atraktivní vzhled rozvržení.
Widget Off-Canvas nyní lze spustit z jakéhokoli odkazu, který najdete v prvcích jako Nadpis, Tlačítko, Obrázek a dalších. Zde je několik příkladů použití:
- eCommerce web: Představte si mřížku, která zobrazuje produkty s názvem, obrázkem a krátkým popisem. Ke každému produktu můžete přidat tlačítko „Rychlý náhled“, které otevře Off-Canvas okno. V něm lze zobrazit kompletní popis, cenu, další obrázky produktu a dokonce tlačítko „Přidat do košíku“ – vše dynamicky propojené s daným produktem.
- Seznam služeb: Katalog služeb může v mřížce zobrazovat stručné přehledy nabídek. Kliknutím na tlačítko lze otevřít Off-Canvas s podrobnými popisy, recenzemi zákazníků nebo dokonce rezervačním formulářem.
Tato funkce přináší větší flexibilitu a umožňuje vytvořit uživatelsky příjemné a funkční rozvržení.
Plynulejší a rychlejší web díky optimalizaci CSS a DOM
Výkon je základem každého skvělého webu, a Elementor 3.26 přináší zásadní vylepšení, která zajistí, že váš web bude rychlejší, úspornější a efektivnější. Tato aktualizace se zaměřuje na optimalizaci načítání CSS a správu struktury DOM, což má přímý vliv na rychlost načítání stránek a celkový uživatelský zážitek.
Chytřejší načítání CSS
Zlepšené načítání CSS, které dlouhodobě pomáhá zrychlit a zjednodušit vaše weby, se opět posouvá vpřed. Elementor 3.26 přináší následující vylepšení:
- Podmíněné styly Swiper: Styly související s karusely Swiper se nyní načítají pouze tehdy, pokud je na stránce přítomen widget karuselu. Tím se ušetří 26,7 KB zbytečného CSS u stránek bez karuselů, což pomáhá udržet váš web lehký a rychlý.
- Menší velikost CSS souborů: Díky vylepšenému zpracování stylů byla zmenšena velikost souborů, které podporují váš design. To zrychluje načítání stránek a zajišťuje plynulejší uživatelský zážitek.
Optimalizovaný DOM pro lepší výkon
DOM (Document Object Model) tvoří základ HTML struktury vašeho webu. Příliš velký DOM může zpomalit vykreslování stránky a negativně ovlivnit hodnocení v Lighthouse. Elementor 3.26 tento problém řeší řadou vylepšení:
- Zjednodušené widgety: U většiny widgetů byly odstraněny zbytečné obalové prvky, což zjednodušuje strukturu DOM při zachování všech důležitých funkcí.
- Čistší prvky pro přístupnost: Skryté prvky pro čtečky obrazovky byly nahrazeny efektivnějšími atributy, což snižuje množství zbytečných prvků, aniž by to ohrozilo použitelnost.
- Jednodušší značení karuselů: Vnější obaly widgetů karuselu byly odstraněny, což dále redukuje velikost DOM.
Tato vylepšení zajišťují rychlejší načítání stránek a lepší celkový výkon.
[Pro] Pokročilá detekce AdBlocku pro vyskakovací okna
S verzí Elementor 3.26 je správa interakcí s návštěvníky používajícími blokátory reklam intuitivnější a efektivnější. Nový spouštěč pro detekci AdBlocku, dostupný v panelu podmínek zobrazení, umožňuje zobrazit specifická vyskakovací okna pro uživatele s aktivovaným softwarem na blokování reklam. Tato funkce vám pomáhá sdělit důležité informace, například výzvu k deaktivaci blokátoru reklam pro lepší uživatelský zážitek nebo přístup k určitému obsahu.
Pro další vylepšení této funkce byl přidán dynamický tag Reload Page (Obnovit stránku). Díky němu můžete vytvořit interaktivní vyskakovací okna, například s tlačítkem „Vypnul/a jsem AdBlock“. Po kliknutí se stránka obnoví, čímž se zajistí, že zobrazený obsah odpovídá aktuálnímu stavu. Tyto aktualizace usnadňují komunikaci s uživateli AdBlocku plynule a uživatelsky přívětivě.
Sjednocení produktových obrázků pomocí AI
Nová funkce Unify Product Images, poháněná Elementor AI, pomáhá majitelům WooCommerce obchodů dosáhnout jednotného a profesionálního vzhledu jejich online nabídky. Tato funkce snadno standardizuje produktové obrázky a zajišťuje, že všechny mají stejný styl, bez ohledu na jejich původ. Obrázky vycentruje, může přidat jemný stín pro větší hloubku a dokonce vám umožní vybrat barvu pozadí! Barvu pozadí lze nastavit pomocí barevného výběru nebo zadáním konkrétního hex kódu, aby perfektně odpovídala vaší značce.
Tato funkce nejen šetří čas a úsilí, ale také posiluje image vaší značky a zvyšuje atraktivitu vašich produktů pro zákazníky. Tento výkonný nástroj můžete použít na stránce konkrétního produktu nebo jej aplikovat hromadně na celý katalog produktů.
Další novinky ve verzi Elementor 3.26
- Vylepšení přístupnosti: Aktualizované atributy a zlepšená navigace pomocí klávesnice zvyšují přístupnost stránek Elementor s karusely. Tím je zajištěna shoda s webovými standardy přístupnosti a vytváření inkluzivnějšího uživatelského prostředí.
- Podpora bloků Gutenberg na frontendu: Bloky nyní lze vykreslit a zobrazit jak na frontendu, tak v backendu, ale jejich úpravy v Elementoru nejsou možné.
- Aktualizovaná podpora pro Safari: Minimální podporovaná verze Safari je nyní 15.5, což zajišťuje moderní funkčnost a výkon.
