Niet zo lang geleden publiceerde ik hier een functie om knoppen te maken om een modaal venster te openen zonder plugins in WordPress en vorige maand nog een om tooltips toe te voegen. Welnu, gisteren heeft GenerateBlocks in zijn 2.3.0 update van zijn Pro versie deze optie toegevoegd, veel flexibeler en met veel meer mogelijkheden die je wat plugins kunnen besparen.
Dit zijn overlaypanelen (ik weet niet of dit de beste vertaling is voor "overlaypanelen") met voorwaarden.
Met de overlaypanelen van GenerateBlocks Pro 2.3 kun je inhoud toevoegen aan interactieve elementen zoals pop-ups, schuifvensters, modale en niet-modale vensters, tooltips, off-canvas panelen en zelfs megamenu's.
Hoewel GenerateBlocks en GeneratePress bekend staan om het leveren van schone, lichte en geoptimaliseerde code, moet ik de impact van deze panelen op de DOM nog analyseren om het aantal elementen en de diepte die ze toevoegen te vergelijken om te weten in welke gevallen het beter is om deze nieuwe tool te gebruiken of alleen HTML en CSS, wat ten koste gaat van de interessante opties voor voorwaardelijke regels.
GenerateBlocks voegt geen nieuw blok toe aan zijn verzameling van 12. Wat we wel zullen zien zijn deze twee nieuwe opties in de admin: Overlay Panels en Conditions.
Om te beginnen met het maken van de eerste modal, popup of tooltip klikken we op Overlay Panels en rechts vinden we de configuratieopties.
Je kunt nu de functies testen door inhoud te maken in een GenerateBlocks container (of ander element) zonder dat je de configuratieopties van de Conditions hoeft te onderzoeken.
Triggers (acties of omstandigheden die het ding met de weer te geven inhoud uitvoeren) zijn beschikbaar:
- Klikken. De inhoud die moet worden weergegeven wanneer op een knop, afbeelding of link enz. wordt geklikt, wordt geactiveerd.
- On hover, wordt geactiveerd wanneer een gebruiker met de muisaanwijzer over een element beweegt.
- Klik of zweef. Combineer klikken en zweven.
- Exit intent: Wordt weergegeven wanneer een gebruiker de pagina probeert te verlaten en de aanwijzer naar de bovenkant van de browser verplaatst.
- Percentage scrollen: Weergave nadat de gebruiker naar beneden scrolt naar een opgegeven percentage van de pagina.
- Tijdvertraging: verschijnt na de ingestelde tijd.
- Aangepaste gebeurtenissen worden geactiveerd door specifieke acties, zoals wanneer een item wordt toegevoegd aan de WooCommerce winkelwagen (`wc-blocks_added_to_cart`).
Dan kun je de voorwaarden bekijken en de mogelijkheden uitproberen. Hoewel ik nog geen tijd heb gehad om alle combinaties te gebruiken, lijkt het weinige dat ik al heb kunnen uitproberen erg nuttig.
Als de triggers een goed palet aan opties bieden, vergroten de voorwaarden hun mogelijkheden enorm.
Condities kunnen gebaseerd worden op een groot aantal parameters, waardoor je granulaire controle hebt:
- Auteur: toont overlays op de inhoud van specifieke auteurs.
- Cookie: Toon of verberg overlays afhankelijk van de aanwezigheid of waarden van cookies.
- Datum en tijd. Overlappende schema's voor specifieke datums, tijden of terugkerende gebeurtenissen.
- Apparaat - toont of verbergt overlays op basis van desktop, tablet of mobiel apparaat.
- Taal: Segmenteer gebruikers op basis van de taal van je pagina.
- Locatie: Toont overlays op specifieke pagina's, berichten of bestanden. Locaties kunnen ook worden geconfigureerd voor de hele site of op een zo gedetailleerd niveau als een 404-pagina of subpagina's.
- Aangepasteberichtvelden kunnen worden gebruikt om overlays te triggeren (bijvoorbeeld een overlay weergeven op berichten met een specifieke meta-waarde).
- Queryparameter - richt je op URL's met specifieke querytekenreeksen (bijv. `?utm_source=nieuwsbrief`). Dit is erg handig als je advertenties uitvoert en alleen aanbiedingen wilt tonen op basis van specifieke queryparameters voor een specifieke campagne.
- Referrer: richt zich op bezoekers die van specifieke domeinen of URL's komen.
- Siteopties - De instellingen van de WordPress-site aanpassen aan de voorwaarden.
- Metagegevens van de gebruiker, personalisatie op basis van profielgegevens van de gebruiker.
- Gebruikersrol: Toon inhoud aan geregistreerde gebruikers, beheerders, abonnees of gasten.
Je kunt de lijst met de rest van de opties in detail vinden in dit bericht of in deze gids voor de panelen en in deze voor de voorwaarden met documentatie, voorbeelden, tips en schermafbeeldingen.
En als je liever iemand hebt die grafisch uitlegt hoe je aan de slag gaat, dan heeft Kyle van The Admin Bar dat al gedaan in deze video.
Ik denk nog steeds dat, hoewel ze op hun supportforum een zeer goede klantenservice bieden met zeer behulpzame antwoorden op elke vraag, de leercurve voor het gebruik van de vele mogelijkheden van GenerateBlocks nog steeds een beetje steil is. Nog meer voor nieuwkomers of mensen die gewend zijn aan bouwers zoals Elementor. Toch zou ik GB voor geen enkele builder of blokkenverzameling willen ruilen omdat de evolutie, hoewel langzaam, me goed lijkt.
