For ikke lenge siden publiserte jeg her en funksjon for å lage knapper for å åpne et modalt vindu uten plugins i WordPress og forrige måned en annen for å legge til verktøytips. Vel, i går, GenerateBlocks i sin 2.3.0-oppdatering av Pro-versjonen, la til dette alternativet mye mer fleksibelt og med mange flere muligheter som kan spare deg for noen plugins.
Dette er overleggspaneler (jeg vet ikke om dette er den beste oversettelsen for "overleggspaneler") med betingelser.
GenerateBlocks Pro 2.3s overleggspaneler gjør det mulig å legge til innhold i interaktive elementer som popup-vinduer, skyvevinduer, modale og ikke-modale vinduer, verktøytips, off-canvas-paneler og til og med megamenyer.
Selv om GenerateBlocks og GeneratePress er kjent for å levere ren, lett og optimalisert kode, har jeg ennå ikke analysert innvirkningen på DOM-en av disse panelene for å sammenligne mengden elementer og dybden de legger til for å vite i hvilke tilfeller det vil være bedre å bruke dette nye verktøyet eller bare HTML og CSS, og dermed ofre de interessante alternativene for betingede regler.
GenerateBlocks legger ikke til en ny blokk i samlingen på 12. Det vi vil se, er disse to nye alternativene i administratoren: Overlay Panels og Conditions.
For å begynne å lage den første modalen, popupen eller verktøytipset klikker vi på Overlay Panels, og til høyre finner vi konfigurasjonsalternativene.
Du kan nå teste funksjonene ved å opprette innhold i en GenerateBlocks-beholder (eller et annet element) uten å måtte utforske konfigurasjonsalternativene i Conditions ennå.
Utløsere (handlinger eller omstendigheter som vil utføre tingen med innholdet som skal vises) er tilgjengelige:
- Klikk. Aktiverer innholdet som skal vises når du klikker på en knapp, et bilde, en lenke osv.
- On hover, aktiveres når en bruker holder musepekeren over et element.
- Klikk eller hold musepekeren. Kombiner klikk og hold musepekeren.
- Exit intent: Vises når en bruker forsøker å forlate siden og flytter pekeren til toppen av nettleseren.
- Prosentvis rulling: Vises etter at brukeren har rullet ned til en spesifisert prosentandel av siden.
- Tidsforsinkelse: Vises etter den innstilte tiden du har angitt.
- Egendefinerte hendelser utløses av spesifikke handlinger, for eksempel når en vare legges til i WooCommerce-kurven (`wc-blocks_added_to_cart`).
Da kan du ta en titt på betingelsene og prøve ut mulighetene. Selv om jeg ikke har hatt tid til å bruke alle kombinasjonene ennå, virker det lille jeg har fått prøvd ut allerede veldig nyttig.
Hvis utløserne tilbyr en god palett av alternativer, øker betingelsene mulighetene deres betraktelig.
Betingelsene kan baseres på en lang rekke parametere, noe som gir deg detaljert kontroll:
- Forfatter: Viser overlegg på innholdet til bestemte forfattere.
- Informasjonskapsel: Vis eller skjul overlegg avhengig av tilstedeværelsen eller verdiene til informasjonskapsler.
- Dato og klokkeslett: Planleggingsoverlegg for bestemte datoer, klokkeslett eller gjentakende hendelser.
- Enhet - viser eller skjuler overlegg basert på datamaskin, nettbrett eller mobilenhet.
- Språk: Segmenter brukere i henhold til språket på siden din.
- Plassering: Viser overlegg på bestemte sider, innlegg eller filer. Plasseringer kan også konfigureres for hele nettstedet eller på et så detaljert nivå som en 404-side eller undersider.
- Egendefinerteinnleggsfelt kan brukes til å utløse overlegg (f.eks. vise et overlegg på innlegg med en bestemt metaverdi).
- Spørringsparameter - målrett mot nettadresser med spesifikke spørringsstrenger (f.eks. `?utm_source=nyhetsbrev`). Dette er veldig nyttig hvis du kjører annonser og bare vil vise tilbud basert på spesifikke søkeparametere for en bestemt kampanje.
- Referrer: Målretter mot besøkende som kommer fra bestemte domener eller nettadresser.
- Nettstedsalternativer - Justering av WordPress-nettstedsinnstillingene for forholdene.
- Brukermetadata, personalisering i henhold til brukerprofildata.
- Brukerrolle: Vis innhold til registrerte brukere, administratorer, abonnenter eller gjester.
Du finner en detaljert liste over resten av alternativene i dette innlegget eller i denne veiledningen for panelene og i denne for betingelsene med dokumentasjon, eksempler, tips og skjermbilder.
Og hvis du heller vil ha noen til å forklare grafisk hvordan du kommer i gang, har Kyle fra The Admin Bar allerede gjort det i denne videoen.
Selv om de tilbyr en veldig god kundeservice med svært hjelpsomme svar på alle spørsmål, synes jeg fortsatt at læringskurven for bruk av de mange mulighetene i GenerateBlocks fortsatt er litt bratt. Enda mer for nykommere eller de som er vant til byggere som Elementor. Likevel vil jeg ikke bytte GB for noen byggherre eller blokksamling fordi utviklingen, selv om den er treg, virker for meg å være riktig.
