Divi vs Avada 2022

Divi și Avada sunt considerate pe scară largă drept două dintre cele mai bune teme WordPress de pe piață.

Ambele teme multifuncționale WordPress „Tot în Unul” au un generator de pagini drag-and-drop ușor de utilizat și sunt împachetate cu mai frumoase machete de site-uri web prefabricate. Acest lucru vă permite să creați orice tip de site web printr-un clic pe un buton.

Elegant Themes a lansat Divi în 2013. Nu a fost prima temă WordPress „All in One” de pe piață, totuși a fost primul design all-in-one care a făcut totul bine și a încurajat alți dezvoltatori de teme să-și intensifice jocul.

În ultimii câțiva ani, Temele Elegante au rafinat și îmbunătățit continuu Divi, plasând generatorul lor de pagini emblematice, Divi Builder, în centrul temei.

Divi este, fără îndoială, una dintre cele mai bune teme WordPress, totuși există alternative pe care utilizatorii WordPress ar trebui să le ia în considerare, cum ar fi Tema X și Cadrul Genesis.

În această recenzie, aș dori să vă arăt cum se compară Divi cu Avada.

Avada a fost lansat în 2012 de Theme Fusion, cu un an înainte de lansarea Divi.

Cu aproximativ 600.000 de vânzări, este de departe cea mai vândută temă WordPress de pe ThemeForest, depășind cu trei la unu tema X pe locul doi.

După câteva minute de utilizare a Avada, devine clar de ce tema WordPress este atât de populară. Este o soluție versatilă, iar generatorul de pagini integrat, Fusion Builder Live, este excelent.

Să aruncăm o privire atentă la ce pot face Divi și Avada și să vedem cum se compară.

Secțiunile articolului :

• Ușurință de configurare
• Construirea paginii de backend
• Construirea paginii de front-end
• Conținut și Aspecte
• Alte caracteristici și setări
• Performanţă
• Suport și documentare
• Cost
• Gânduri finale

Ușurință de configurare

Temele WordPress all in one sunt concepute astfel încât oricine să le poată folosi, indiferent de experiența sa tehnică.

Cu toate acestea, începătorii ar putea avea nevoie de puțin ajutor suplimentar, în special atunci când configurează lucrurile pentru prima dată.

Divi – Ușurință de configurare

Dacă sunteți nou în Divi, este posibil să fiți puțin confuz cu privire la ce se referă „Divi”, deoarece Temele elegante folosesc frecvent cuvântul pentru a descrie tema, generatorul de pagini și pachetul general.

Pentru a evita confuzia, tema WordPress este uneori numită Tema Divi pentru a o deosebi de generatorul de pagini Divi Builder.

Pentru a activa Tema Divi pe site-ul dvs., trebuie doar să încărcați fișierele în folderul cu teme WordPress și să activați designul din pagina cu teme WordPress.

Tema Divi nu vă redirecționează către o altă pagină după activare, cu toate acestea, acum veți vedea un meniu de administrare pentru Divi în partea de jos a meniului de administrare WordPress.

Meniul face legătura cu zonele cheie de configurare: Opțiuni teme, Generator de teme, Personalizare teme, Editor de roluri, Biblioteca Divi și Centrul de asistență.

Divi Builder este încorporat direct în tema Divi, dar este disponibil și ca plugin WordPress independent pentru cei care doresc să folosească Divi Builder cu alte teme WordPress.

Meniul de administrare al Divi Builder independent este aproape identic. Pur și simplu îi lipsește un link către WordPress Customizer și pagina cu opțiunile temei este înlocuită cu o pagină cu opțiuni pentru plugin cu mai puține opțiuni.

Dacă pluginul WordPress Divi Builder este utilizat pe site-ul dvs. și activați Tema Divi, pluginul WordPress Divi Builder va fi dezactivat automat.

Pentru a activa actualizările automate ale temelor pentru Divi, accesați pagina de actualizări din zona Opțiuni Divi și introduceți numele de utilizator și cheia API pentru Elegant Themes.

Temele WordPress all in one, cum ar fi Divi și Avada, tind să folosească mai multe resurse decât alte modele pentru a se asigura că anumite funcționalități funcționează corect.

Dacă configurația dvs. de găzduire nu este configurată corect, este posibil să găsiți că procesul de importare a machetelor prefabricate este lent.

Prin urmare, este prudent să verificați Centrul de asistență Divi după activare pentru a verifica starea configurației dvs.

Această pagină are, de asemenea, un mod sigur și un jurnal de erori.

Avada – Ușurință de configurare

Avada a adoptat o abordare mai prietenoasă pentru începători a temei lor WordPress.

Odată ce ați încărcat Avada în folderul cu teme WordPress și ați activat designul, veți fi dus la pagina de bun venit Avada.

Pagina de bun venit afișează un videoclip introductiv despre cea mai recentă versiune de Avada și vă reamintește să vă înregistrați achiziția.

De asemenea, vi se recomandă să activați două pluginuri WordPress: Fusion Core și Fusion Builder.

Toate paginile pe care le vedeți în meniul de navigare a paginii de întâmpinare pot fi găsite în meniul de administrare Avada.

În mod enervant, în loc să fie poziționat în jurul meniului „Aspect”, Avada își plasează meniul chiar în partea de sus a meniului de administrator, sub pagina de administrare a tabloului de bord WordPress. Acest lucru împinge link-uri importante pentru funcțiile cheie ale WordPress, cum ar fi postări, media și pagini mai jos în meniul dvs. de administrare WordPress.

Puteți folosi pluginul gratuit WordPress Admin Menu Editor pentru a vă organiza mai bine meniul de administrare WordPress dacă acest lucru vă deranjează.

Pentru a primi actualizări de teme și pluginuri și pentru a accesa gama de demonstrații de teme Avada, trebuie să vă înregistrați achiziția printr-o cheie simbol.

Fusion Core și Fusion Builder trebuie să fie activate pentru ca Avada să funcționeze corect. Puteți face acest lucru prin intermediul paginii de pluginuri WordPress.

Pluginul Avada Fusion White Label Branding poate fi găsit și aici, împreună cu patru pluginuri premium și o selecție de pluginuri gratuite recomandate.

Odată ce Fusion Builder este activat, veți vedea meniul de administrare Fusion Builder sub meniul de administrare Avada.

Meniul de administrare Fusion Slider este afișat dedesubt și există meniuri pentru tipuri de postări personalizate pentru portofoliu și Întrebări frecvente.

La fel ca Divi, Avada necesită o configurare bună de găzduire pentru a funcționa eficient.

Pagina de stare a sistemului vă poate ajuta să detectați probleme cu configurația de găzduire. Afișează informații despre instalarea dvs. WordPress și mediul serverului și vă permite să generați un raport de sistem.

Deși Avada oferă mai multe meniuri și informații utilizatorilor, cred că dezvoltatorii au făcut o treabă mai bună încurajând începătorii WordPress în tema lor, redirecționând utilizatorii către o pagină de bun venit.

Concluzie - Ușurință de configurare

Nici Divi, nici Avada nu sunt greu de configurat, totuși Avada îi ajută mai mult pe începători redirecționând noii utilizatori către o pagină informativă de bun venit.

Divi are mai puține setări de schimbat și plasează majoritatea opțiunilor de configurare într-o zonă, dar nu se acordă ajutor începătorilor după activarea Divi.

Câștigător: Avada

Construirea paginii de backend

În centrul Divi și Avada, veți găsi doi dintre cei mai buni creatori de pagini drag-and-drop de pe piață: Divi Builder și Fusion Builder.

Ambele soluții simplifică sarcina de a crea design-uri frumoase de site-uri web și oferă editori backend și frontend.

Divi – Construirea paginii de backend

Odată ce Divi Builder a fost activat, veți vedea un buton pentru „Utilizați Divi Builder” în partea de sus a editorului WordPress. Aceasta se referă la editorul frontend Divi Builder Visual Builder.

Veți vedea apoi o opțiune pentru a vă edita aspectul folosind Divi Builder.

Dacă sunteți autentificat, puteți lansa și Divi Builder Visual Builder pe front-end-ul site-ului dvs. din bara de administrare WordPress.

În mod implicit, Divi este activat pentru toate postările, paginile și tipurile de postări personalizate. Dacă, din orice motiv, Divi Builder nu se afișează, verificați zona de opțiuni Divi pentru a vă asigura că Divi este activat pentru acel tip de postare.

Una dintre cele mai interesante completări la Divi este Divi Layout Block. Acest bloc vă permite să inserați machete Divi direct în editorul de blocuri WordPress.

Este o caracteristică grozavă dacă doriți să utilizați Divi, dar cu editorul de blocuri WordPress ca modalitate principală de a crea machete.

În trecut, Divi Builder a fost un editor de creare de pagini backend. Acest editor, numit acum Legacy Builder, este încă disponibil în Divi Builder.

Dacă tema Divi este activată, puteți activa Legacy Builder accesând secțiunea de constructor din zona de opțiuni de temă și făcând clic pe fila avansată.

Apoi puteți dezactiva cea mai recentă opțiune de experiență de constructor și puteți activa editorul clasic.

Dacă utilizați pluginul WordPress autonom Divi Builder, aceste opțiuni pot fi găsite în fila avansată a paginii de opțiuni pentru plugin.

Legacy Builder are un aspect similar cu modul de vizualizare wireframe care este disponibil în Visual Builder.

În calitate de editor backend, nu puteți vedea modificările pe care le faceți aspectului în timp real. Cu toate acestea, acest lucru vă ajută să creați structura paginii dvs. mai rapid, deoarece există mai puține distrageri.

Partea de sus a editorului afișează setările generale și setările de import și export. Dedesubt sunt opțiuni pentru a salva în bibliotecă, a încărca un aspect și a șterge aspectul. Există, de asemenea, butoane pentru a anula modificările, a reface modificările și a vizualiza istoricul editărilor.

Cred că Elegant Themes a făcut ceea ce trebuie, făcând din Visual Builder editorul implicit al Divi Builder, totuși editorul backend este încă capabil să creeze layout-uri frumoase și este ușor de înțeles de ce unii proprietari de site-uri încă preferă această interfață.

Avada – Construirea paginii de backend

Să ne îndreptăm atenția către Fusion Builder.

Fusion Builder Live este principala modalitate de a crea și edita machete în Avada, totuși aș dori mai întâi să vă arăt cum funcționează editorul backend și cum funcționează Fusion Builder cu editorul de blocuri WordPress.

Odată ce pluginul a fost activat, veți vedea butoanele pentru Fusion Builder și Fusion Builder Live în editorul WordPress.

Dezvoltatorii Fusion Builder plănuiesc să îmbunătățească integrarea cu editorul de blocuri WordPress, totuși, în prezent, activarea Fusion Builder va face din editorul clasic experiența de editare implicită.

În pagina de setări Fusion Builder, puteți încărca automat editorul de backend Fusion Builder activând „Activare automată Fusion Builder”.

Când creați o postare sau o pagină nouă în Fusion Builder, veți fi întrebat dacă doriți să adăugați un container sau o pagină pre-construită.

În partea de sus a Fusion Builder, puteți comuta între generator și biblioteca Fusion Builder. Biblioteca conține demonstrații complete cu teme de site și șabloane salvate, containere, coloane și elemente (module).

Această zonă vă permite, de asemenea, să modificați CSS, să vă salvați aspectul, să vă ștergeți aspectul și să vizualizați istoricul editărilor.

Din punct de vedere al funcționalității, editorul Fusion Builder are multe în comun cu Legacy Builder din Divi, cu toate acestea, schema sa de culoare gri plictisitor face ca interfața să pară puțin învechită.

Fusion Builder Live poate fi lansat pe front-end-ul site-ului dvs. din bara de instrumente WordPress. De asemenea, puteți reveni la editorul backend preferat selectând „Editați pagina”.

Deși nu există o integrare directă cu editorul de blocuri WordPress, atunci când adăugați sau editați conținut, puteți selecta dacă doriți să utilizați Fusion Builder, Fusion Builder Live sau editorul de blocuri WordPress (Gutenberg).

Nu există nicio modalitate de a comuta direct la editorul de blocuri atunci când utilizați editorul clasic sau editorul Fusion Builder.

Indiferent dacă utilizați editorul clasic WordPress, editorul bloc WordPress sau Fusion Builder, dacă creați conținut în backend-ul WordPress, veți vedea caseta Fusion Page Options.

Aceste setări vă permit să personalizați fiecare postare, pagină sau tip de postare personalizat de pe site-ul dvs. web. Orice definiți aici va suprascrie setările din pagina principală de opțiuni ale temei Avada.

Zeci de setări sunt disponibile aici pentru antetul, aspectul, zona de conținut și multe altele.

La fel ca Divi Builder, Fusion Builder este activat în mod implicit pentru toate postările, paginile și tipurile de postări personalizate. Puteți verifica ce tipuri de postări sunt activate în pagina de setări Fusion Builder.

După cum puteți vedea, din punct de vedere al funcționalității, Fusion Builder vă oferă la fel de multe opțiuni de design ca și Divi Builder în backend-ul site-ului dvs.

Concluzie – Construirea paginii de backend

Chiar dacă veți edita cea mai mare parte a conținutului și a machetelor dvs. pe interfața site-ului dvs., vă încurajez să vă familiarizați cu modul în care funcționează fiecare editor de backend, deoarece vă va permite să faceți modificări rapide la aspectele salvate.

De asemenea, trebuie să înțelegeți cum să lansați Divi Visual Builder și Fusion Builder Live din backend-ul site-ului dvs. web.

Fără îndoială, Divi Builder a fost implementat mai bine în zona de administrare WordPress. Are suport excelent pentru editorul de blocuri WordPress, iar backend-ul Legacy Builder este mai colorat.

În schimb, Avada continuă să dezactiveze editorul de blocuri WordPress și transformă editorul clasic învechit în editorul implicit.

Câștigător: Divi

Construirea paginii de front-end

Nu ați cumpărat Divi sau Avada pentru a crea machete pe backend-ul site-ului dvs. web, nu-i așa?

Dacă doriți să beneficiați de experiența completă a acestor teme WordPress avansate, ar trebui să utilizați editorul lor frontal integrat.

Divi – Construirea paginii frontale

Pentru a-l deosebi de editorul Legacy Builder backend, editorul frontend al Divi Builder se numește Visual Builder, dar majoritatea oamenilor îl numesc pur și simplu Divi Builder deoarece este experiența de editare implicită.

Dacă editați o pagină care are deja conținut, Divi Builder se va lansa complet, permițându-vă să modificați aspectul.

Dacă pagina este goală, Divi Builder vă va prezenta trei opțiuni. Puteți alege să creați un aspect de la zero, să selectați un aspect prestabilit sau să clonați o pagină existentă.

Recomand începătorilor să aleagă un aspect prestabilit, deoarece vă permite să vedeți ce poate face Divi Builder și să aflați cum funcționează interfața.

Meniul Divi Builder este afișat în partea de jos a paginii și este împărțit în trei secțiuni.

Când treceți cu mouse-ul peste orice parte a aspectului, veți vedea un contur al elementului împreună cu butoane pentru a efectua modificări ale setărilor, stilului, poziției și multe altele.

Un aspect este construit folosind mai multe secțiuni. Secțiunile pot conține multe rânduri, rândurile pot conține multe coloane și coloanele pot conține multe module.

Când treceți cu mouse-ul peste oricare dintre aceste elemente de pe pagina dvs., veți vedea o casetă care are opțiuni pentru a-l muta, a modifica setările, a-l duplica, a-l salva în bibliotecă, a șterge și multe altele.

Procesul de modificare a oricărui aspect al designului dvs., fie că este vorba despre o secțiune, rând, coloană sau modul, este același.

Meniul Divi Builder este o parte importantă a experienței de creare a paginii.

Dacă apăsați pe X mare în mijlocul meniului Divi Builder, meniul va dispărea. Rămâne doar un buton cu trei puncte, astfel încât să puteți încărca meniul de rezervă.

În partea stângă a meniului, există butoane pentru mărirea și micșorarea designului și vizualizarea acestuia în modul desktop, tabletă și smartphone. Divi Builder este o soluție receptivă care a fost dezvoltată pentru toate dispozitivele, cu toate acestea, este încă util să vedeți cum vă vor vedea vizitatorii de pe dispozitive mobile.

Meniul de setări Divi Builder este disponibil și de aici.

Din această casetă de setări, puteți activa modul hover, modul clic și modul grilă. Aceste moduri schimbă modul în care interacționați cu Visual Builder.

Multe alte setări pot fi activate și dezactivate aici, cum ar fi modul de vizualizare implicit, fluxul de creare a paginii și animațiile interfeței generatorului.

În stânga, veți găsi și „Vizualizare cadru fir”.

Aceasta este una dintre caracteristicile mele preferate ale Divi Builder, deoarece vă permite să eliminați toate elementele vizuale din aspect și să vedeți structura paginii.

Face sarcina de a muta module și rânduri mult mai simplă, deoarece totul este mai puțin aglomerat.

În centrul meniului Divi Builder, există butoane pentru a încărca din bibliotecă, a salva în bibliotecă și a șterge aspectul (voi vorbi mai multe despre machete mai târziu).

În dreapta este o opțiune de încărcare a casetei de setări a paginii. Această casetă poate fi mutată în jurul paginii dvs. sau ajustată la dimensiunea paginii dvs.

Există opțiuni pentru a edita titlul paginii, imaginea prezentată și culorile de fundal. O funcție de testare divizată este și aici.

Zeci de opțiuni de stil sunt disponibile în design și filele avansate. Butoanele de anulare și refacere sunt, de asemenea, integrate în această zonă, astfel încât să puteți anula orice modificări pe care le faceți.

Puteți vedea toate editările pe care le-ați făcut în caseta de istoric al editării și puteți reveni la orice stare anterioară.

Ultima opțiune din meniul din mijloc este portabilitatea.

Caseta de portabilitate vă permite să exportați și să importați machetele folosind formatul de fișier JSON.

Acest lucru este util pentru a face copii de siguranță ale aspectului și pentru a transfera machete Divi Builder pe alte site-uri web.

Aspectele pot fi salvate oricând folosind butonul de salvare din partea dreaptă a meniului Divi.

Zona are și butoane pentru căutare, straturi și ajutor.

Instrumentul de căutare poate fi folosit pentru a găsi toate caracteristicile și funcționalitățile Divi Builder. Tutoriale utile sunt enumerate și aici, dar veți găsi, de asemenea, tutoriale video și comenzi rapide utile de la tastatură prin intermediul butonului de ajutor.

Straturi este un instrument nou care vă ajută să vedeți toate secțiunile de aspect. Este o modalitate rapidă de a verifica modul în care este structurată pagina dvs. și vă permite să modificați setările secțiunii.

Avada – Clădirea paginii de front-end

Editorul frontend al Avada se numește Fusion Builder Live.

Acest generator de pagini a fost creat special pentru Avada și nu este disponibil pentru descărcare separat, ceea ce este dezamăgitor deoarece este unul dintre cei mai buni creatori de pagini WordPress de pe piață.

În loc să integreze opțiunile de proiectare a site-ului web în Personalizatorul WordPress, Theme Fusion a construit un personalizare a temei direct în Fusion Builder Live. Aceasta înseamnă că puteți edita orice prin intermediul editorului, fie că este o postare sau o pagină sau designul antetului, subsolului, barelor laterale sau siglei site-ului dvs.

Meniul principal al Fusion Builder Live este în partea de sus a fiecărei pagini, setările fiind afișate într-o bară laterală din partea stângă a paginii. Primul buton din meniul principal ascunde această bară laterală pentru a vă permite să vă vedeți aspectul în întregime.

La fel ca Divi Builder, trebuie pur și simplu să treceți cu mouse-ul peste o parte a paginii pentru a face o personalizare sau pentru a o muta în altă parte.

Când bara laterală este afișată, aspectul dvs. va fi micșorat în zona principală a pânzei, dar, deoarece opțiunile sunt afișate în partea stângă a paginii, nu într-o casetă de setări pop-up, se simte mai puțin aglomerat.

Dacă preferați, puteți afișa setările pentru elemente într-o casetă de pictograme mobilă (în Divi, elementele sunt numite module).

Trebuie pur și simplu să schimbați modul de editare a elementului de la „element” la „dialog” în caseta de preferințe.

Al doilea buton din meniul de sus încarcă biblioteca Fusion Builder și lângă aceasta este o opțiune pentru a vizualiza toate modificările pe care le-ați făcut paginii dvs.

Următorul buton încarcă caseta de preferințe Fusion Builder Live.

Există aproximativ o duzină de setări aici care schimbă modul în care funcționează editorul. Aici puteți muta setările pentru elemente din bara laterală în zona principală a pânzei.

De asemenea, puteți muta bara laterală principală în partea dreaptă a paginii din această casetă și puteți dezactiva antetul lipicios și antetul transparent.

Dacă faceți clic pe butonul + din meniu, puteți crea postări noi, pagini și alte tipuri de postări personalizate, în timp ce butonul de coș de gunoi vă permite să vă ștergeți aspectul.

Mai multe opțiuni utile sunt în partea dreaptă a meniului principal.

Primul buton este pentru suport. Făcând clic pe el, se dezvăluie link-uri către un ghid pentru începători și către centrul de asistență Theme Fusion. Aici sunt afișate și comenzi rapide de la tastatură utile.

Următorul buton este pentru receptivitate. Aceasta vă va afișa aspectul în modul desktop și modurile peisaj și portret pentru tablete și smartphone-uri.

Fusion Builder Live are, de asemenea, un mod de vizualizare wireframe care vă afișează aspectul folosind editorul backend.

După părerea mea, modul de vizualizare wireframe din Divi Builder este mai bun, deoarece este mai colorat și mai ușor de utilizat.

Ultimele butoane vă permit să previzualizați, să publicați și să salvați aspectul.

La prima vedere, se pare că butonul de previzualizare ascunde pur și simplu bara laterală de opțiuni, dar această caracteristică dezactivează și editarea, astfel încât contururile și butoanele de setări să nu apară.

Modul în care Theme Fusion a integrat setările cheie în editorul Fusion Builder Live este fantastic.

Bara laterală de setări listează sute de setări de aspect al temei. Funcționează în același mod ca și personalizarea WordPress.

Aceleași opțiuni pot fi găsite și în pagina principală de opțiuni ale temei Avada, dar schimbând lucrurile în editorul live, puteți vedea modificările pe care le faceți în timp real.

Vă amintiți caseta Fusion Page Options care a fost afișată sub postări și pagini din zona de administrare WordPress?

Aceleași opțiuni pot fi găsite în bara laterală de setări Fusion Builder Live. Acestea pot fi folosite pentru a face modificări specifice paginii dvs. și aspectului acesteia.

Una peste alta, Fusion Builder Live este o soluție fantastică, iar interfața sa este ușor de învățat. Este pacat ca nu se vinde separat.

Concluzie – Construirea paginii de front-end

Divi Builder și Fusion Builder Live oferă ambele o experiență de editare fantastică și vă permit să creați cu ușurință machete frumoase.

Când vine vorba de crearea machetelor de pagină și a paginilor de stil, Divi Builder este soluția mai rafinată.

Oferă mult mai multe opțiuni de stil pentru module, coloane, rânduri și secțiuni. Alte caracteristici, cum ar fi modul de vizualizare wireframe, au fost, de asemenea, implementate mai bine.

Asigurați-vă că consultați recenzia noastră completă a Divi Builder pentru o privire mai cuprinzătoare asupra a ceea ce poate face.

Câștigător: Divi

Conținut și Aspecte

Divi și Avada sunt ambele ambalate cu modele și machete frumoase de site-uri web prefabricate care pot fi importate în site-ul dvs. cu un clic pe un buton.

De asemenea, vă permit să vă personalizați antetul, subsolul, barele laterale și multe altele.

Divi – Conținut și aspect

Peste 1.100 de layout-uri sunt disponibile în Divi Builder și multe dintre acestea sunt grupate împreună pentru a forma un pachet de layout-uri pentru site-ul web.

Temele elegante adaugă noi machete la Divi în fiecare săptămână și există un număr tot mai mare de site-uri web și piețe terțe care oferă machete Divi prefabricate.

După cum s-a menționat mai devreme, atunci când lansați Divi pe o pagină goală, există o opțiune de a selecta un aspect prestabilit.

De asemenea, puteți încărca Biblioteca Divi din meniul principal Divi Builder.

Biblioteca Divi conține toate aspectele prefabricate și personalizate pe care le-ați salvat. Paginile pe care le-ați creat folosind Divi Builder pot fi accesate și aici.

Aspectele sunt atribuite uneia dintre cele douăsprezece categorii, dar puteți găsi și aspecte adecvate prin caseta de căutare.

Peste 150 de pachete de layout site sunt disponibile în Divi.

Aceste pachete conțin aspecte pentru multe zone diferite ale site-ului dvs., cum ar fi pagina dvs. de pornire, indexul blogului, magazinul online, pagina despre și multe altele.

Asigurați-vă că previzualizați în întregime machetele pentru a vedea exact cum arată.

Dacă este selectat „Înlocuire conținut”, noul aspect va înlocui întregul aspect. Dacă nu este selectat, noul aspect va fi atașat în partea de jos a conținutului dvs. existent.

Peste 40 de module de conținut sunt disponibile în Divi. Există module pentru imagini, videoclipuri, hărți, tabele de prețuri, separatoare, apel la acțiuni și multe altele.

Divi are, de asemenea, module de conținut unice pentru WooCommerce pentru a vă ajuta să enumerați produsele din magazinul dvs.

Când adăugați un modul la pagina dvs., caseta de setări a acestuia va fi afișată. Există zeci de setări de funcționalitate și stil care trebuie ajustate aici.

Orice modificări pe care le faceți unui modul pot fi salvate în Biblioteca Divi pentru utilizare ulterioară.

Din meniul principal Divi Builder, vă puteți salva machetele în bibliotecă, vă puteți șterge aspectul și vă puteți exporta aspectul în format JSON prin caseta de portabilitate.

Biblioteca Divi este o caracteristică importantă a Divi Builder și una de care vă recomand să profitați.

Biblioteca Divi stochează toate modulele, coloanele, rândurile, containerele și machetele salvate pe care le-ați salvat. Puteți accesa aspectele salvate din Divi Builder sau din pagina Bibliotecă Divi care este listată în meniul principal de administrare Divi.

Când selectați să editați un aspect, veți vedea aspectul în modul de vizualizare wireframe.

Dacă preferați, puteți vizualiza aspectul în modul desktop, tabletă sau mobil. De asemenea, puteți lansa aspectul cu Divi Visual Builder de aici.

Divi Theme Builder funcționează împreună cu Divi Library pentru a vă oferi mai mult control asupra designului site-ului dvs. web.

Vă permite să creați un aspect de la zero sau să selectați un aspect din biblioteca dvs. și să îl atribuiți ca antet, corp sau subsol. Apoi puteți specifica exact unde sunt afișate aceste aspecte și unde nu sunt.

De exemplu, puteți atribui un șablon postărilor dvs. de blog de știri, unul tutorialelor, altul pentru pagina dvs. de pornire și ceva diferit pentru pagina dvs. despre.

Acest lucru vă oferă control deplin asupra modului în care sunt stilate diferite zone ale site-ului dvs.

Când a fost lansat Divi, tema s-a ocupat de totul, dar astăzi este structurată foarte diferit.

Tema Divi este de fapt un design minimal WordPress care acționează ca o pânză pentru Divi Builder și alți constructori de pagini WordPress.

Funcții precum Divi Theme Builder ilustrează faptul că Elegant Themes extind și mai mult funcționalitatea de design a Divi Builder, dar Divi Theme continuă să accepte WordPress Customizer.

Sute de setări de personalizare sunt disponibile pentru Divi în cadrul WordPress Customizer. Puteți ajusta multe setări diferite de stil, cum ar fi spațierea, fonturile și culorile, și puteți vedea rezultatul în timp real.

Rețineți, totuși, că conținutul postărilor și paginilor dvs. va fi controlat în continuare de Divi Builder.

Din păcate, tema Divi nu a îmbrățișat pe deplin personalizarea WordPress.

Există aproximativ o duzină de setări de design care pot fi modificate doar prin pagina de opțiuni ale temei Divi. Aceasta include setări cheie, cum ar fi sigla site-ului dvs.

Este surprinzător de ce Temele elegante au împărțit opțiunile de personalizare a temei între două zone diferite.

Avada – Conținut și aspect

62 de demonstrații tematice sunt disponibile în Avada.

Demo-urile de teme includ aspecte pentru multe zone diferite ale site-ului dvs. și sunt echivalente cu pachetele de layout ale Divi.

Pagina de opțiuni pentru teme Avada listează toate demonstrațiile temei. Demo-urile pot fi filtrate pe categorii sau folosind caseta de căutare.

În timp ce Divi are peste 150 de pachete complete de layout pentru site-uri web, Avada are, probabil, o varietate mai bună de design.

La fel ca Divi, există machete pentru magazine, bloguri și afaceri, cu toate acestea există și demonstrații tematice care au fost create pentru subiecte de nișă, cum ar fi SEO, criptomoneda, eSports și forumuri de discuții.

Previzualizări complete ale site-ului sunt disponibile și pentru fiecare design.

Când faceți clic pentru a importa o temă demonstrativă, Avada vă informează ce pluginuri WordPress trebuie să fie activate pentru ca aceasta să funcționeze corect.

Dacă doriți ca site-ul dvs. să se potrivească cu ceea ce vedeți în previzualizare, va trebui să importați și conținutul demonstrativ. Avada vă permite să selectați ce conținut este importat și există o opțiune de a elimina conținutul importat anterior, cum ar fi postările și paginile.

Avada afișează un avertisment înainte de a importa, care vă reamintește că importul va înlocui tema dvs. actuală WordPress.

Avada va schimba numele site-ului dvs. în numele temei demo pe care ați importat-o.

Deși acest lucru vă reamintește de ultimul design pe care l-ați importat, este enervant să vă schimbați numele site-ului de fiecare dată când importați un aspect.

Demo-urile sunt disponibile și în Fusion Builder prin intermediul butonului de bibliotecă.

Biblioteca Fusion Builder listează demonstrații de teme și toate aspectele pe care le-ați salvat pentru șabloane, containere, coloane și elemente.

Dacă importați o temă demonstrativă în acest fel, puteți importa doar o singură pagină și nu există nicio opțiune de a importa conținut demonstrativ.

În acest sens, cred că Temele Elegante au făcut o treabă mai bună integrând layout-uri prefabricate în Divi Builder. În Avada, trebuie să ieși în afara editorului pentru a importa complet un aspect al site-ului web.

Elementele sunt elementele de bază ale conținutului pe care le adăugați la machetele dvs.

WordPress le numește blocuri în editorul Gutenberg, iar Divi le numește module, dar toate se referă la același lucru.

Aproximativ 60 de elemente sunt disponibile în Fusion Builder, ceea ce este cu 50% mai mult decât ceea ce este în Divi Builder.

Există o varietate bună de elemente oferite, cum ar fi diagrame, casete de conținut, carusele de imagini, tabele de prețuri și mărturii.

Când selectați un element, setările acestuia vor fi afișate în bara laterală de setări.

Opțiuni de personalizare a designului sunt disponibile pentru fiecare element. Cu toate acestea, Divi Builder oferă mult mai multe opțiuni de stil și personalizare.

Când faceți clic pentru a adăuga un element, puteți adăuga și rânduri noi. Există multe configurații diferite de coloane imbricate pe care le puteți introduce în aspect.

După ce ați introdus coloanele, le puteți popula cu elemente de conținut.

Chiar dacă Divi Builder vă oferă mai multe opțiuni de stil și personalizare pentru layout-urile dvs., Fusion Builder Live compensează mai mult decat acest lucru cu personalizarea temei integrată.

Făcând clic pe un buton, puteți comuta între modificarea aspectului unei postări sau pagini și ajustarea a sute de setări diferite la nivel de pagină sau la nivel de site.

Pagina de opțiuni Avada are sute de setări. Cele mai multe dintre acestea pot fi găsite și în Fusion Builder Live și puteți sări oricând la interfața Fusion Builder Live folosind butonul „Edit Live”.

Pagina principală de opțiuni Avada conține câteva setări suplimentare, așa că merită să parcurgeți fiecare secțiune de aici atunci când vă configurați site-ul web pentru prima dată.

Elementele de conținut individuale pot fi activate și dezactivate din pagina de setări Fusion Builder.

Din această pagină, puteți face Fusion Builder editor implicit și puteți activa și dezactiva Fusion Builder pentru anumite tipuri de postări. De asemenea, puteți importa și exporta conținut Fusion Builder folosind formatul de fișier XML.

Pe parcursul Fusion Builder Live, veți vedea opțiuni pentru a salva părți din aspectul dvs. în Biblioteca Fusion Builder.

Puteți denumi aspectele salvate și le puteți marca ca globale. Odată salvate, acestea pot fi încărcate oricând în Fusion Builder.

Pagina Biblioteca Fusion Builder se află în meniul principal Fusion Builder.

Toate elementele pe care le-ați salvat pot fi accesate și modificate aici.

În mod implicit, elementele salvate vor fi încărcate utilizând editorul Fusion Builder de backend, cu toate acestea, puteți selecta și să faceți modificări utilizând editorul Fusion Builder Live de front.

Avada se mândrește și cu un generator de teme care vă permite să atribuiți machete unei bare de titlu a paginii, unei zone de conținut și unui subsol. Aceste machete sunt secțiuni etichetate și pot fi editate folosind editorii Fusion Builder de backend sau de front.

Spre deosebire de Divi Builder, nu există nicio modalitate de a specifica unde sunt afișate machetele de pagini.

Există funcții pe care le iubesc în ambele editori, cu toate acestea, bara laterală de setări a lui Fusion Builder Live duce editarea live la nivelul următor. Capacitatea de a vă schimba aspectul, setările paginii și designul site-ului web, toate dintr-o singură interfață, economisește mult timp.

Concluzie – Conținut și Aspecte

Sistemul de bibliotecă Divi Builder și lista sa extinsă de opțiuni de personalizare a generatorului de pagini îl fac cel mai bun generator de pagini WordPress.

Modul în care aspectele prefabricate sunt integrate în Divi Builder este, de asemenea, mai bun, cu toate acestea Avada oferă cea mai bună experiență generală de proiectare și editare.

În timp ce Divi împarte setările cheie de design între pagina de opțiuni ale temei Divi și Personalizatorul WordPress, Avada vă permite să controlați totul dintr-o locație centrală folosind editorul Fusion Builder Live. Este o caracteristică uimitoare care face ca Fusion Builder Live să iasă în evidență din mulțime.

Câștigător: Avada

Alte caracteristici și setări

Este imposibil să vorbim despre toate caracteristicile din Divi și Avada, deoarece sunt teme WordPress atât de mari, totuși, în această secțiune, aș dori să vorbesc despre alte caracteristici utile disponibile în Divi și Avada pe care nu le-am menționat încă.

Divi – Alte caracteristici și setări

Temele elegante au migrat majoritatea funcționalității către Divi Builder, dar când Divi este activat, veți vedea și un nou tip de postare personalizat „Proiecte” în meniul dvs. de administrare WordPress.

Divi Builder are deja un modul de conținut de portofoliu, dar tipul de postare a proiectelor vă oferă mai multă flexibilitate în ceea ce privește modul în care sunt afișate și clasificate articolele.

Divi adaugă, de asemenea, câteva opțiuni suplimentare postărilor și paginilor pentru a atribui poziția barei laterale și pentru a defini dacă meniul de navigare și bara de titlu sunt afișate.

După cum s-a menționat mai devreme, zona principală de opțiuni de temă are multe opțiuni de design care nu pot fi găsite în Personalizatorul WordPress.

Zona de opțiuni are, de asemenea, diverse setări pentru meniul de navigare, Divi Builder, postări și pagini unice, un banner publicitar de 468X60 și SEO. Există și opțiuni pentru a adăuga cod personalizat în pagini.

Editorul de roluri Divi este disponibil în Divi Builder și Divi Theme.

Folosind editorul de roluri, puteți specifica exact ce pot și nu pot face utilizatorii în Divi Builder. Zeci de funcții pot fi activate și dezactivate pentru grupurile de utilizatori printr-un clic pe un buton.

Avada – Alte caracteristici și setări

Numărul de moduri de a adăuga diapozitive în Avada se limitează la ridicol.

Inside Fusion Builder este un element Slide pentru integrarea diapozitivelor în machetele dvs., dar Avada are și două tipuri de postări personalizate Slider încorporate în temă.

Acestea sunt Elastic Slider și Fusion Slider, Fusion Slider fiind tipul de postare care este folosit de demonstrațiile teme Avada.

Dacă asta nu este suficient pentru tine, Avada vine și cu Layer Slider și Slider Revolution.

Aceste pluginuri WordPress cu glisare avansate sunt cele mai bine vândute soluții de glisare premium disponibile pentru utilizatorii WordPress.

Tipurile de postări din portofoliu și întrebări frecvente sunt, de asemenea, disponibile în Avada.

Seturi de pictograme personalizate pot fi create și în Avada și există 10 extensii de pluginuri pentru Avada pe CodeCanyon care adaugă funcționalități precum abonamente, câmpuri personalizate, recenzii, mărturii și multe altele.

Vă rugăm să rețineți că, pentru a obține asistență completă pentru oricare dintre pluginurile premium care sunt incluse cu Avada, va trebui să achiziționați o licență pentru produs separat.

Concluzie – Alte caracteristici și setări

Divi și Avada sunt într-o stare constantă de evoluție, așa că vă puteți aștepta să fie adăugate mult mai multe funcții în următorii ani.

În timp ce Divi vă oferă cele mai multe opțiuni de stil pentru crearea paginii, Avada vă oferă mai mult control asupra site-ului dvs.

Câștigător: Avada

Performanţă

Un site web cu încărcare rapidă va îmbunătăți clasarea în motoarele dvs. de căutare și va menține vizitatorii pe site-ul dvs. mai mult timp, totuși testarea cu precizie a vitezei temelor WordPress poate fi dificilă, deoarece există atât de mulți factori de luat în considerare.

În plus, dacă doriți să comparați viteza Divi și Avada cu alte teme WordPress, trebuie făcute multe ipoteze pentru a face o comparație corectă.

Atât Divi, cât și Avada sunt capabili să construiască site-uri web WordPress cu încărcare rapidă, totuși, dacă creați layout-uri bogate în conținut media folosind editorii lor frontend, paginile dvs. vor încetini. Acest lucru este, desigur, adevărat pentru orice temă WordPress.

Pentru a vă ajuta să vă îmbunătățiți performanța site-ului și să reduceți încărcarea pe care o pot adăuga creatorii de pagini, dezvoltatorii Divi și Avada au adăugat multe funcții în temele lor pentru a vă ajuta să generați mai puține interogări la baza de date și solicitări HTTP.

Divi – Performanță

În pagina de setări generale a zonei Opțiuni pentru tema Divi, există opțiuni pentru a activa imaginile receptive și pentru a reduce și combina fișierele CSS și Javascript.

În pagina de setări Divi Builder, există și o opțiune pentru a activa generarea de fișiere CSS static.

Avada – Performanță

Avada are o duzină de setări de performanță. Acestea pot fi modificate prin pagina principală cu opțiunile temei sau în Fusion Builder Live.

Tema vă permite să setați calitatea imaginilor JPG și să optimizați imagini mai mari pe o anumită lățime.

Încărcarea leneră este, de asemenea, disponibilă și puteți încărca foi de stil din subsol.

Avada oferă mai multe instrumente pentru optimizarea fișierelor CSS și Javascript.

Concluzie – Performanță

Divi și Avada sunt ambele capabile să alimenteze un site WordPress cu încărcare rapidă, dar trebuie totuși să urmați tehnicile de optimizare WordPress recomandate.

Asigurați-vă că verificați pagina de stare a sistemului în ambele teme WordPress pentru a vă asigura că îndepliniți cerințele de a le rula eficient. Dacă timpii de răspuns ale serverului sunt lenți, poate doriți să luați în considerare trecerea la o soluție de găzduire mai rapidă.

Pluginurile de optimizare a imaginii WordPress pot fi utile dacă paginile tale conțin multe imagini.

Pluginurile de stocare în cache precum WP Rocket și rețelele de livrare de conținut, cum ar fi KeyCDN, pot reduce și mai mult dimensiunea paginilor.

Câștigător: cravată

Suport și documentare

Când vine vorba de a oferi un suport excelent, Elegant Themes și Theme Fusion sunt lider în lumea WordPress.

Divi – Suport și documentare

În cadrul Centrului de asistență Divi, există o opțiune de a oferi personalului Elegant Themes acces de la distanță la site-ul dvs. web. Acest lucru poate ajuta echipa de asistență să rezolve problemele pe care le aveți.

Mai jos veți vedea un link direct către zona de asistență Teme elegante și câteva tutoriale video pentru a vă ajuta să începeți.

Pictogramele de ajutor sunt, de asemenea, disponibile în Divi Builder pentru a explica pentru ce este fiecare caracteristică.

Zona de documentare Elegant Themes este incredibilă. Există sute de tutoriale scrise și tutoriale video pentru a vă ghida prin utilizarea Divi și a altor produse. Blogul Teme Elegante publică și tutoriale frecvent.

De asemenea, vă puteți conecta cu alți utilizatori Divi printr-un grup Facebook, forum comunitar și întâlnire locală.

Dacă aveți nevoie de ajutor suplimentar, puteți crea un bilet de asistență 24/7 și puteți primi ajutor.

Spre deosebire de majoritatea temelor WordPress, Temele Elegant oferă suport unui număr nelimitat de utilizatori. Acest lucru este util pentru companiile care au mulți angajați.

Avada – Suport și documentare

Avada are o pagină dedicată de asistență și întrebări frecvente care este listată în meniurile de administrare Avada și Fusion Builder.

Deoarece Avada este vândut prin ThemeForest, va trebui să creați un cont de asistență cu Theme Fusion pentru a deschide bilete de asistență.

Pentru a afla mai multe despre Avada, ar trebui să consultați ghidul de pornire, zona de documentare și tutorialele video, care sunt enumerate pe pagina de asistență Avada.

Această pagină are, de asemenea, linkuri către pagina de asistență pentru bilete Avada, forumul comunității și grupul Facebook.

Mai multe întrebări frecvente sunt adresate și pe această pagină.

Odată ce începeți să explorați zona de documentație Avada și Fusion Builder, începeți să apreciați cât de extinsă este.

Fiecare aspect al temei Avada și al Fusion Builder este acoperit aici.

Concluzie – Suport și documentare

Documentația extinsă disponibilă pentru Divi și Avada înseamnă că rareori va trebui să ceri ajutor, dar ambele teme WordPress oferă un bilet de asistență 24/7 dacă ai nevoie de el.

Câștigător: cravată

Cost

Costul este un factor pe care toți proprietarii de site-uri web trebuie să-l ia în considerare alături de caracteristici și funcționalități.

Divi sau Avada au prețuri competitive, dar care soluție oferă mai multă valoare?

Cost – Divi

Un abonament Elegant Themes vă oferă acces la tema Divi și la pluginul WordPress autonom Divi Builder.

Include, de asemenea, revista WordPress tema Extra, plugin-ul WordPress pentru înscrierea prin e-mail și generarea de clienți potențiali Bloom și pluginul WordPress pentru rețelele sociale Monarch.

Politica de prețuri a Temelor elegante este simplă.

Abonamentul lor anual costă 89 USD și vine cu un an de asistență și actualizări. Puteți continua să utilizați toate produsele Elegant Themes odată ce abonamentul dvs. a expirat, cu toate acestea, veți primi asistență și actualizări numai dacă abonamentul este activ.

Abonamentul pe viață costă 249 USD și vine cu o viață de asistență și actualizări.

Ambele planuri de membru permit utilizarea nelimitată a site-ului web și vin cu o garanție de rambursare a banilor de 30 de zile.

Divi ar putea fi motivul pentru care te înscrii la Elegant Themes, totuși toate produsele lor sunt de înaltă calitate și fac abonamentul mai atractiv.

Extra este un skin al temei Divi care are o funcție suplimentară de generare a categoriilor. Aceasta poate fi folosită pentru a crea machete și stiluri unice pentru fiecare categorie de postări. De exemplu, puteți avea un design pentru pagina dvs. de pornire, unul pentru știri și altul pentru tutoriale.

La fel ca Tema Divi, Divi Builder este integrat direct în Extra.

Bloom este o soluție de marketing prin e-mail care vă permite să afișați un formular de înscriere la newsletter în șase moduri diferite. Puteți defini când sunt afișate formularele, cum ar fi după ce un utilizator a derulat la un anumit punct al paginii sau după ce a publicat un comentariu.

Acceptă 19 servicii de marketing prin e-mail diferite și vine cu sute de formulare de buletine informative prefabricate.

Pluginul WordPress pentru rețelele sociale Monarch este și o soluție fantastică.

Vă permite să afișați butoanele de partajare din peste 20 de rețele de socializare în cinci locații diferite. Fiecare buton poate fi stilat și personalizat pentru a se potrivi nevoilor dumneavoastră.

Cost – Avada

Avada se vinde cu amănuntul pe ThemeForest pentru 60 USD.

Vine cu actualizări nelimitate și șase luni de asistență, care pot fi prelungite la 12 luni pentru o sumă suplimentară de 18 USD.

O serie de pluginuri premium WordPress sunt, de asemenea, incluse în pachetul Avada.

Avada a fost lansat sub licența obișnuită ThemeForest, care este clasificată de ThemeForest ca produs de unică folosință.

Au existat multe dezacorduri publice între Envato (ThemeForest) și WordPress cu privire la această politică de licențiere, deoarece aceasta contravine Licenței Publice GNU sub care WordPress este lansat și afirmă că utilizarea nu ar trebui restricționată.

În ciuda acestui fapt, dezvoltatorii Avada afirmă pe site-ul lor că „este necesară o singură achiziție de Avada pentru fiecare site pe care îl creați”.

Mai simplu, dacă doriți să utilizați Avada pe mai multe site-uri web, trebuie să achiziționați o licență separată pentru fiecare.

Pluginurile premium WordPress care sunt incluse cu Avada v-ar costa peste 100 USD dacă le-ați cumpăra pe toate separat.

Convert Plus (24 USD) este un plugin WordPress de marketing prin e-mail disponibil în Avada, care vă permite să afișați formularele de înscriere prin e-mail în 12 moduri diferite. Include sute de șabloane de formulare de buletine informative prefabricate și se integrează cu toate serviciile majore de marketing prin e-mail.

Advanced Custom Fields este un plugin WordPress foarte popular pentru gestionarea câmpurilor, care are peste un milion de descărcări pe WordPress.org. Versiunea pro a Câmpurilor personalizate avansate (49 USD+) care este inclusă cu Avada introduce noi funcții, cum ar fi câmpul repetitor, blocurile ACF, câmpul de conținut, câmpul de clonare și multe altele.

Cele mai populare două pluginuri WordPress slider de pe piață sunt Layer Slider (25 USD+) și Slider Revolution (29 USD) și ambele sunt incluse cu Avada.

Aceste plugin-uri vă permit să construiți glisoare avansate cu straturi folosind o interfață modernă de tip drag-and-drop și vin cu sute de șabloane prefabricate pentru a vă ajuta să începeți.

Concluzie – Cost

Compararea costului a două teme WordPress nu este niciodată simplă atunci când acestea sunt vândute sub modele de prețuri diferite.

Atât Divi, cât și Avada vin cu produse WordPress suplimentare de înaltă calitate, dar numai tu poți decide dacă aceste suplimente vă oferă valoare, așa că asigurați-vă că luați în considerare modul în care veți folosi Divi și Avada pentru a vă ajuta să luați o decizie informată.

Un abonament Elegant Themes oferă o utilizare nelimitată, așa că dacă intenționați să construiți multe site-uri web, Divi este opțiunea mai ieftină.

Dacă aveți nevoie doar de o temă WordPress pentru un site web, Avada va funcționa mai ieftin, deoarece poate fi ridicată pentru doar 60 USD și vine cu actualizări pe viață.

În ceea ce privește costul, Divi îl depășește ușor pe Avada, deoarece aderă la Licența Publică Generală și oferă suport unui număr nelimitat de utilizatori.

Câștigător: Divi

Gânduri finale

Deși îmi place WordPress Customizer, Theme Fusion a făcut o treabă fantastică în integrarea opțiunilor de personalizare a temei direct în Fusion Builder Live. Funcționează foarte bine și reduce timpul petrecut modificând site-ul.

Prin urmare, aș alege Avada dacă sunteți în căutarea unei soluții care vă permite să controlați fiecare aspect al designului site-ului dvs. dintr-o singură interfață.

Unde Divi continuă să conducă este sistemul Divi Library. Temele elegante au rafinat această configurație de-a lungul anilor pentru a simplifica sarcina de a salva machete, de a face personalizări și de a reutiliza design-urile.

Deci, dacă sunteți în principal în căutarea unui generator de pagini WordPress care să vă ajute să creați conținut elegant și machete profesionale, Divi este alegerea mai bună.

Divi și Avada sunt ambele soluții excelente, așa că se rezumă la ce temă WordPress funcționează cel mai bine pentru tine.

Iată o recapitulare a modului în care Divi și Avada se compară:

Care este tema ta WordPress preferată?

Vă rugăm să ne anunțați în zona de comentarii de mai jos.

Dacă v-a plăcut acest articol, vă încurajez să ne urmăriți pe Twitter și Facebook. De asemenea, ar trebui să consultați gama noastră extinsă de teme WordPress gratuite și premium.

Noroc.
Kevin