Nu cu mult timp în urmă am publicat aici o funcție pentru a crea butoane pentru a deschide o fereastră modală fără pluginuri în WordPress și luna trecută o alta pentru a adăuga tooltips. Ei bine, ieri, GenerateBlocks în actualizarea sa 2.3.0 a versiunii sale Pro, a adăugat această opțiune mult mai flexibilă și cu mult mai multe posibilități care vă pot salva câteva plugin-uri.
Acestea sunt panouri suprapuse (nu știu dacă aceasta este cea mai bună traducere pentru "panouri suprapuse") cu condiții.
Panourile de suprapunere ale GenerateBlocks Pro 2.3 permit adăugarea oricărui conținut la elemente interactive, cum ar fi ferestre pop-up, ferestre glisante, ferestre modale și non-modale, tooltips, panouri off-canvas și chiar mega meniuri.
Deși GenerateBlocks și GeneratePress sunt cunoscute pentru furnizarea de cod curat, ușor și optimizat, trebuie încă să analizez impactul acestor panouri asupra DOM pentru a compara cantitatea de elemente și profunzimea pe care le adaugă pentru a ști în ce cazuri va fi mai bine să utilizați acest nou instrument sau doar HTML și CSS, sacrificând opțiunile sale interesante de reguli condiționale.
GenerateBlocks nu adaugă un nou bloc la colecția sa de 12. Ceea ce vom vedea sunt aceste două noi opțiuni în administrare: Panouri suprapuse și Condiții.
Pentru a începe să creăm primul mod, pop-up sau tooltip, facem clic pe Panouri suprapuse, iar în partea dreaptă vom găsi opțiunile sale de configurare.
Acum puteți testa funcțiile sale prin crearea oricărui conținut în interiorul unui container GenerateBlocks (sau alt element) fără a fi nevoie să explorați încă opțiunile de configurare ale Condițiilor.
Sunt disponibile declanșatoare (acțiuni sau circumstanțe care vor executa lucrul cu conținutul care urmează să fie afișat):
- Clic. Se activează conținutul care urmează să fie afișat atunci când se face clic pe un buton, o imagine sau un link etc.
- On hover, va fi activat atunci când un utilizator trece cu mouse-ul peste un element.
- Faceți clic sau plutiți. Combinați clic și plutiți.
- Intenție de ieșire: afișată atunci când un utilizator încearcă să părăsească pagina și mută indicatorul în partea de sus a browserului.
- Defilare procentuală: Se afișează după ce utilizatorul defilează în jos până la un anumit procent din pagină.
- Întârziere: Apare după timpul setat pe care l-ați setat.
- Evenimentele personalizate sunt declanșate de acțiuni specifice, cum ar fi atunci când un articol este adăugat la coșul WooCommerce (`wc-blocks_added_to_cart`).
Apoi puteți arunca o privire la condiții și puteți încerca posibilitățile. Deși nu am avut încă timp să folosesc toate combinațiile, puținele pe care le-am putut încerca deja mi se par foarte utile.
Dacă declanșatoarele oferă o paletă bună de opțiuni, condițiile le sporesc considerabil posibilitățile.
Condițiile se pot baza pe o gamă largă de parametri, oferindu-vă un control granular:
- Autor: Afișează suprapuneri pe conținutul anumitor autori.
- Cookie: Afișează sau ascunde suprapunerile în funcție de prezența sau valoarea cookie-urilor.
- Data și ora. Suprapunerea programării pentru date, ore sau evenimente recurente specifice.
- Dispozitiv - afișează sau ascunde suprapunerile în funcție de desktop, tabletă sau dispozitiv mobil.
- Limba: Segmentați utilizatorii în funcție de limba paginii dvs.
- Locație: Afișează suprapuneri pe anumite pagini, mesaje sau fișiere. De asemenea, locațiile pot fi configurate pentru întregul site sau la un nivel de detaliu la fel de ridicat ca o pagină 404 sau subpagini.
- Câmpurile depost personalizate pot fi utilizate pentru a declanșa suprapuneri (de exemplu, afișarea unei suprapuneri pe posturile cu o anumită valoare meta).
- Parametru de interogare - vizează URL-uri cu șiruri de interogare specifice (de exemplu, `?utm_source=newsletter`). Acest lucru este foarte util dacă rulați anunțuri și doriți să afișați numai oferte bazate pe parametri de interogare specifici pentru o anumită campanie.
- Referitor: vizează vizitatorii care provin din anumite domenii sau URL-uri.
- Opțiuni site - Ajustarea setărilor site-ului WordPress pentru condiții.
- Metadate ale utilizatorului, personalizare în funcție de datele profilului utilizatorului.
- Rolul utilizatorului: Afișați conținutul pentru utilizatorii înregistrați, administratori, abonați sau invitați.
Puteți găsi lista celorlalte opțiuni în detaliu în această postare sau în acest ghid pentru panouri și în acesta pentru condiții cu documentație, exemple, sfaturi și capturi de ecran.
Și dacă preferați ca cineva să vă explice grafic cum să începeți, Kyle de la The Admin Bar a făcut-o deja în acest videoclip.
Încă mai cred că, deși în forumul lor de asistență oferă un serviciu foarte bun pentru clienți cu răspunsuri foarte utile la orice întrebare, curba de învățare pentru utilizarea numeroaselor posibilități ale GenerateBlocks este încă un pic abruptă. Chiar mai mult pentru nou-veniți sau pentru cei obișnuiți cu constructori precum Elementor. Cu toate acestea, nu aș schimba GB pentru niciun constructor sau colecție de blocuri deoarece evoluția sa, deși lentă, mi se pare corectă.
