Beaver Builder vs Divi 2022

Editorii What You See Is What You Get (WYSIWYG) au fost un element de bază în software-ul de calcul încă din anii 1970, dar în lumea WordPress, vedem din ce în ce mai mulți proprietari de site-uri care trec la constructori de pagini drag-and-drop pentru a-i ajuta să creeze stiluri. postări de blog și pagini profesionale.

Această adoptare s-a intensificat de când WordPress a introdus noul editor de bloc numit Gutenberg în WordPress 5.0 în 2018. Desigur, Editorul clasic este încă disponibil pentru cei care preferă vechiul editor vizual.

Noul editor de blocuri este gratuit, se mândrește cu o interfață ușor de utilizat și are multe blocuri de conținut utile disponibile pentru selecție.

Îmi place simplitatea editorului de blocuri WordPress, dar nu se poate nega că este o soluție de bază. Blocurile de conținut au puține opțiuni de personalizare și nu există un sistem de șabloane încorporat. Acest lucru limitează foarte mult ceea ce puteți crea.

Dacă doriți să vă duceți site-ul la nivelul următor, vă recomand să utilizați o soluție avansată de creare a paginilor cu drag-and-drop, cum ar fi Beaver Builder sau Divi.

Aceste pluginuri WordPress receptive vă oferă un control mai mare asupra modului în care vă stilați postările de blog, paginile și tipurile de postări personalizate.

În acest articol, aș dori să vă arăt cum se compară aceste pluginuri de creare a paginii pentru a vă ajuta să vedeți care este cel mai bun pentru dvs. și proiectele dvs.

O versiune simplă a Beaver Builder este disponibilă pe WordPress.org, dar deoarece versiunii gratuite îi lipsesc multe funcții, acest articol se va concentra în schimb pe versiunea completă a Beaver Builder.

Interfața Beaver Builder

Beaver Builder este un editor de front-end care poate fi lansat din câteva zone diferite în WordPress.

Când creați o nouă postare de blog, pagină sau tip de postare personalizat în editorul de blocuri WordPress, veți vedea o opțiune pentru „Lansați Beaver Builder” sau „Utilizați editorul standard”.

Butonul „Lans Beaver Builder” nu este afișat automat în editorul Gutenberg. Apare doar când adăugați un bloc Beaver Builder pe pagina dvs.

Dacă blocul Beaver Builder nu este disponibil, verificați pagina de setări Beaver Builder pentru a vă asigura că tipul de postare corespunzător este activat.

Beaver Builder poate fi lansat și din Editorul clasic și din pagina principală de listare a postărilor, paginilor și tipurilor de postări personalizate.

Când sunteți autentificat, veți vedea o opțiune de modificare a unei pagini și în bara de administrare WordPress.

Când se încarcă Beaver Builder, veți vedea un meniu în partea dreaptă care afișează modulele disponibile. Aici sunt afișate și file pentru rânduri, șabloane și machete salvate.

Făcând clic pe simbolul X de mai sus, meniul se închide, dar puteți reîncărca meniul făcând clic pe simbolul + care este afișat acum.

În partea din dreapta sus a paginii, veți vedea un memento că pagina dvs. a fost editată și are modificări nepublicate. Dacă faceți clic pe butonul Efectuat, vor fi afișate opțiuni pentru a vă permite să renunțați la aspect, să salvați schița sau să vă publicați aspectul.

Partea din stânga sus a paginii arată postarea, pagina sau tipul de postare personalizat pe care îl editați. Făcând clic pe el, se va încărca meniul de instrumente Beaver Builder.

Există o mulțime de setări și funcții ascunse în acest meniu.

De aici, puteți să vă publicați aspectul, să îl salvați ca șablon, să îl duplicați, să vedeți toate revizuirile, să vă verificați istoricul editărilor și multe altele.

Setările globale și setările Javascript și CSS pot fi accesate și din acest meniu, iar partea de jos a meniului afișează comenzi rapide către zona de administrare WordPress și paginile de asistență.

În partea dreaptă a meniului de instrumente este un clopoțel de notificare care afișează actualizările pluginurilor și cele mai recente postări de pe blogul Beaver Builder.

Pentru a adăuga un modul sau un rând nou în aspectul dvs., pur și simplu glisați și plasați-l în zona principală a pânzei.

Sunt disponibile mai multe setări de coloane preconfigurate pentru rânduri, împreună cu aspectele de coloane salvate, rândurile salvate și rândurile preconstruite.

Odată ce ați adăugat noi rânduri, pe pagina dvs. este afișat un contur al structurii. Puteți trage și plasa un modul de conținut în oricare dintre aceste casete.

În partea din stânga sus a rândurilor și modulelor, veți vedea opțiuni pentru mutarea elementului într-o altă parte a aspectului dvs. Rândul sau modulul în cauză poate fi, de asemenea, duplicat sau șters de aici.

Rândurile și coloanele au un buton de setări și un buton de acțiuni care vă permite să resetați lățimea rândurilor și coloanelor.

Lățimile, culorile, fundalurile, marginile și multe altele pot fi ajustate în fila de stil din caseta de setări. Pe lângă margini și umplutură, fila avansată vă permite să restricționați vizibilitatea utilizatorilor conectați și să ajustați punctul de întrerupere pentru utilizatorii de telefonie mobilă.

Este nevoie de puțin timp pentru a vă familiariza cu orice generator de pagini WordPress, cu toate acestea, Beaver Builder este, fără îndoială, una dintre soluțiile cele mai ușor de luat. Este, de asemenea, una dintre cele mai rapide, modificările pe care le faci se încarcă aproape instantaneu.

Beaver Builder vă permite să stilați fiecare aspect al aspectului dvs., dar după cum veți vedea, Divi oferă multe mai multe opțiuni de personalizare atunci când creați machete.

Interfața Divi Builder

Temele elegante folosesc cuvântul Divi pentru a descrie atât tema populară WordPress, cât și generatorul de pagini drag-and-drop.

Acest lucru provoacă o mică confuzie în rândul celor care sunt noi în temele elegante, motiv pentru care uneori disting produsele denumind designul „Temă Divi” și generatorul de pagini „Divi Builder”.

Deocamdată, aș dori să mă concentrez pe Divi Builder. Acest generator de pagini este încorporat în tema Divi, dar este disponibil și ca plugin WordPress independent pentru cei care doresc să îl folosească cu alte teme WordPress.

Odată ce Divi Builder este activat, veți vedea o opțiune pentru „Utilizați Divi Builder” atunci când adăugați o nouă postare, pagină sau tip de postare personalizat.

Aceasta va lansa generatorul vizual frontal, dar va fi disponibil și un editor de backend numit Legacy Builder.

Puteți comuta oricând la Divi Builder din editorul de blocuri WordPress implicit.

Divi Builder poate fi lansat și din paginile principale de listare a postărilor, paginilor și tipurilor de postări personalizate.

La fel ca Beaver Builder, dacă sunteți autentificat, veți vedea o opțiune pentru a activa Divi Builder din bara de administrare WordPress.

Temele elegante au și un bloc de aspect Divi.

Acest bloc vă permite să inserați orice aspect Divi direct într-un aspect pe care l-ați creat cu editorul de blocuri WordPress implicit.

Când lansați pentru prima dată Divi Builder, veți fi întrebat dacă doriți să construiți un aspect de la zero, să alegeți un aspect prestabilit sau să clonați o altă pagină pe care ați creat-o deja.

Dacă porniți de la zero, Divi Builder va încărca pânza goală și va afișa o casetă pentru a insera un nou rând.

Există 20 de rânduri disponibile pentru selecție și fiecare are o structură de coloană diferită.

Odată ce ați inserat un rând, Divi Builder vă solicită să selectați un modul pe care să îl adăugați în pagina dvs.

Divi Builder încarcă apoi caseta de setări pentru modulul selectat.

Dacă sunteți nou în Divi Builder, vă recomand să vă familiarizați cu modul în care funcționează editorul selectând un aspect prestabilit, deoarece vă oferă ceva cu care să vă jucați.

Utilizatorii experimentați pot prefera să înceapă cu o pânză goală, dar rețineți că meniul principal nu se încarcă automat când selectați această opțiune.

Pentru a încărca meniul principal, faceți clic pe butonul cu cele trei puncte orizontale din partea de jos a paginii.

Opțiunile meniului principal sunt împărțite în trei coloane.

Puteți încărca setările constructorului prin pictograma cu trei puncte verticale din partea stângă a meniului.

Trei moduri de vizualizare diferite pot fi adăugate la meniul dvs. de aici: modul hover, modul clic și modul grilă. Aceste moduri modifică modul în care interacționați cu aspectul și faceți modificări. De exemplu, în modul de trecere cu mouse-ul, trecerea pur și simplu peste o parte a paginii dvs. va evidenția modulele, coloanele, rândurile și secțiunile, iar apoi puteți face modificări.

Alte setări din caseta de setări ale constructorului includ modul de vizualizare implicit, intervalul de stare istoric și fluxul de creare a paginii.

Dacă ați creat un aspect complex, pot exista situații în care partea greșită a paginii este evidențiată. De exemplu, poate doriți să mutați o coloană, dar selectați accidental rândul căruia îi aparține.

O modalitate de a rezolva acest lucru este utilizarea modului de vizualizare wireframe. Acest lucru elimină elementele de design inutile din vizualizarea dvs. pentru a vă ajuta să vedeți mai ușor structura paginii. Este incredibil de util atunci când mutați lucrurile într-un aspect complex.

Partea din stânga a meniului are, de asemenea, opțiuni pentru a vă permite să vă vedeți designul în vizualizarea desktop, tabletă și mobil.

Există șapte opțiuni în meniul din mijloc. Butonul X din mijloc închide meniul.

În stânga, puteți încărca un aspect din bibliotecă, puteți salva aspectul curent și puteți șterge aspectul. În dreapta, puteți vedea setările paginii, istoricul editării și portabilitatea.

Caseta de setări post/pagină vă permite să schimbați titlul, fragmentul, imaginea prezentată și categoriile. O serie de setări de design sunt disponibile și aici, cum ar fi spațierea, paleta de culori, CSS personalizat și vizibilitatea.

Caseta de editare a istoricului vă permite să anulați și să refaceți cu ușurință modificările recente și să vedeți un istoric complet al tuturor modificărilor pe care le-ați făcut.

Aspectele pot fi exportate și importate în format JSON prin caseta de setări de portabilitate. Acest lucru este util pentru transferul machetelor pe alte site-uri web.

Aspectul dvs. poate fi salvat și publicat în partea dreaptă a paginii.

Tutorialele video și comenzile rapide de la tastatură pot fi afișate și prin caseta Divi Helper din această zonă. Există și o funcție de căutare care vă ajută să găsiți funcții și documentație.

Interfețele de utilizator pentru Beaver Builder și Divi Builder funcționează diferit, cu toate acestea, când vine vorba de ajustarea rândurilor și coloanelor, funcționează de fapt într-un mod similar.

Ambele soluții afișează setările în colțul din stânga sus și vă permit să mutați, să duplicați și să ajustați rândurile și coloanele. Cu toate acestea, Divi are mai multe opțiuni de personalizare.

Divi Builder are un element deasupra rândurilor, numit secțiuni.

Secțiunile pot conține mai multe rânduri, iar fiecare rând poate conține mai multe coloane. Vă oferă puțină flexibilitate suplimentară în modul în care construiți pagini.

În versiunile anterioare ale Divi Builder, machetele erau create direct din editorul WordPress, totuși generatorul vizual frontal este acum modalitatea standard de a crea machete cu Divi.

Din fericire, vechiul editor este încă disponibil în Divi Builder.

Pentru a activa Legacy Builder, mai întâi trebuie să accesați secțiunea avansată a zonei de opțiuni pentru pluginul Divi, să dezactivați cea mai recentă experiență Divi Builder și să activați Editorul clasic.

Interfața de utilizator a Legacy Builder arată similar cu modul de vizualizare wireframe care este disponibil în editorul vizual.

Deși nu vă permite să previzualizați modificările pe care le faceți în timp real, îmi place cât de rapid și eficient este. Totul se încarcă puțin mai repede decât în ​​editorul de front-end și este mai ușor să vezi structura paginii tale.

Beaver Builder încarcă totul puțin mai repede decât Divi Builder, iar interfața sa de utilizator este mai ușor de preluat, totuși Divi Builder oferă multe mai multe setări de personalizare și funcții suplimentare care lipsesc în Beaver Builder.

Includerea modului wireframe și Legacy Builder face, fără îndoială, Divi Builder o soluție mai flexibilă.

Pentru o privire mai cuprinzătoare asupra modului în care funcționează Divi Builder, vă rugăm să consultați recenzia noastră completă despre Divi Builder.

Aspecte prefabricate Beaver Builder

Sunt un mare fan al machetelor prefabricate, deoarece reduc foarte mult timpul necesar pentru a crea conținut elegant. De asemenea, vă ajută să înțelegeți cum să creați machete avansate.

Beaver Builder nu oferă atât de multe machete prefabricate ca Divi, dar calitatea fiecărui șablon este la fel de ridicată.

Șabloanele de pagină de destinație și șabloanele de pagină de conținut sunt disponibile în fila șabloane din meniul principal de conținut, alături de orice șabloane salvate pe care le aveți.

Șabloanele de pagină de destinație sunt șabloane complete de pagină completă. Un total de 15 șabloane de pagină de destinație sunt disponibile împreună cu un șablon de pagină de pânză goală.

Există șabloane pentru întreprinderi mici, săli de sport, avocați, muzicieni, fotografi, restaurante, cărți electronice și multe altele.

Când selectați un șablon de pagină de destinație, sunteți întrebat dacă doriți să înlocuiți aspectul existent sau să îl adăugați celui pe care îl aveți deja.

Aspectele prefabricate sunt inserate în aspectul dvs. în câteva secunde.

După ce au fost adăugate, le puteți ajusta după cum credeți de cuviință și le puteți salva ca șabloane personalizate.

Șabloanele de pagini de conținut sunt șabloane universale pentru o parte a unei pagini, care sunt potrivite pentru orice tip de site web.

Sunt disponibile 25 de șabloane de pagini de conținut. Există aspecte care vă ajută să introduceți o zonă despre, informații despre echipă, servicii, formular de contact, tabele de prețuri, formular de înscriere și multe altele.

Beaver Builder oferă, de asemenea, zeci de rânduri pre-construite. Aceste aspecte pot fi inserate cu ușurință în orice parte a paginii dvs.

Le veți găsi sub filele rânduri ale meniului principal de conținut.

Dacă utilizați sistemul de șabloane al lui Beaver Builder, puteți reduce foarte mult timpul necesar pentru a crea noi machete.

Aspectele pot fi salvate în orice moment și reutilizate de câte ori doriți.

Toate șabloanele salvate pot fi gestionate din meniul principal de administrare al Beaver Builder și editate ulterior, dacă este necesar.

Puteți salva șabloane, rânduri, coloane și module, iar fiecare aspect salvat poate fi atribuit unor categorii.

Beaver Builder a făcut o treabă fantastică integrând aspecte prefabricate în interfața cu utilizatorul. Aspectele pot fi inserate în câteva secunde, iar personalizările pot fi salvate și folosite din când în când.

Aspecte prefabricate Divi

La fel ca Beaver Builder, Divi oferă utilizatorilor o mare varietate de machete prefabricate.

Peste 1.100 de pachete de layout sunt disponibile pentru selecție.

150 dintre aceste aspecte sunt pachete de layout care includ modele pentru o serie de zone de pe site-ul dvs., cum ar fi pagina despre, blogul, pagina de destinație și galeria.

După cum sa menționat mai devreme, atunci când lansați Divi Builder pe o pagină nouă, una dintre opțiunile disponibile este să alegeți un aspect prestabilit.

Biblioteca Divi poate fi încărcată și din meniul principal.

Biblioteca Divi vă permite să inserați machete prefabricate, machete salvate și pagini întregi.

Puteți restrânge căutarea pentru un aspect potrivit utilizând caseta de căutare sau selectând una dintre cele 13 categorii cărora le sunt alocate machetele.

Asigurați-vă că salvați aspectul curent înainte de a introduce un aspect prestabilit, deoarece Divi Builder îl va suprascrie.

Pachetele de aspect evidențiază toate aspectele care sunt incluse în pachet, totuși vă recomand să faceți clic pe butonul „Vedeți demonstrația live” pentru a vedea exact cum va arăta site-ul dvs. dacă selectați un design.

Pentru a ilustra acest punct, aruncați o privire în zona demo pentru designul Divi Web Freelancer, care este afișată în captura de ecran de mai jos.

În funcție de configurația dvs. de găzduire, Divi Builder poate dura până la un minut pentru a importa toate layout-urile dintr-un pachet de layout.

Odată ce ați inserat un aspect în pagina dvs., îl puteți personaliza și îl puteți face al dvs. schimbând culorile, adăugând module și eliminând secțiuni care nu sunt relevante pentru dvs.

Aspectele pot fi salvate în Biblioteca Divi în orice moment din meniul principal Divi.

Puteți denumi fiecare aspect și le puteți grupa în categorii.

Meniul de administrare Divi face legătura cu pagina principală de opțiuni pentru plugin, Divi Theme Builder, Biblioteca Divi și alte câteva pagini de setări (despre care vom discuta mai târziu).

Divi Theme Builder este un instrument fantastic care vă permite să construiți șabloane personalizate de pagină. Apoi, puteți atribui șabloanele postărilor, paginilor și tipurilor de postări personalizate.

Pentru fiecare șablon, puteți atribui un aspect antetului, corpului și subsolului. Apoi, puteți specifica exact ce zone ale site-ului dvs. ar trebui utilizate aceste șabloane.

De exemplu, puteți crea un design unic pentru blogul dvs., dar îl excludeți din anumite categorii de postări. De asemenea, puteți crea șabloane unice pentru pagina cu rezultatele căutării, pagina 404, arhive, pagina de pornire și multe altele.

Toate aspectele salvate pot fi vizualizate din pagina „Biblioteca Divi”, care este legată în meniul principal de administrare Divi.

Aspectele pot fi importate și exportate de pe această pagină. De asemenea, puteți gestiona categoriile de aspect de aici.

Când faceți clic pentru a edita un aspect din pagina principală a Bibliotecii Divi, veți fi dus la o prezentare generală a designului dvs. în modul de vizualizare wireframe.

Acest mod este util pentru ajustarea structurii aspectului, dar dacă doriți să faceți modificări mai specifice, puteți comuta la vizualizarea desktop, vizualizarea tabletă sau vizualizarea telefonului. Acest lucru vă permite să modificați aspectul salvat folosind editorul vizual.

Dacă preferați, puteți lansa editorul vizual frontend obișnuit și puteți face personalizări pe pagina însăși.

Una lângă alta, nu cred că calitatea machetelor prefabricate ale Divi Builder este mai bună decât a modelelor disponibile în Beaver Builder, cu toate acestea, întreaga configurație în Divi Builder este semnificativ mai bună.

Pachetele de layout ale Divi Builder vă oferă până la o duzină de șabloane pentru a vă ajuta să construiți un site web complet, în timp ce Beaver Builder oferă doar machete și machete de o singură pagină pentru anumite secțiuni ale paginii dvs.

Există mult mai multe opțiuni și în Divi Builder, pluginul care oferă 950 de șabloane de pagini de destinație față de 15 de la Beaver Builder. O selecție mare de layout-uri terță parte este disponibilă și pentru Divi.

Este important să rețineți, totuși, că Beaver Builder tinde să insereze machete în pagina dvs. puțin mai rapid decât Divi Builder.

Consultați pagina Divi Layouts pentru a vedea ce aspecte prefabricate sunt disponibile cu Divi Builder.

Module de conținut Beaver Builder

Un total de 29 de module sunt disponibile în Beaver Builder. Modulele sunt împărțite în șase categorii: de bază, media, acțiuni, aspect, informații și postări.

Există o varietate bună de module pentru adăugarea de conținut bogat, ajustarea aspectului și extragerea conținutului de pe blogul dvs.

Unul dintre modulele din categoria layout este modulul sidebar, care vă permite să inserați widget-uri WordPress. Acest lucru deschide multe posibilități de a integra funcționalități în machetele dvs. de la alte plugin-uri WordPress.

Când un modul a fost tras și plasat în zona dvs. de pânză, va apărea caseta de setări.

Veți găsi setări comune în toate modulele pentru stil, spațiere, vizibilitate, animații și multe altele, totuși fiecare modul are setări unice pentru a vă permite să schimbați ceea ce este afișat.

De exemplu, în modulul de hartă, există câmpuri pentru introducerea adresei hărții, a înălțimii hărții și a atributului titlului hărții.

Beaver Builder nu are cea mai mare colecție de module de conținut și nu oferă atât de multe opțiuni de personalizare ca Divi.

Cred, totuși, că Beaver Builder are tot ce aveți nevoie pentru a crea machete frumoase, deoarece funcționalitățile lipsă pot fi inserate în machete prin intermediul widget-urilor WordPress.

Module de conținut Divi Builder

38 de module de conținut sunt disponibile pentru selecție în Divi Builder.

Pe lângă modulele esențiale, cum ar fi imaginea, videoclipul, portofoliul și mărturia, există module utile pentru adăugarea de contoare de bare, indicații, glisoare și apel la acțiuni.

Divi Builder adaugă, de asemenea, un nou tip de postare personalizat pentru proiecte.

La fel ca Beaver Builder, Divi are un modul de bară laterală, astfel încât să puteți integra widget-uri WordPress în machetele dvs.

Divi Builder folosește un sistem cu coduri de culori pentru a vă ajuta să creați machete elegante.

Secțiunile sunt albastre, rândurile sunt verzi, iar modulele sunt gri închis (aproape negre).

Puteți adăuga un modul nou trecând cu mouse-ul peste o coloană și făcând clic pe butonul „Adăugați un modul nou”.

După cum am arătat mai devreme, atunci când selectați un modul, caseta cu setările modulului va apărea automat, astfel încât să puteți introduce valori și să ajustați stilul.

Orice personalizări pe care le faceți pot fi salvate în Biblioteca Divi. Acest lucru vă poate economisi mult timp atunci când creați pagini.

De exemplu, puteți modifica modulul hărții astfel încât să afișeze o hartă a adresei companiei dvs. Puteți apoi să salvați cu ușurință harta și să o inserați în pagina despre, formularul de contact, postările de blog și multe altele.

Divi Builder oferă mai multe opțiuni de stil și personalizare decât Beaver Builder și are nouă module de conținut suplimentare, dar nu cred că cineva se va simți restricționat cu ceea ce este disponibil în oricare dintre pluginurile WordPress, mai ales că widget-urile WordPress pot fi inserate în machete folosind modulul barei laterale.

Configurarea Beaver Builder

Caseta de setări globale poate fi încărcată din meniul de instrumente din interfața de utilizator Beaver Builder.

Vă permite să activați și să dezactivați antetul paginii și marginile și umplutura de rânduri, coloane și module. Aspectele receptive pot fi, de asemenea, ajustate din această zonă și există casete pentru a insera codul CSS și Javascript.

Pagina principală de setări Beaver Builder este împărțită în mai multe secțiuni.

Pentru a primi actualizări automate de plugin, trebuie să introduceți cheia de licență în secțiunea de licență. Modulele și tipurile de postări pot fi activate și dezactivate în secțiunea următoare.

Accesul la sistemul de șabloane poate fi ajustat în secțiunea următoare. Puteți activa șabloanele de bază, șabloanele de utilizator sau toate șabloanele. Șabloanele pot fi, de asemenea, dezactivate.

Zona de setări de acces utilizator vă permite să definiți ce grupuri de utilizatori WordPress pot folosi Beaver Builder. Permisiunile sunt împărțite în cinci zone diferite, cum ar fi accesul la constructor și la meniul de administrare al Beaver Builder.

Pagina de setări generale vă permite, de asemenea, să activați și să dezactivați seturile de pictograme, brandingul pluginului, brandingul temei și setările de ajutor. Memorarea în cache și depanarea sunt disponibile în secțiunea de instrumente.

Vă recomand să verificați pagina de setări Beaver Builder după instalarea Beaver Builder, dar cea mai mare parte a personalizării pe care le veți face are loc în interfața principală Beaver Builder.

Configurarea Divi Builder

La fel ca Beaver Builder, cea mai mare parte a timpului tău va fi petrecută personalizând machetele în cadrul editorului Divi Builder în sine, dar există câteva setări importante care pot fi găsite din meniul principal de administrare Divi.

Pagina principală de opțiuni de plugin are o filă pentru introducerea numelui de utilizator și a cheii API ale Elegant Themes. Trebuie să finalizați acest lucru pentru a primi actualizări automate ale pluginurilor.

În fila următoare, puteți introduce cheia dvs. API Google. Acest lucru este necesar dacă doriți să utilizați modulul hartă. Fonturile Google pot fi dezactivate și de pe această pagină.

Următoarea filă vă permite să activați și să dezactivați Divi Builder pentru anumite tipuri de postări WordPress. Acest lucru este util dacă doriți să restricționați accesul la Divi Builder pentru anumite tipuri de postări, cum ar fi galeria dvs.

În fila avansată, puteți activa și dezactiva minimizarea CSS și Javascript. Aici puteți activa și editorul Legacy Builder.

Divi Builder vă oferă control complet asupra a ceea ce poate și nu poate face fiecare grup de utilizatori de pe site-ul dvs. web.

În timp ce Beaver Builder vă permite să restricționați accesul la câteva zone cheie, Divi Builder vă permite să definiți exact ce funcții pot accesa utilizatorii.

De exemplu, puteți opri utilizatorii să încarce machete sau să dezactiveze funcții din Divi Builder.

Centrul de asistență Divi oferă un raport despre sistemul dumneavoastră. Acest lucru vă poate ajuta să diagnosticați orice probleme legate de configurarea găzduirii.

De exemplu, pentru site-ul meu de testare WordPress, raportul a arătat că instalarea mea WordPress avea o cantitate limitată de resurse.

Accesul de la distanță este disponibil și pe această pagină. Acest lucru poate ajuta echipa de asistență Elegant Themes să rezolve orice probleme pe care le aveți cu Divi Builder.

Centrul de asistență are, de asemenea, link-uri către tutoriale video utile și există un mod sigur care dezactivează funcțiile care ar putea cauza probleme cu alte plugin-uri și teme WordPress.

Erorile sunt afișate și pe această pagină, dacă WP_DEBUG_LOG este activat.

Divi Builder este un plugin WordPress simplu de configurat, cu doar câteva setări de verificat după instalare.

Caracteristica remarcabilă din zona de setări este Editorul de roluri Divi. Este ceva pe care proprietarii de site-uri web WordPress mari cu mai mulți angajați îl vor aprecia.

The Beaver Builder Theme

Tema Beaver Builder este un cadru WordPress HTML5 și Bootstrap care este inclus în planurile Beaver Builder Pro și Agency.

Este un design WordPress minimal care acționează ca o pânză goală pentru crearea de modele cu Beaver Builder. Cârlige și filtre sunt disponibile în cadrul temei pentru a ajuta dezvoltatorii să modifice designul site-ului web și are un suport excelent pentru WooCommerce.

Toate setările pentru tema Beaver Builder sunt conținute în WordPress Customizer.

Stilul și poziția pot fi ajustate pentru zeci de zone ale paginii dvs. Există, de asemenea, aspecte pentru antetul, meniul de navigare, blogul, arhivele, postările de blog, paginile WooCommerce și subsolul.

În timp ce în esență, Beaver Builder rămâne o temă WordPress minimă, dezvoltatorii au făcut eforturi suplimentare pentru a adăuga multe opțiuni de personalizare suplimentare.

Luați, de exemplu, sigla site-ului dvs. Puteți încărca o imagine de siglă obișnuită, una pentru dispozitivele cu retină, sigle cu fade-in pentru dispozitivele obișnuite și dispozitivele retină și o altă siglă pentru dispozitivele mobile.

În multe alte teme WordPress, diferite părți ale designului, cum ar fi antetul, bara laterală și subsolul, pot împiedica Beaver Builder să afișeze corect machetele. Acesta este motivul pentru care mulți utilizatori Beaver Builder au trecut la Beaver Builder Theme.

Este o alegere excelentă dacă doriți să utilizați machetele Beaver Builder pe site-ul dvs. web.

Tema Divi

Beaver Builder își comercializează designul ca o temă cadru pentru Beaver Builder, în timp ce Elegant Themes comercializează Tema Divi ca o temă WordPress all-in-one versatilă.

Acest lucru evidențiază cât de influent poate fi marketingul, deoarece există mai multe asemănări între tema Beaver Builder și tema Divi decât cred oamenii.

La început, Divi a fost o temă WordPress all-in-one, cu toate acestea, cea mai mare parte a versatilității pe care toată lumea asociată cu tema Divi a fost ulterior migrată la Divi Builder. Acesta a fost fără îndoială lucrul corect de făcut.

Deci, cu majoritatea funcționalităților fiind încorporate în Divi Builder, Divi Theme poate fi considerată un cadru precum Beaver Builder Theme. Prin urmare, dacă se întâmplă să dețineți ambele produse, puteți utiliza Tema Divi cu Beaver Builder sau Tema Beaver Builder cu Divi Builder.

Odată ce Tema Divi a fost activată, veți vedea câteva modificări subtile în meniul de administrare Divi.

Aceasta include înlocuirea paginii cu opțiunile pluginului cu o pagină cu opțiunile temei și un link către Personalizatorul WordPress.

În afară de extinderea zonei de setări, totul rămâne la fel.

Interesant este că dacă Tema Divi este activată, pluginul Divi Builder va fi dezactivat automat. Acest lucru este necesar, deoarece funcționalitatea Divi Builder este încorporată direct în Tema Divi (și în tema WordPress suplimentară a Temelor Elegante).

Veți găsi sute de opțiuni utile în Personalizatorul WordPress, răspândite în aproximativ o duzină de secțiuni. Acestea pot fi folosite pentru a controla zone precum antetul, subsolul și barele laterale.

Zona principală de conținut pentru postări, pagini și tipuri de postări personalizate este încă controlată de Divi Builder.

Când vine vorba de personalizarea designului site-ului dvs., nu cred că tema Divi este mai bună sau mai rea decât tema Beaver Builder. Există câteva zone în care Tema Divi vă oferă mai multe opțiuni și câteva zone în care Tema Beaver Builder oferă mai multe.

Toate opțiunile de plugin ale Divi Builder au fost integrate în zona de opțiuni mai extinsă a temei Divi.

De exemplu, setările tipului de postare sunt acum disponibile în fila Generator, iar opțiunile din pagina de setări avansate sunt acum localizate în pagina de opțiuni generale.

Pagina de setări generale are, de asemenea, câmpuri pentru pictogramele rețelelor sociale, derulare, cod CSS personalizat și multe altele.

Opțiuni suplimentare sunt disponibile și pentru utilizatorii Divi Theme.

Există o zonă dedicată de opțiuni pentru meniul de navigare al site-ului dvs. și o pagină de aspect în care puteți indica ce funcții ar trebui activate în postări și pagini.

Există, de asemenea, pagini pentru adăugarea unui banner de 468×60 pixeli și detalii generale SEO despre site-ul dvs.

La fel ca Tema Beaver Builder, Tema Divi este o temă WordPress minimală care a fost optimizată pentru utilizare cu Divi Builder.

Vă recomand cu căldură să utilizați acest design dacă doriți să profitați de gama uriașă de machete prefabricate a Divi.

Costul Beaver Builder

Caracteristicile și funcționalitatea sunt doi factori pe care trebuie să îi luați în considerare atunci când examinați Beaver Builder și Divi, dar trebuie să luați în considerare și costul acestor produse și bugetul pe care îl aveți la dispoziție pentru proiectele dvs.

Multe companii premium WordPress percep mai mult pentru utilizarea produselor lor pe site-uri web suplimentare. De exemplu, planul entry-level poate accepta un site web, planul intermediar poate accepta trei site-uri web, iar planul avansat poate suporta zece site-uri web.

Beaver Builder și Temele Elegant sunt mai generoase, oferind asistență și actualizări pentru un număr nelimitat de site-uri web.

Deși acest articol s-a concentrat în primul rând pe versiunea premium a Beaver Builder, aș recomanda totuși să consultați Beaver Builder Lite.

Este o soluție bună pentru site-uri web simple și, de asemenea, vă ajută să vedeți cum funcționează interfața Beaver Builder.

Vă rugăm să rețineți, totuși, că versiunea gratuită a Beaver Builder nu are module utile, cum ar fi formularul de contact, tabelul de prețuri și harta. There is no access to the Beaver Builder templating system or pre-made layouts either.

For the vast majority of projects, the full version of Beaver Builder is a better fit than the lite version.

Three different premium plans are available: Standard, Pro, and Agency. All plans come with one year of premium support and access to premium modules and templates.

The standard plan retails at $99 per year. To get WordPress multisite support and access to the Beaver Builder Theme, you need to upgrade to the $199 per year Pro plan.

The $399 per year Agency plan adds white labeling. Web design companies may be interested in this plan as it allows you to rebrand the plugin as your own and change all references to Beaver Builder in templates and the admin area.

Beaver Builder oferă o garanție de rambursare a banilor de 30 de zile.

Toți membrii Beaver Builder primesc și o reducere de 40% după un an. Acest lucru scade prețul planurilor Beaver Builder în anii următori la 59,40 USD pe an, 119,40 USD pe an și 239,40 USD pe an.

Dacă nu sunteți sigur cu privire la vreun aspect al utilizării Beaver Builder, vă recomand cu căldură să consultați baza de cunoștințe detaliate. De asemenea, puteți cere ajutor prin asistență pentru bilete și în forumul comunității Beaver Builder, grupul de Facebook Beaver Builder și camera Beaver Builder Slack.

Costul Divi

Politica de prețuri a unui membru Elegant Themes este mai simplă.

Există două planuri disponibile și ambele planuri vă oferă acces deplin la toate produsele Elegant Themes.

Abonamentul anual Elegant Themes costă 89 USD pe an.

La fel ca Beaver Builder, puteți continua să utilizați produse precum Divi Builder odată ce abonamentul a expirat, dar nu veți primi asistență și actualizări dacă nu vă reînnoiți.

Dacă credeți că vă veți reînnoi calitatea de membru pentru câțiva ani, poate doriți să luați în considerare obținerea planului de acces pe viață. Pentru o taxă unică de 249 USD, veți primi acces pe viață, asistență și actualizări, pentru toate produsele Elegant Themes.

Elegant Themes oferă, de asemenea, o garanție de rambursare a banilor de 30 de zile tuturor clienților noi.

Pentru a vă ajuta să înțelegeți mai bine produsele lor, Elegant Themes a creat una dintre cele mai extinse zone de documentare pe care le-am văzut vreodată. Există sute de tutoriale scrise și tutoriale video care explică cum funcționează temele și pluginurile Elegant Themes WordPress.

Membrii pot solicita ajutor și prin intermediul asistenței pentru bilete și există un forum comunitar mare, o rețea Meetup și un grup popular Facebook.

Compararea costului Beaver Builder și Divi este dificilă, deoarece au modele de preț ușor diferite.

În ciuda faptului că este mai limitat, apreciez faptul că este disponibilă o versiune gratuită a Beaver Builder, deoarece Beaver Builder Lite este suficient pentru bloguri de bază și proiecte simple de site-uri web.

Cred, totuși, că versiunea completă a Beaver Builder este cea mai bună opțiune pentru majoritatea utilizatorilor WordPress.

La 99 USD, o licență standard pentru Beaver Builder costă cu 10 USD mai mult decât Elegant Themes, totuși reînnoirile ulterioare sunt taxate cu doar 59,40 USD pe an.

Aceasta este o reducere generoasă pentru membrii fideli, totuși un plan pe viață Elegant Themes poate ajunge să fie în continuare mai ieftin pentru mulți proprietari de site-uri web.

Un abonament Elegant Themes include și tema Divi, în timp ce va trebui să plătiți 199 USD pentru a obține acces la tema Beaver Builder.

Mai important, un abonament Elegant Themes include cinci produse de înaltă calitate: Divi Theme, Divi Builder, tema revistei WordPress Extra, pluginul WordPress de înscriere prin e-mail Bloom și pluginul WordPress pentru rețelele sociale Monarch.

Datorită acestui fapt, cred că un abonament Elegant Themes oferă un raport calitate-preț mai bun pentru majoritatea utilizatorilor WordPress.

Gânduri finale

Creatorii de pagini drag-and-drop pot ajuta utilizatorii WordPress să creeze layout-uri frumoase de site-uri în câteva minute printr-o interfață ușor de utilizat.

Într-un articol de comparație ca acesta, este responsabilitatea mea să arăt punctele forte și punctele slabe atât ale Beaver Builder, cât și ale Divi, totuși este important să ne amintim că ambele aceste soluții sunt produse rafinate și există multe asemănări între ele.

Procesul de creare a noilor rânduri și coloane este similar în ambele produse, dar cred că interfața Beaver Builder este mai ușor de învățat și puțin mai rapid.

Divi oferă multe mai multe opțiuni de personalizare și mai multe aspecte prefabricate. Cu cinci produse incluse într-un abonament Elegant Themes, aș spune că oferă și un raport calitate-preț mai bun.

Sper că v-a plăcut privirea noastră în profunzime asupra Beaver Builder și Divi.

Pentru a afla mai multe despre Beaver Builder, consultați pagina oficială de vânzări sau citiți recenzia noastră completă despre Beaver Builder. De asemenea, puteți obține o mai bună înțelegere a modului în care funcționează Beaver Builder vizitând pagina demo Beaver Builder sau testând versiunea gratuită a pluginului.

Puteți afla despre cum Divi pe site-ul Elegant Themes și în recenzia noastră completă a Divi Builder. Deși nu este disponibilă nicio versiune gratuită a Divi Builder, puteți testa pluginul pe pagina demonstrativă a Divi Builder. Acest lucru vă va ajuta să vedeți ce poate face Divi Builder.

Multumesc pentru lectura.
Kevin