Není to tak dávno, co jsem zde publikoval funkci pro vytvoření tlačítek pro otevření modálního okna bez zásuvných modulů ve WordPressu a minulý měsíc další funkci pro přidání tooltipů. No, včera GenerateBlocks ve své aktualizaci 2.3.0 své verze Pro přidal tuto možnost mnohem flexibilnější a s mnoha dalšími možnostmi, které vám mohou ušetřit nějaký plugin.
Jedná se o překryvné panely (nevím, zda je to nejlepší překlad pro "překryvné panely") s podmínkami.
Překryvné panely GenerateBlocks Pro 2.3 umožňují přidávat libovolný obsah do interaktivních prvků, jako jsou vyskakovací okna, posuvná okna, modální a nemodální okna, tooltipy, panely mimo plátno a dokonce i mega menu.
Ačkoli jsou GenerateBlocks a GeneratePress známé tím, že poskytují čistý, lehký a optimalizovaný kód, musím ještě analyzovat dopad těchto panelů na DOM a porovnat množství prvků a hloubku, kterou přidávají, abych věděl, ve kterých případech bude lepší použít tento nový nástroj nebo jen HTML a CSS, které obětují své zajímavé možnosti podmíněných pravidel.
GenerateBlocks nepřidá nový blok do své kolekce 12. Co uvidíme, jsou tyto dvě nové možnosti ve správci: Překryvné panely a Podmínky.
Chcete-li začít vytvářet první modal, popup nebo tooltip, klikněte na Překryvné panely a vpravo najdete možnosti jejich konfigurace.
Nyní můžete otestovat jeho funkce vytvořením libovolného obsahu uvnitř kontejneru GenerateBlocks (nebo jiného prvku), aniž byste zatím museli zkoumat možnosti konfigurace Podmínek.
K dispozici jsou spouštěče (akce nebo okolnosti, které spustí danou věc s obsahem, který se má zobrazit):
- Klikněte. Obsah, který se zobrazí po kliknutí na tlačítko, obrázek, odkaz atd., je aktivován.
- Při najetí myší se aktivuje, když uživatel najede na prvek.
- Klikněte nebo najeďte myší. Kombinujte kliknutí a najetí myší.
- Záměr ukončení: Zobrazí se, když se uživatel pokusí opustit stránku a přesune ukazatel na začátek prohlížeče.
- Procentuální posouvání: Zobrazí se poté, co uživatel sjede dolů na zadané procento stránky.
- Časové zpoždění: Zobrazí se po nastaveném čase.
- Vlastní události jsou spouštěny specifickými akcemi, například při přidání položky do košíku WooCommerce (`wc-blocks_added_to_cart`).
Pak se můžete podívat na podmínky a vyzkoušet si možnosti. Ačkoli jsem ještě neměl čas použít všechny kombinace, to málo, co jsem již mohl vyzkoušet, se zdá být velmi užitečné.
Pokud spouštěče nabízejí dobrou paletu možností, podmínky výrazně zvyšují jejich možnosti.
Podmínky mohou být založeny na široké škále parametrů, což vám umožňuje podrobnou kontrolu:
- Autor: Zobrazí překryvy obsahu konkrétních autorů.
- Cookie: Zobrazení nebo skrytí překryvných prvků v závislosti na přítomnosti nebo hodnotách souborů cookie.
- Datum a čas. Překryvy plánování pro konkrétní data, časy nebo opakující se události.
- Zařízení - zobrazí nebo skryje překryvné prvky podle stolního počítače, tabletu nebo mobilního zařízení.
- Jazyk: Segmentujte uživatele podle jazyka stránky.
- Umístění: Zobrazí překryvy na konkrétních stránkách, příspěvcích nebo souborech. Umístění lze také nakonfigurovat pro celý web nebo na tak vysoké úrovni detailu, jako je stránka 404 nebo podstránky.
- Vlastní polepříspěvku lze použít ke spuštění překryvů (např. zobrazení překryvu u příspěvků s určitou hodnotou meta).
- Parametr dotazu - cílové adresy URL s konkrétními řetězci dotazů (např. `?utm_source=newsletter`). To je velmi užitečné, pokud provozujete reklamy a chcete zobrazovat pouze nabídky založené na konkrétních parametrech dotazu pro konkrétní kampaň.
- Referrer: Zaměřuje se na návštěvníky přicházející z konkrétních domén nebo adres URL.
- Možnosti webu - Úprava nastavení webu WordPress pro dané podmínky.
- Uživatelská metadata, personalizace podle údajů uživatelského profilu.
- Role uživatele: Zobrazení obsahu registrovaným uživatelům, správcům, odběratelům nebo hostům.
Seznam ostatních možností najdete podrobně v tomto příspěvku nebo v tomto průvodci pro panely a v tomto průvodci pro podmínky s dokumentací, příklady, tipy a snímky obrazovky.
A pokud byste raději chtěli, aby vám někdo názorně vysvětlil, jak začít, Kyle z The Admin Bar to již udělal v tomto videu.
Stále si myslím, že ačkoli na jejich fóru podpory nabízejí velmi dobrý zákaznický servis s velmi užitečnými odpověďmi na všechny otázky, křivka učení pro využití mnoha možností GenerateBlocks je stále trochu strmá. Tím spíše pro nováčky nebo ty, kteří jsou zvyklí na buildery jako Elementor. Přesto bych GB neměnil za žádný builder nebo kolekci bloků, protože jeho vývoj, i když pomalý, se mi zdá správný.
