Divi Plugin Highlight - Page Builder Everywhere

Divi este un generator de pagini extrem de ușor de utilizat, care vă permite să creați pagini și să postați machete cu module de tip drag and drop. Ușurința de utilizare i-a făcut pe oameni atât de pasionați de asta încât vor să-l folosească în toate domeniile posibile ale site-ului lor web. Aici intervine pluginul terță parte pe care îl prezentăm în Divi Plugin Highlight de astăzi.

Page Builder Everywhere adaugă Divi Builder în zone în care nu funcționează în mod normal în interior. Vă permite să utilizați constructorul pe tipuri de postări personalizate, pagini de categorii, pagini de căutare, pagini de arhivă, pagini de produse WooCommerce, 404 de pagini etc. Puteți chiar să îl utilizați pentru a crea anteturi, subsoluri și bare laterale.

Pentru testare am creat un blog simplu într-un aspect de grilă cu patru postări. Vreau să extind acest aspect, dar o voi face cu pluginul. Imaginile au fost preluate de pe Unsplash.com.

Aspecte Divi

Pluginul utilizează aspectele dvs. Divi premade, deci va trebui mai întâi să le creați. Accesați Divi , Biblioteca Divi din tabloul de bord și selectați Adăugare nouă pentru a vă crea aspectele. Puteți crea machete folosind Modul, Modul lățime completă, Rând, Secțiune, Secțiunea lățime completă, Secțiunea specialitate sau Aspect.

Oricare dintre opțiuni va funcționa. Pentru mai mult control al fundalurilor și pentru a putea adăuga mai multe module și coloane, creați aspectele folosind rânduri sau secțiuni, mai degrabă decât alegând modulul atunci când le creați în bibliotecă. Am folosit mai ales rânduri pentru aceste exemple.

Zone widget

Pluginul adaugă cinci zone widget noi la Divi și vă permite să plasați aspectele în aceste locații:

• Deasupra antetului
• Sub antet
• Subsol
• Deasupra conținutului
• Sub conținut

După ce ați creat aspectul dorit, fixați widgetul Divi Layout în locația în care doriți să apară și alegeți aspectul din caseta derulantă. Dacă nu ați creat aspectul, puteți face clic pe linkul etichetat Adăugați mai multe aspecte la Biblioteca Divi și vă va duce la bibliotecă.

Logică condiționată

Widgetul vă permite să utilizați logica condițională, astfel încât să puteți decide când apare aspectul. Am selectat Antet cu mesaj și am dat clic pe Unde . Aceasta afișează logica condițională, astfel încât să puteți alege dacă să se afișeze sau nu, să selectați tipul de postare și să alegeți rezultatul din casetele derulante. Puteți adăuga oricâte condiții doriți. Ei folosesc logica OR, deci va fi afișat IF This = That OR this = That OR ...

De exemplu, puteți afișa un modul bazat pe tipul de postare, utilizator, pe anumite pagini, taxonomii etc. Aceasta înseamnă că puteți crea un aspect care să afișeze un mesaj numai dacă utilizatorul nu a fost conectat sau numai pe WooCommerce pagini de produse. Puteți utiliza chiar și logică cu mai multe straturi pentru a determina când să afișați un aspect. Pot fi afișate diferite secțiuni pentru diferite categorii. Diferite părți ale site-ului dvs. web pot avea propriile meniuri.

Logica condițională este excelentă dacă doriți să afișați un formular, un mesaj sau un anunț de înscriere dacă utilizatorul nu este conectat. Cei conectați nu vor vedea formularul, mesajul sau anunțul. Acest lucru vă permite să vă controlați vânzările. O singură utilizare poate beneficia suficient de mult pe un site web pentru a utiliza pluginul. Posibilitățile sunt nelimitate.

Exemple de Generator de pagini oriunde

Am creat un exemplu de rând pe care doream să îl mut dintr-o locație în alta. Să vedem cum arată în diferite zone ale paginii. Voi adăuga câteva exemple pe măsură ce mergem.

Deasupra antetului

Iată un exemplu de rând pentru a arăta cum arată deasupra antetului. Observați că logo-ul apare cu noul rând. Acest lucru este intenționat și poate fi ușor schimbat.

Am creat un aspect cu un modul text și am ajustat dimensiunea fontului, culorile și căptușeala. Plasează textul deasupra meniului folosind același fundal ca antetul, cu excepția cazului în care îl personalizez. Acesta include un buton care poate duce cititorul la o pagină, postare, produs etc. Aceasta este o modalitate excelentă de a crea un CTA deasupra antetului.

Sub antet

Sub antet se deplasează rândul către zona de sub meniu. Acest conținut rămâne cu antetul, deci dacă antetul rămâne pe ecran atunci când utilizatorii derulează, conținutul din această zonă va rămâne și pe ecran. La fel ca deasupra antetului , acesta folosește culoarea antetului, cu excepția cazului în care îl stilizați singur.

Iată un rând cu două secțiuni - un modul de text pentru un mesaj și un modul de urmărire a rețelelor sociale cu una din fiecare rețea socială pe care o include. Am stilizat fundalul rândului, astfel încât să iasă puțin în evidență.

Desigur, acest spațiu poate fi folosit pentru orice lucru pe care doriți să-l aveți pe ecran, inclusiv formulare de înscriere la newsletter, informații de contact, orele de funcționare, imagini etc.

Deasupra conținutului

În acest exemplu, l-am plasat într-o postare obișnuită pe blog care nu folosește Divi Builder. Oricare dintre locații funcționează cu postări și pagini obișnuite. Aceasta este o modalitate excelentă de a adăuga machete Divi și de a adăuga module la postările obișnuite. Deasupra conținutului se derulează cu conținutul.

Sub conținut

Acesta plasează modulul sub conținut și chiar deasupra subsolului. Cu excepția cazului în care îl stilizați singur, acesta va prelua stilul subsolului. Se va derula cu conținutul, așa că, dacă utilizați paralaxă, acesta va sta în afară de subsol.

Subsol

Iată o privire asupra aspectului meu din subsol. Poate fi stilat separat de subsol și se derulează cu subsolul, astfel încât să se deosebească de conținut dacă utilizați paralaxă.

Pagini de produse WooCommerce

Pentru acest exemplu am adăugat două machete. Primul va trece deasupra produsului și include un modul text și un modul video .

Al doilea aspect va intra sub produs și include un modul text și un modul magazin .

Am plasat apoi cele două widget-uri în locațiile lor, am ales aspectul din widget-uri și am setat condiția pentru a afișa aspectul doar pe paginile care utilizează tipul de postare a produsului .

Rezultatul este o pagină a produsului cu aspecte Divi deasupra și dedesubtul produsului.

404 Pag

Am creat un aspect pe care să îl folosesc ca pagină 404.

Am plasat apoi widgetul, am selectat aspectul și am ales condițiile pentru ca acesta să fie afișat numai pe pagina 404 . Observați că widget-urile din paginile Produsului sunt încă la locul lor. Condițiile îi împiedică să arate unde nu vreau.

Acesta este un mod excelent de a crea 404 de pagini folosind Divi Builder.

Creator de pagini oriunde Customizer

Un nou personalizator numit PBE Customizer este adăugat la meniul derulant din partea frontală și în meniul Theme Customizer . Include secțiuni pentru:

• Antetul principal
• Deasupra antetului
• Subsol

Iată o privire la fiecare.

Antetul principal

După cum puteți vedea în exemplul de deasupra antetului , sigla se suprapune peste secțiunile de deasupra antetului și a antetului . Puteți împiedica acest lucru să se suprapună și să lăsați sigla în locația inițială selectând Opriți secțiunea de suprapunere a siglei de deasupra antetului .

Alegeți Eliminare antet principal implicit pentru a ascunde antetul original. Funcțiile pentru antetul principal funcționează atât deasupra cât și sub zonele antetului.

Deasupra antetului

Deasupra antetului vă permite să ascundeți conținutul deasupra antetului atunci când cititorul derulează.

Subsol

Selectarea Ascunde subsol subsol dezactivează subsolul original. În acest exemplu, nu am stilizat modulul, așa că preia stilul din jurul său. Aici este plasat peste imaginea de fundal.

Preț și documentație

Page Builder Everywhere costă 14 USD. Pagina de vânzări include instrucțiuni și un FAQ pentru a vă ajuta să începeți.

Gânduri finale

Page Builder Everywhere este un plugin ușor de utilizat. Vă oferă cinci locații noi pentru a adăuga aspecte Divi, plus le puteți adăuga la anumite tipuri de postări, categorii, autori, date, taxonomii și multe altele și puteți crea condiții multiple. Puteți chiar să le afișați sau să le ascundeți în funcție de faptul dacă utilizatorul este sau nu conectat. Pluginul ar putea intra în conflict cu Divi Widget Builder, dar nu veți avea nevoie de acel plugin dacă utilizați Page Builder Everywhere.

Vrem sa auzim de la tine. Ați încercat Page Builder pretutindeni? Spuneți-ne despre experiența dvs. în comentariile de mai jos!

Imagine prezentată prin Sentavio / shutterstock.com