For ikke så længe siden publicerede jeg her en funktion til at oprette knapper til at åbne et modalvindue uden plugins i WordPress og i sidste måned en anden til at tilføje værktøjstips. I går tilføjede GenerateBlocks i sin 2.3.0-opdatering af sin Pro-version denne mulighed meget mere fleksibel og med mange flere muligheder, der kan spare dig for noget plugin.
Det er overlay-paneler (jeg ved ikke, om det er den bedste oversættelse af "overlay-paneler") med betingelser.
GenerateBlocks Pro 2.3's overlay-paneler gør det muligt at tilføje indhold til interaktive elementer som pop op-vinduer, skydevinduer, modale og ikke-modale vinduer, værktøjstip, off-canvas-paneler og endda mega-menuer.
Mens GenerateBlocks og GeneratePress er kendt for at levere ren, let og optimeret kode, har jeg endnu ikke analyseret indvirkningen på DOM' en af disse paneler for at sammenligne mængden af elementer og dybden, de tilføjer, for at vide, i hvilke tilfælde det vil være bedre at bruge dette nye værktøj eller bare HTML og CSS, der ofrer sine interessante muligheder for betingede regler.
GenerateBlocks tilføjer ikke en ny blok til sin samling af 12. Det, vi vil se, er disse to nye muligheder i administrationen: Overlay Panels og Conditions.
For at begynde at oprette den første modal, popup eller tooltip klikker vi på Overlay Panels, og til højre finder vi dens konfigurationsmuligheder.
Du kan nu teste dens funktioner ved at oprette indhold i en GenerateBlocks-container (eller et andet element) uden at skulle udforske konfigurationsmulighederne i Conditions endnu.
Triggere (handlinger eller omstændigheder, der vil udføre tingen med det indhold, der skal vises) er tilgængelige:
- Klik. Aktiverer det indhold, der skal vises, når man klikker på en knap, et billede, et link osv.
- On hover, aktiveres, når en bruger holder musen over et element.
- Klik eller svæv. Kombiner klik og svæv.
- Exit intent: Vises, når en bruger forsøger at forlade siden og flytter markøren til toppen af browseren.
- Procentvis scroll: Vises, når brugeren scroller ned til en bestemt procentdel af siden.
- Tidsforsinkelse: Vises efter den indstillede tid, du har indstillet.
- Brugerdefinerede begivenheder udløses af specifikke handlinger, f.eks. når en vare føjes til WooCommerce-kurven (`wc-blocks_added_to_cart`).
Så kan du se på betingelserne og afprøve mulighederne. Selv om jeg ikke har haft tid til at bruge alle kombinationerne endnu, virker den smule, jeg har kunnet afprøve, meget nyttig.
Hvis triggerne tilbyder en god palet af muligheder, øger betingelserne i høj grad deres muligheder.
Betingelserne kan baseres på en lang række parametre, hvilket giver dig detaljeret kontrol:
- Forfatter: Viser overlays på indholdet af specifikke forfattere.
- Cookie: Vis eller skjul overlays afhængigt af tilstedeværelsen eller værdierne af cookies.
- Dato og tid: Planlægning af overlays til bestemte datoer, tidspunkter eller tilbagevendende begivenheder.
- Enhed - viser eller skjuler overlays baseret på desktop, tablet eller mobil enhed.
- Sprog: Segmenter brugerne efter sproget på din side.
- Placering: Viser overlays på bestemte sider, indlæg eller filer. Placeringer kan også konfigureres for hele sitet eller på et så detaljeret niveau som en 404-side eller undersider.
- Brugerdefineredeindlægsfelter kan bruges til at udløse overlejringer (f.eks. vise en overlejring på indlæg med en bestemt metaværdi).
- Forespørgselsparameter - målret URL'er med specifikke forespørgselsstrenge (f.eks. `?utm_source=newsletter`). Dette er meget nyttigt, hvis du kører annoncer og kun vil vise tilbud baseret på specifikke søgeparametre for en bestemt kampagne.
- Referrer: Målretter mod besøgende, der kommer fra specifikke domæner eller URL'er.
- Webstedsindstillinger - Justering af WordPress-webstedsindstillingerne for betingelserne.
- Brugermetadata, personalisering i henhold til brugerprofildata.
- Brugerrolle: Vis indhold til registrerede brugere, administratorer, abonnenter eller gæster.
Du kan finde en detaljeret liste over resten af mulighederne i dette indlæg eller i denne vejledning til panelerne og i denne til betingelserne med dokumentation, eksempler, tips og skærmbilleder.
Og hvis du hellere vil have nogen til at forklare grafisk, hvordan du kommer i gang, har Kyle fra The Admin Bar allerede gjort det i denne video.
Jeg synes stadig, at selv om de i deres supportforum tilbyder en meget god kundeservice med meget hjælpsomme svar på alle spørgsmål, er indlæringskurven for brugen af GenerateBlocks' mange muligheder stadig lidt stejl. Endnu mere for nyankomne eller dem, der er vant til bygherrer som Elementor. Alligevel ville jeg ikke skifte GB ud med nogen anden builder eller bloksamling, fordi dens udvikling, selvom den er langsom, forekommer mig at være rigtig.
