Divi Plugin Highlight - Divi Display Logic

Ce se întâmplă dacă doriți să se afișeze un anumit element de design Divi în funcție de condițiile pe care le-ați ales? Acest lucru ar deschide unele posibilități de proiectare, cum ar fi afișarea unei versiuni a unei pagini bazată pe starea de conectare a utilizatorului, ora din zi sau geolocalizarea acestora. Un plugin numit Divi Display Logic oferă acestei caracteristici Divi.

Divi Display Logic este un plugin terț de la Tortoise IT care funcționează atât cu Divi, cât și cu Extra pentru a adăuga logică de afișare. În acest punct de evidențiere a pluginului, vom arunca o privire asupra pluginului și vom vedea câteva exemple despre ceea ce poate face.

Imaginile pentru aceste exemple sunt preluate de pe Unsplash.com și din aspectele gratuite Divi disponibile aici pe blogul Elegant Themes.

Instalarea Divi Display Logic

Încărcați și activați pluginul în mod normal. Un nou element de meniu este adăugat la tabloul de bord sub pluginuri numit Divi Display Logic. Aici veți adăuga cheia de licență. Acest lucru vă va asigura că veți primi actualizări ale pluginului.

Display Logic este acum adăugat la toate secțiunile, rândurile și modulele din fila Conținut din backend-ul Divi Builder. Funcțiile includ o selecție a datei și orei, o casetă derulantă în care puteți alege logica predefinită și o casetă care afișează codul scurt creat de plugin pentru logica dvs.

Logică predefinită

Caseta derulantă Logică predefinită are 18 alegeri logice prestabilite pentru a alege. Mai sunt câteva pe care le puteți copia și lipi în zona shortcode. Puteți adăuga propriile opțiuni logice dacă doriți să codificați și puteți manipula codul scurt pentru a crea variații.

Alegerile sunt afișarea sau ascunderea în funcție de o anumită oră, între anumite ore, în anumite zile, arată dacă are o categorie de ȘTIRI, dacă utilizatorul este conectat, la un anumit rol de utilizator, la o anumită locație și pe baza Cod PHP. Toate acestea pot fi modificate.

Shortcode logic

După ce alegeți o logică predefinită, acesta creează automat un shortcode. Nu va trebui să utilizați acest cod scurt, dar îl puteți edita aici dacă doriți.

De asemenea, puteți utiliza orice shortcode încapsulat (un shortcode cu o etichetă de început și sfârșit [shortcode] [/ shortcode]) pentru a vă crea propriile argumente. Acest lucru este explicat în descrierea din câmpul shortcode, dar aș dori să văd un exemplu dat și în descriere.

Pentru a edita, evidențiați pur și simplu porțiunea din codul scurt și efectuați modificările.

Iată un exemplu care va ascunde conținutul în timpul săptămânii. Dacă doriți să afișați conținutul în loc să ascundeți, veți schimba „ascunde” în „arată” în scurtcod. O altă opțiune ar fi înlocuirea numerelor 1-5 cu „6,7” care va ascunde conținutul în weekend.

Am găsit că manipularea codului scurt este intuitivă, deoarece majoritatea cuvintelor cheie din șir sunt simple.

Exemple de coduri scurte încorporate

Primul link (etichetat Click aici) din zona Display Logic oferă exemple detaliate ale codurilor scurte. Acestea sunt utile în special pentru exemplele PHP. Puteți să le copiați și să le lipiți în câmpul shortcode.

Selectarea datei și orei

Pentru a utiliza selecția dată / oră, faceți clic pe textul „Dacă utilizați date, faceți clic aici”. Se vor deschide două câmpuri în care puteți alege spectacolul și ascunde datele. Acestea sunt condiții de timp care vor determina când se afișează secțiunea, rândul sau modulul. Logica afișajului va fi aleasă din lista Logică predefinită.

Selectați data și ora făcând clic în câmpurile pentru Afișare dată și Ascundere dată. Aceasta afișează un calendar cu glisoare de oră și minut. Deasupra câmpurilor este un mesaj care arată ora serverului curent.

Este important să utilizați timpul serverului, mai degrabă decât timpul real. Aici WordPress obține ora curentă și este timpul pe care îl va folosi Divi Display Logic.

Modulul va afișa acum conținutul între data și ora pe care le-am ales.

Acest lucru deschide o mulțime de posibilități. De exemplu:

• Puteți crea un site de vânzări cu oferte fulger folosind un temporizator invers pentru a arăta când se încheie oferta și începe următoarea.
• Ați putea avea o vânzare pentru a începe la un anumit moment.
• Aveți o afacere care să se încheie la un anumit moment.
• Afișați conținut într-un articol la un anumit moment, chiar și după publicarea articolului.
• Afișați conținut diferit pe baza am sau pm

Exemple de logică Divi Display - Apel la acțiune la școală

Pentru primul meu exemplu, creez o pagină de destinație pentru o școală. Pagina va avea un apel la acțiune de înscriere pentru studenții din SUA, dar oricine din afara SUA nu se va putea înscrie. Acest exemplu folosește aspectul paginii de pornire pentru universități și colegii.

Aspectul include un rând cu module de text și butoane. Vreau ca textul și butonul să fie înlocuite cu diferite module pentru oricine din afara SUA.

În cadrul setărilor rândului am ales „Ascundeți conținutul dacă utilizatorul se află în SUA”.

Apoi am schimbat „ascunde” în shortcode pentru „show”, creând efectiv un nou shortcode.

Am clonat rândul și am selectat să ascund conținutul pentru utilizatorii din SUA pentru noul rând.

Acum, numai unul dintre rânduri se va afișa în funcție de locația vizitatorului.

Vizitatorii SUA văd sloganul și butonul original pentru a aplica.

Toți vizitatorii din afara SUA văd o altă slogană și un buton cu o legendă diferită.

Exemple de logică Divi Display - Vânzare Flash

Aceasta este o pagină simplă de vânzări care arată doar un produs ca vânzare flash. Când cronometrul cu numărătoarea inversă atinge zero, un nou produs cu un cronometru nou își ia locul.

În timp ce se afișează o singură secțiune, pagina propriu-zisă a renunțat la câteva secțiuni. În cadrul fiecărei secțiuni am stabilit logica pentru a afișa conținut la un anumit moment. Secțiunile nu se încarcă atunci când pagina se încarcă în browser, deci puteți adăuga câte doriți cu toate CSS-urile pe care le doriți și nu vor încetini timpul de încărcare.

Timerul cu numărătoare inversă și logica afișajului funcționează independent una de cealaltă. Am setat ora pentru contor pentru a se potrivi cu ora din timpul în care va fi afișată logica de afișare.

Exemple de logică Divi Display - Site-ul autorului cu zona de membru

Acest exemplu folosește aspectul gratuit Elegant Authors. Vreau să afișez conținut diferit în funcție de faptul dacă vizitatorul este sau nu conectat. Vizitatorii care nu sunt conectați vor vedea ecranul din imaginea de mai sus, care include un îndemn la acțiune.

Vizitatorii conectați nu vor vedea un CTA. În schimb, vor vedea un link către o zonă specială a site-ului web la care vor avea acces doar cei conectați. Accesul special poate fi controlat prin pluginuri de membru separate sau prin atribuirea unei capacități de utilizator pentru a vizualiza conținutul și alegerea acestei capacități ca logică.

În loc să clonez întreaga secțiune, am clonat doar butonul. Orice altceva va rămâne la fel. În acest fel, dacă decid să schimb imaginea de fundal, trebuie să o schimb doar într-o singură secțiune.

Am setat logica pentru butonul de sus pentru a afișa conținutul numai utilizatorilor deconectați.

Al doilea buton va fi afișat numai utilizatorilor conectați.

Alternativ, aș fi putut folosi „AFIȘAȚI acest conținut dacă utilizatorul are capacitatea„ view_content ”. '

Utilizatorii conectați acum văd noul buton care le oferă un link către o anumită pagină sau postare.

Exemple de logică de afișare Divi - Site-ul autorului cu o nouă pagină de destinație

Desigur, o altă posibilitate este de a afișa o pagină complet diferită. Acest exemplu folosește același aspect ca în exemplul anterior, dar am adăugat două secțiuni noi care includ un antet cu lățime completă și un modul de blog.

Am stabilit logica pentru fiecare secțiune. Toate secțiunile care alcătuiesc pagina de destinație vor fi afișate utilizatorilor care nu sunt conectați. Cele două secțiuni de jos, care creează o pagină de blog cu antet cu lățime completă, vor fi afișate pentru utilizatorii conectați.

Acum utilizatorii conectați nu vor vedea pagina de vânzări. Dacă schimb articolul de vânzare cu ceva pe care vreau să-l vadă toți utilizatorii, pur și simplu schimb logica de afișare.

Utilizarea Divi Display Logic cu Extra

Divi Display Logic funcționează și cu Extra. Acest exemplu arată modulul Carusel de postări din Generatorul de categorii.

Licență

Divi Display Logic poate fi utilizat pe site-uri web nelimitate pentru dvs. și clienții dvs. Include 6 luni de asistență și 12 luni de actualizări. După terminarea celor 12 luni, va trebui să răscumpărați din nou pluginul pentru a primi actualizări. Prețul de răscumpărare este de 50% din prețul inițial de achiziție.

Gânduri finale

Divi Display Logic oferă o mulțime de opțiuni pentru a determina când se va afișa o secțiune, un rând sau un modul. Cu opțiuni de afișare, inclusiv ora, data, geolocalizarea, indiferent dacă utilizatorul este sau nu conectat și nivelul utilizatorului, posibilitățile de proiectare sunt practic nelimitate.

Am găsit pluginul intuitiv de utilizat. Codurile scurte sunt ușor de manipulat. Câteva exemple ar fi utile - în special pentru PHP. Dacă doriți să afișați o secțiune, un rând sau un modul bazat pe o condiție, Divi Display Logic este o alegere excelentă.

Consultați Divi Display Logic la Tortoise IT pentru informații despre cumpărare.

Vrem sa auzim de la tine. Ați folosit Divi Display Logic? Spuneți-ne ce părere aveți despre asta în comentarii.

Imagine prezentată prin phipatbig / shutterstock.com