Divi vs Avada 2022

Divi e Avada sono ampiamente considerati due dei migliori temi WordPress sul mercato.

Entrambi questi temi WordPress "All in One" multiuso sono dotati di un generatore di pagine drag-and-drop intuitivo e sono forniti con molti bellissimi layout di siti Web predefiniti. Ciò ti consente di creare qualsiasi tipo di sito Web con un semplice clic.

Elegant Themes è stato lanciato Divi nel 2013. Non è stato il primo tema WordPress "All in One" sul mercato, tuttavia è stato il primo design all-in-one che ha funzionato bene e ha incoraggiato altri sviluppatori di temi a intensificare il loro gioco.

Negli ultimi anni, Elegant Themes ha continuamente perfezionato e migliorato Divi, ponendo il loro costruttore di pagine di punta Divi Builder al centro del tema.

Divi è senza dubbio ancora uno dei migliori temi WordPress, tuttavia ci sono alternative che gli utenti di WordPress dovrebbero considerare, come X Theme e Genesis Framework.

In questa recensione, vorrei mostrarti come Divi si confronta con Avada.

Avada è stato rilasciato nel 2012 da Theme Fusion, un anno prima del lancio di Divi.

Con circa 600.000 vendite, è di gran lunga il tema WordPress più venduto su ThemeForest, superando di tre a uno il tema X al secondo posto.

Dopo alcuni minuti di utilizzo di Avada, diventa chiaro perché il tema WordPress è così popolare. È una soluzione versatile e il suo generatore di pagine integrato, Fusion Builder Live, è eccellente.

Diamo un'occhiata da vicino a ciò che Divi e Avada possono fare e vediamo come si confrontano.

Sezioni dell'articolo :

• Facilità di installazione
• Costruzione della pagina di back-end
• Costruzione della pagina del front-end
• Contenuto e layout
• Altre funzioni e impostazioni
• Prestazione
• Supporto e documentazione
• Costo
• Pensieri finali

Facilità di installazione

I temi All in one di WordPress sono progettati in modo che chiunque possa utilizzarli, indipendentemente dalla propria esperienza tecnica.

Tuttavia, i principianti potrebbero aver bisogno di un piccolo aiuto in più, in particolare quando si impostano le cose per la prima volta.

Divi – Facilità di configurazione

Se non conosci Divi, potresti essere un po' confuso su cosa si riferisce a "Divi" perché i temi eleganti usano spesso la parola per descrivere il tema, il generatore di pagine e il pacchetto generale.

Per evitare confusione, il tema WordPress è talvolta chiamato Divi Theme per distinguerlo dal generatore di pagine Divi Builder.

Per attivare il tema Divi sul tuo sito web, devi solo caricare i file nella cartella dei temi di WordPress e attivare il design dalla pagina dei temi di WordPress.

Il tema Divi non ti reindirizza a un'altra pagina dopo l'attivazione, tuttavia ora vedrai un menu di amministrazione per Divi nella parte inferiore del menu di amministrazione di WordPress.

Il menu si collega alle principali aree di configurazione: Opzioni tema, Generatore di temi, Personalizza temi, Editor ruoli, Libreria Divi e Centro assistenza.

Divi Builder è integrato direttamente in Divi Theme, tuttavia è anche disponibile come plug-in WordPress autonomo per coloro che desiderano utilizzare Divi Builder con altri temi WordPress.

Il menu di amministrazione del Divi Builder autonomo è quasi identico. Manca solo un collegamento al Customizer di WordPress e la pagina delle opzioni del tema viene sostituita con una pagina delle opzioni del plug-in con meno opzioni.

Se il plug-in Divi Builder WordPress viene utilizzato sul tuo sito Web e attivi Divi Theme, il plug-in Divi Builder WordPress verrà automaticamente disattivato.

Per abilitare gli aggiornamenti automatici dei temi per Divi, vai alla pagina degli aggiornamenti nell'area Opzioni Divi e inserisci il nome utente e la chiave API di Elegant Themes.

Tutti i temi WordPress come Divi e Avada tendono a utilizzare più risorse rispetto ad altri design per garantire che determinate funzionalità funzionino correttamente.

Se la configurazione dell'hosting non è configurata correttamente, il processo di importazione dei layout predefiniti potrebbe risultare lento.

È quindi prudente controllare il Divi Support Center dopo l'attivazione per verificare lo stato della configurazione.

Questa pagina ha anche una modalità provvisoria e un registro degli errori.

Avada – Facilità di configurazione

Avada ha adottato un approccio più adatto ai principianti per il proprio tema WordPress.

Dopo aver caricato Avada nella cartella dei temi di WordPress e aver attivato il design, verrai indirizzato alla pagina di benvenuto di Avada.

La pagina di benvenuto mostra un video introduttivo sull'ultima versione di Avada e ti ricorda di registrare il tuo acquisto.

Ti consigliamo inoltre di attivare due plugin di WordPress: Fusion Core e Fusion Builder.

Tutte le pagine che vedi nel menu di navigazione della pagina di benvenuto sono disponibili nel menu di amministrazione di Avada.

Fastidiosamente, invece di essere posizionato attorno al menu "Aspetto", Avada posiziona il suo menu proprio nella parte superiore del menu di amministrazione sotto la pagina di amministrazione della dashboard di WordPress. Questo spinge i collegamenti importanti per le funzionalità chiave di WordPress come post, media e pagine più in basso nel menu di amministrazione di WordPress.

Puoi utilizzare il plugin gratuito per WordPress Admin Menu Editor per organizzare meglio il tuo menu di amministrazione di WordPress se questo ti frustra.

Per ricevere aggiornamenti di temi e plug-in e accedere alla gamma demo di temi di Avada, devi registrare il tuo acquisto tramite una chiave token.

Fusion Core e Fusion Builder devono essere attivati ​​affinché Avada funzioni correttamente. Puoi farlo tramite la pagina dei plugin di WordPress.

Il plug-in Fusion White Label Branding di Avada può essere trovato anche qui, insieme a quattro plug-in premium e una selezione di plug-in gratuiti consigliati.

Una volta attivato Fusion Builder, vedrai il menu di amministrazione di Fusion Builder sotto il menu di amministrazione di Avada.

Il menu di amministrazione di Fusion Slider viene visualizzato sotto e ci sono menu per i tipi di post personalizzati di portfolio e FAQ.

Come Divi, Avada richiede una buona configurazione di hosting per funzionare in modo efficiente.

La pagina di stato del sistema può aiutarti a rilevare problemi con la configurazione dell'hosting. Mostra le informazioni sulla tua installazione di WordPress e sull'ambiente del server e ti consente di generare un rapporto di sistema.

Sebbene Avada fornisca più menu e informazioni agli utenti, ritengo che gli sviluppatori abbiano fatto un lavoro migliore facilitando i principianti di WordPress nel loro tema reindirizzando gli utenti a una pagina di benvenuto.

Conclusione: facilità di installazione

Né Divi né Avada sono difficili da configurare, tuttavia Avada aiuta maggiormente i principianti reindirizzando i nuovi utenti a una pagina di benvenuto informativa.

Divi ha meno impostazioni da modificare e posiziona la maggior parte delle opzioni di configurazione in un'area, ma non viene fornito alcun aiuto ai principianti dopo l'attivazione di Divi.

Vincitore: Avada

Costruzione della pagina di back-end

Nel cuore di Divi e Avada, troverai due dei migliori page builder drag-and-drop sul mercato: Divi Builder e Fusion Builder.

Entrambe le soluzioni semplificano il compito di creare splendidi design di siti Web e offrono editor di back-end e front-end.

Divi – Creazione di pagine di back-end

Una volta attivato Divi Builder, vedrai un pulsante per "Utilizzare Divi Builder" nella parte superiore dell'editor di WordPress. Questo si riferisce all'editor di Visual Builder frontend di Divi Builder.

Vedrai quindi un'opzione per modificare il layout utilizzando Divi Builder.

Se hai effettuato l'accesso, puoi anche avviare Divi Builder Visual Builder sul frontend del tuo sito Web dalla barra di amministrazione di WordPress.

Per impostazione predefinita, Divi è abilitato per tutti i post, le pagine e i tipi di post personalizzati. Se per qualsiasi motivo Divi Builder non viene visualizzato, controlla l'area delle opzioni Divi per assicurarti che Divi sia abilitato per quel tipo di post.

Una delle aggiunte più interessanti a Divi è il Divi Layout Block. Questo blocco ti consente di inserire i layout Divi direttamente nell'editor di blocchi di WordPress.

È un'ottima funzionalità se desideri utilizzare Divi, ma con l'editor di blocchi di WordPress come modo principale per creare layout.

In passato, Divi Builder era un editor per la creazione di pagine di back-end. Questo editor, ora chiamato Legacy Builder, è ancora disponibile in Divi Builder.

Se il tema Divi è attivato, puoi abilitare il Legacy Builder andando alla sezione del costruttore all'interno dell'area delle opzioni del tema e facendo clic sulla scheda Avanzate.

Puoi quindi disabilitare l'ultima opzione di esperienza del builder e abilitare l'editor classico.

Se stai utilizzando il plug-in WordPress autonomo Divi Builder, queste opzioni sono disponibili nella scheda Avanzate della pagina delle opzioni del plug-in.

Il Legacy Builder ha un aspetto simile alla modalità di visualizzazione wireframe disponibile all'interno di Visual Builder.

Come editor di back-end, non puoi vedere le modifiche apportate al tuo layout in tempo reale. Tuttavia, questo ti aiuta a creare la struttura della tua pagina più velocemente, poiché ci sono meno distrazioni.

Nella parte superiore dell'editor vengono visualizzate le impostazioni generali e le impostazioni di importazione ed esportazione. Sotto ci sono le opzioni per salvare nella libreria, caricare un layout e cancellare il layout. Ci sono anche pulsanti per annullare le modifiche, ripetere le modifiche e visualizzare la cronologia delle modifiche.

Credo che Elegant Themes abbia fatto la cosa giusta rendendo Visual Builder l'editor predefinito di Divi Builder, tuttavia l'editor back-end è ancora in grado di creare bellissimi layout ed è facile capire perché alcuni proprietari di siti Web preferiscono ancora questa interfaccia.

Avada – Creazione di pagine di back-end

Rivolgiamo la nostra attenzione a Fusion Builder.

Fusion Builder Live è il modo principale per creare e modificare i layout in Avada, tuttavia vorrei prima mostrarti come funziona l'editor di back-end e come funziona Fusion Builder con l'editor di blocchi di WordPress.

Una volta attivato il plug-in, vedrai i pulsanti per Fusion Builder e Fusion Builder Live nell'editor di WordPress.

Gli sviluppatori di Fusion Builder stanno pianificando di migliorare l'integrazione con l'editor di blocchi di WordPress, tuttavia, al momento, l'attivazione di Fusion Builder renderà l'editor classico l'esperienza di modifica predefinita.

Nella pagina delle impostazioni di Fusion Builder, puoi caricare automaticamente l'editor di Fusion Builder di back-end abilitando "Attivazione automatica di Fusion Builder".

Quando crei un nuovo post o una nuova pagina in Fusion Builder, ti verrà chiesto se desideri aggiungere un contenitore o una pagina predefinita.

Nella parte superiore di Fusion Builder, puoi passare dal builder alla libreria di Fusion Builder. La libreria contiene demo complete del tema del sito Web e modelli, contenitori, colonne ed elementi (moduli) salvati.

Quest'area ti consente anche di modificare CSS, salvare il layout, eliminare il layout e visualizzare la cronologia delle modifiche.

Dal punto di vista della funzionalità, l'editor di back-end di Fusion Builder ha molto in comune con il Legacy Builder in Divi, tuttavia la sua combinazione di colori grigio opaco fa sembrare l'interfaccia un po' datata.

Fusion Builder Live può essere avviato sul frontend del tuo sito Web dalla barra degli strumenti di WordPress. Puoi anche tornare al tuo editor di backend preferito selezionando "Modifica pagina".

Sebbene non vi sia un'integrazione diretta con l'editor di blocchi di WordPress, durante l'aggiunta o la modifica di contenuti, puoi selezionare se desideri utilizzare Fusion Builder, Fusion Builder Live o l'editor di blocchi di WordPress (Gutenberg).

Non c'è proprio modo di passare direttamente all'editor di blocchi quando si utilizza l'editor classico o l'editor di Fusion Builder.

Indipendentemente dal fatto che utilizzi l'editor classico di WordPress, l'editor di blocchi di WordPress o Fusion Builder, se stai creando contenuti nel back-end di WordPress, vedrai la casella Opzioni di Fusion Page.

Queste impostazioni ti consentono di personalizzare ogni post, pagina o tipo di post personalizzato sul tuo sito web. Qualsiasi cosa tu definisca qui sovrascriverà le impostazioni nella pagina principale delle opzioni del tema Avada.

Decine di impostazioni sono disponibili qui per l'intestazione, il layout, l'area dei contenuti e altro ancora.

Come Divi Builder, Fusion Builder è abilitato per impostazione predefinita per tutti i post, le pagine e i tipi di post personalizzati. Puoi controllare quali tipi di post sono abilitati nella pagina delle impostazioni di Fusion Builder.

Come puoi vedere, dal punto di vista della funzionalità, Fusion Builder ti offre tante opzioni di progettazione come Divi Builder nel back-end del tuo sito web.

Conclusione: creazione di pagine di back-end

Anche se modificherai la maggior parte dei tuoi contenuti e layout sul frontend del tuo sito Web, ti incoraggio a familiarizzare con il funzionamento di ciascun editor di backend, poiché ti consentirà di apportare modifiche rapide ai layout salvati.

Devi anche capire come avviare Divi Visual Builder e Fusion Builder Live dal back-end del tuo sito web.

Senza dubbio, Divi Builder è stato implementato meglio nell'area di amministrazione di WordPress. Ha un ottimo supporto per l'editor di blocchi di WordPress e il back-end Legacy Builder è più colorato.

Al contrario, Avada continua a disabilitare l'editor di blocchi di WordPress e rende l'editor classico obsoleto l'editor predefinito.

Vincitore: Divi

Costruzione della pagina del front-end

Non hai acquistato Divi o Avada per creare layout sul back-end del tuo sito web, vero?

Se desideri l'esperienza completa di questi temi WordPress avanzati, dovresti utilizzare il loro editor frontend integrato.

Divi – Creazione di pagine front-end

Per distinguerlo dall'editor di back-end Legacy Builder, l'editor di frontend di Divi Builder è chiamato Visual Builder, ma la maggior parte delle persone lo chiama semplicemente Divi Builder poiché è l'esperienza di modifica predefinita.

Se stai modificando una pagina che ha già dei contenuti, Divi Builder si avvierà completamente, consentendoti di modificare il layout.

Se la pagina è vuota, Divi Builder ti presenterà tre opzioni. Puoi scegliere di creare un layout da zero, selezionare un layout predefinito o clonare una pagina esistente.

Consiglio ai principianti di selezionare un layout predefinito, in quanto consente di vedere cosa può fare Divi Builder e imparare come funziona l'interfaccia.

Il menu Divi Builder viene visualizzato nella parte inferiore della pagina ed è diviso in tre sezioni.

Quando passi il mouse su qualsiasi parte del layout, vedrai un contorno dell'elemento insieme ai pulsanti per apportare modifiche alle impostazioni, allo stile, alla posizione e altro ancora.

Un layout viene costruito utilizzando molte sezioni. Le sezioni possono contenere molte righe, le righe possono contenere molte colonne e le colonne possono contenere molti moduli.

Quando passi il mouse su uno di questi elementi sulla tua pagina, vedrai apparire una casella con le opzioni per spostarlo, modificarne le impostazioni, duplicarlo, salvarlo nella libreria, eliminarlo e altro.

Il processo di modifica di qualsiasi aspetto del progetto, che si tratti di una sezione, di una riga, di una colonna o di un modulo, è lo stesso.

Il menu Divi Builder è una parte importante dell'esperienza di creazione della pagina.

Se premi la grande X al centro del menu Divi Builder, il menu scomparirà. Rimane solo un pulsante con tre punti in modo da poter caricare il menu di backup.

Sul lato sinistro del menu, ci sono pulsanti per ingrandire e rimpicciolire il tuo design e visualizzarlo in modalità desktop, tablet e smartphone. Divi Builder è una soluzione reattiva sviluppata per tutti i dispositivi, tuttavia è comunque utile vedere come i visitatori mobili visualizzeranno i tuoi layout.

Anche il menu delle impostazioni di Divi Builder è disponibile da qui.

Da questa finestra delle impostazioni, puoi abilitare la modalità al passaggio del mouse, la modalità clic e la modalità griglia. Queste modalità cambiano il modo in cui interagisci con Visual Builder.

Molte altre impostazioni possono essere abilitate e disabilitate qui, come la modalità di visualizzazione predefinita, il flusso di creazione della pagina e le animazioni dell'interfaccia del builder.

Sulla sinistra troverai anche "Vista Wireframe".

Questa è una delle mie funzionalità preferite di Divi Builder in quanto ti consente di eliminare tutti gli elementi visivi dal tuo layout e vedere la struttura della tua pagina.

Rende il compito di spostare moduli e file molto più semplice poiché tutto è meno affollato.

Al centro del menu Divi Builder, ci sono pulsanti per caricare dalla libreria, salvare nella libreria e cancellare il layout (parlerò più avanti dei layout).

A destra c'è un'opzione per caricare la finestra delle impostazioni della pagina. Questa casella può essere spostata all'interno della tua pagina o adattata alle dimensioni della tua pagina.

Ci sono opzioni per modificare il titolo della pagina, l'immagine in primo piano e i colori di sfondo. È disponibile anche una funzione di test diviso.

Decine di opzioni di stile sono disponibili nelle schede design e avanzate. Anche i pulsanti Annulla e Ripristina sono integrati in quest'area in modo da poter annullare le modifiche apportate.

Puoi visualizzare tutte le modifiche apportate nella casella della cronologia delle modifiche e tornare a qualsiasi stato precedente.

L'ultima opzione nel menu centrale è la portabilità.

La casella di portabilità ti consente di esportare e importare i tuoi layout utilizzando il formato di file JSON.

Ciò è utile per eseguire backup dei layout e per trasferire i layout di Divi Builder ad altri siti Web.

I layout possono essere salvati in qualsiasi momento utilizzando il pulsante di salvataggio sul lato destro del menu Divi.

L'area ha anche pulsanti per la ricerca, i livelli e la guida.

Lo strumento di ricerca può essere utilizzato per trovare tutte le caratteristiche e le funzionalità di Divi Builder. Anche qui sono elencati tutorial utili, ma troverai anche tutorial video e utili scorciatoie da tastiera tramite il pulsante della guida.

Livelli è un nuovo strumento che ti aiuta a vedere tutte le sezioni del layout. È un modo rapido per verificare come è strutturata la tua pagina e ti consente di modificare le impostazioni della sezione.

Avada – Creazione di pagine front-end

L'editor frontend di Avada si chiama Fusion Builder Live.

Questo generatore di pagine è stato creato appositamente per Avada e non è disponibile per il download separatamente, il che è deludente in quanto è uno dei migliori costruttori di pagine WordPress sul mercato.

Invece di integrare le opzioni di progettazione del sito Web nel Customizer di WordPress, Theme Fusion ha creato un personalizzatore di temi direttamente in Fusion Builder Live. Ciò significa che puoi modificare qualsiasi cosa tramite l'editor, che si tratti di un post o di una pagina o del design dell'intestazione, del piè di pagina, delle barre laterali o del logo del tuo sito web.

Il menu principale di Fusion Builder Live si trova nella parte superiore di ogni pagina, con le impostazioni visualizzate in una barra laterale sul lato sinistro della pagina. Il primo pulsante nel menu principale nasconde questa barra laterale per farti vedere il tuo layout per intero.

Come Divi Builder, devi semplicemente passare il mouse su una parte della tua pagina per effettuare una personalizzazione o spostarla altrove.

Quando viene visualizzata la barra laterale, il layout verrà ridotto all'interno dell'area principale della tela, ma poiché le opzioni vengono visualizzate sul lato sinistro della pagina anziché in una finestra delle impostazioni popup, sembra meno affollato.

Se preferisci, puoi visualizzare le impostazioni per gli elementi in una casella di icone mobile (in Divi, gli elementi sono chiamati moduli).

Devi semplicemente cambiare la modalità di modifica degli elementi da 'elemento' a 'dialogo' nella casella delle preferenze.

Il secondo pulsante nel menu in alto carica la libreria di Fusion Builder e accanto c'è un'opzione per visualizzare tutte le modifiche che hai apportato alla tua pagina.

Il pulsante successivo carica la casella delle preferenze di Fusion Builder Live.

Ci sono una dozzina di impostazioni qui che cambiano il modo in cui funziona l'editor. Qui è dove puoi spostare le impostazioni per gli elementi dalla barra laterale all'area principale della tela.

Puoi anche spostare la barra laterale principale sul lato destro della pagina da questa casella e disabilitare l'intestazione permanente e l'intestazione trasparente.

Se fai clic sul pulsante + nel menu, puoi creare nuovi post, pagine e altri tipi di post personalizzati, mentre il pulsante cestino ti consente di cancellare il layout.

Diverse opzioni utili si trovano sul lato destro del menu principale.

Il primo pulsante è per il supporto. Facendo clic su di esso vengono visualizzati i collegamenti a una guida introduttiva e al centro di supporto di Theme Fusion. Qui vengono visualizzate anche utili scorciatoie da tastiera.

Il pulsante successivo è per la reattività. Questo mostrerà il tuo layout in modalità desktop e in modalità orizzontale e verticale per tablet e smartphone.

Fusion Builder Live ha anche una modalità di visualizzazione wireframe che mostra il layout utilizzando l'editor back-end.

A mio parere, la modalità di visualizzazione wireframe in Divi Builder è migliore in quanto è più colorata e più facile da usare.

Gli ultimi pulsanti ti consentono di visualizzare in anteprima, pubblicare e salvare il layout.

A prima vista, sembra che il pulsante di anteprima nasconda semplicemente la barra laterale delle opzioni, ma questa funzione disabilita anche la modifica in modo che i contorni e i pulsanti delle impostazioni non vengano visualizzati.

Il modo in cui Theme Fusion ha integrato le impostazioni chiave nell'editor di Fusion Builder Live è fantastico.

La barra laterale delle impostazioni elenca centinaia di impostazioni di layout del tema. Funziona allo stesso modo del Customizer di WordPress.

Queste stesse opzioni possono essere trovate anche nella pagina principale delle opzioni del tema Avada, ma modificando le cose nell'editor live, puoi vedere le modifiche apportate in tempo reale.

Ricordi la casella Opzioni della pagina Fusion che è stata visualizzata sotto i post e le pagine nell'area di amministrazione di WordPress?

Queste stesse opzioni possono essere trovate nella barra laterale delle impostazioni di Fusion Builder Live. Possono essere utilizzati per apportare modifiche specifiche alla tua pagina e al suo layout.

Tutto sommato, Fusion Builder Live è una soluzione fantastica e la sua interfaccia è facile da imparare. Peccato non sia vendibile separatamente.

Conclusione: creazione di pagine frontend

Divi Builder e Fusion Builder Live offrono entrambi una fantastica esperienza di editing e ti consentono di creare facilmente bellissimi layout.

Quando si tratta di creare layout di pagina e pagine di stile, Divi Builder è la soluzione più raffinata.

Offre molte più opzioni di stile per moduli, colonne, righe e sezioni. Anche altre funzionalità, come la modalità di visualizzazione wireframe, sono state implementate meglio.

Assicurati di controllare la nostra recensione completa di Divi Builder per uno sguardo più completo su ciò che può fare.

Vincitore: Divi

Contenuto e layout

Divi e Avada sono entrambi confezionati con splendidi design e layout di siti Web predefiniti che possono essere importati nel tuo sito Web con un clic di un pulsante.

Ti consentono anche di personalizzare l'intestazione, il piè di pagina, le barre laterali del tuo sito Web e altro ancora.

Divi – Contenuti e layout

In Divi Builder sono disponibili oltre 1.100 layout e molti di questi sono raggruppati per formare un pacchetto di layout del sito Web.

Temi eleganti aggiungono nuovi layout a Divi ogni settimana e c'è un numero crescente di siti Web e mercati di terze parti che offrono layout Divi predefiniti.

Come notato in precedenza, quando avvii Divi su una pagina vuota, c'è un'opzione per selezionare un layout predefinito.

Puoi anche caricare la Libreria Divi dal menu principale di Divi Builder.

La Libreria Divi contiene tutti i layout predefiniti e personalizzati che hai salvato. È possibile accedere anche alle pagine che hai creato utilizzando Divi Builder qui.

I layout sono assegnati a una dozzina di categorie, ma puoi anche trovare i layout adatti tramite la casella di ricerca.

In Divi sono disponibili oltre 150 pacchetti di layout di siti Web.

Questi pacchetti contengono layout per molte aree diverse del tuo sito Web come la tua home page, l'indice del blog, il negozio online, la pagina delle informazioni e altro ancora.

Assicurati di visualizzare in anteprima i layout per intero per vedere esattamente che aspetto hanno.

Se si seleziona "Sostituisci contenuto", il nuovo layout sostituirà l'intero layout. Se non è selezionato, il nuovo layout verrà aggiunto in fondo al contenuto esistente.

In Divi sono disponibili oltre 40 moduli di contenuto. Sono disponibili moduli per immagini, video, mappe, tabelle dei prezzi, divisori, inviti all'azione e altro ancora.

Divi ha anche moduli di contenuto unici per WooCommerce per aiutarti a elencare i prodotti dal tuo negozio.

Quando aggiungi un modulo alla tua pagina, verrà visualizzata la sua casella di impostazione. Ci sono dozzine di funzionalità e impostazioni di stile da regolare qui.

Qualsiasi modifica apportata a un modulo può essere salvata nella Libreria Divi per essere utilizzata in seguito.

Dal menu principale di Divi Builder, puoi salvare i tuoi layout nella libreria, cancellare il tuo layout ed esportare il tuo layout in formato JSON tramite la casella di portabilità.

Divi Library è una caratteristica importante di Divi Builder e di cui consiglio di approfittare.

La Libreria Divi memorizza tutti i moduli, colonne, righe, contenitori e layout salvati che hai salvato. Puoi accedere ai layout salvati da Divi Builder o dalla pagina Libreria Divi che è elencata nel menu di amministrazione Divi principale.

Quando scegli di modificare un layout, vedrai il tuo layout in modalità di visualizzazione wireframe.

Se preferisci, puoi visualizzare il layout in modalità desktop, tablet o mobile. Puoi anche avviare il layout con Divi Visual Builder da qui.

Divi Theme Builder funziona in combinazione con Divi Library per darti un maggiore controllo sul design del tuo sito web.

Ti consente di creare un layout da zero o selezionare un layout dalla tua libreria e assegnarlo come intestazione, corpo o piè di pagina. È quindi possibile specificare esattamente dove vengono visualizzati questi layout e dove non lo sono.

Ad esempio, puoi assegnare un modello ai post del tuo blog di notizie, uno ai tutorial, un altro alla tua home page e qualcosa di diverso per la tua pagina sulle informazioni.

Questo ti dà il pieno controllo sullo stile delle diverse aree del tuo sito web.

Quando Divi è stato lanciato, il tema gestiva tutto, ma oggi è strutturato in modo molto diverso.

Divi Theme è in realtà un design WordPress minimale che funge da tela per Divi Builder e altri page builder di WordPress.

Funzionalità come Divi Theme Builder dimostrano che Elegant Themes sta espandendo ulteriormente le funzionalità di progettazione di Divi Builder, ma Divi Theme continua a supportare il Customizer di WordPress.

Centinaia di impostazioni di personalizzazione sono disponibili per Divi all'interno del Customizer di WordPress. Puoi regolare molte impostazioni di stile diverse come spaziatura, caratteri e colori e vedere il risultato in tempo reale.

Tieni presente, tuttavia, che i contenuti dei tuoi post e delle tue pagine saranno comunque controllati da Divi Builder.

Sfortunatamente, Divi Theme non ha abbracciato completamente il Customizer di WordPress.

Ci sono una dozzina di impostazioni di progettazione che possono essere modificate solo tramite la pagina delle opzioni del tema Divi. Ciò include le impostazioni chiave come il logo del tuo sito web.

È sconcertante il motivo per cui Elegant Themes ha diviso le opzioni di personalizzazione del tema tra due diverse aree.

Avada – Contenuti e layout

In Avada sono disponibili 62 demo di temi.

Le demo dei temi includono layout per molte aree diverse del tuo sito Web e sono equivalenti ai pacchetti di layout di Divi.

La pagina delle opzioni del tema Avada elenca tutte le demo dei temi. Le demo possono essere filtrate per categoria o utilizzando la casella di ricerca.

Sebbene Divi abbia oltre 150 pacchetti di layout di siti Web completi, Avada ha probabilmente una migliore varietà di design.

Come Divi, ci sono layout per negozi, blog e aziende, tuttavia ci sono anche demo a tema che sono state create per argomenti di nicchia come SEO, criptovaluta, eSport e forum di discussione.

Sono disponibili anche anteprime complete del sito Web per ogni design.

Quando fai clic per importare una demo del tema, Avada ti consente di sapere quali plugin di WordPress devono essere attivati ​​affinché funzioni correttamente.

Se vuoi che il tuo sito web corrisponda a quello che vedi nell'anteprima, dovrai importare anche il contenuto della demo. Avada ti consente di selezionare quale contenuto importare e c'è un'opzione per rimuovere il contenuto importato in precedenza come post e pagine.

Avada visualizza un avviso prima dell'importazione che ti ricorda che l'importazione sostituirà il tuo attuale tema WordPress.

Avada cambierà il nome del tuo sito web con il nome della demo del tema che hai importato.

Anche se questo ti ricorda l'ultimo design che hai importato, è fastidioso dover cambiare il nome del tuo sito web ogni volta che importi un layout.

Le demo sono disponibili anche all'interno di Fusion Builder tramite il pulsante della libreria.

La libreria di Fusion Builder elenca le demo dei temi e tutti i layout salvati per modelli, contenitori, colonne ed elementi.

Se importi una demo del tema in questo modo, puoi importare solo una singola pagina e non c'è alcuna opzione per importare il contenuto della demo.

A questo proposito, credo che Elegant Themes abbia fatto un lavoro migliore integrando i layout predefiniti in Divi Builder. In Avada, devi uscire dall'editor per importare completamente il layout di un sito web.

Gli elementi sono gli elementi costitutivi del contenuto che aggiungi ai tuoi layout.

WordPress li chiama blocchi nell'editor Gutenberg e Divi li chiama moduli, ma si riferiscono tutti alla stessa cosa.

In Fusion Builder sono disponibili circa 60 elementi, il 50% in più rispetto a Divi Builder.

C'è una buona varietà di elementi in offerta come grafici, caselle di contenuto, caroselli di immagini, tabelle dei prezzi e testimonianze.

Quando selezioni un elemento, le sue impostazioni verranno visualizzate nella barra laterale delle impostazioni.

Per ogni elemento sono disponibili opzioni di personalizzazione del design. Tuttavia, Divi Builder offre molte più opzioni di stile e personalizzazione.

Quando fai clic per aggiungere un elemento, puoi anche aggiungere nuove righe. Ci sono molte diverse configurazioni di colonne nidificate da inserire nel layout.

Dopo aver inserito le colonne, puoi popolarle con elementi di contenuto.

Anche se Divi Builder ti offre più opzioni di stile e personalizzazione per i tuoi layout, Fusion Builder Live più che compensa questo con il suo personalizzatore di temi integrato.

Con un clic di un pulsante, puoi passare dalla modifica del layout di un post o di una pagina alla regolazione di centinaia di impostazioni diverse a livello di pagina o di sito Web.

La pagina delle opzioni di Avada ha centinaia di impostazioni. La maggior parte di questi può essere trovata anche in Fusion Builder Live e puoi passare all'interfaccia di Fusion Builder Live in qualsiasi momento utilizzando il pulsante "Modifica live".

La pagina principale delle opzioni di Avada contiene alcune impostazioni aggiuntive, quindi vale la pena esaminare ogni sezione qui quando si configura il sito Web per la prima volta.

I singoli elementi di contenuto possono essere abilitati e disabilitati dalla pagina delle impostazioni di Fusion Builder.

Da questa pagina, puoi impostare Fusion Builder come editor predefinito e abilitare e disabilitare Fusion Builder per determinati tipi di post. Puoi anche importare ed esportare il contenuto di Fusion Builder utilizzando il formato di file XML.

Durante Fusion Builder Live, vedrai le opzioni per salvare parti del tuo layout nella libreria di Fusion Builder.

Puoi assegnare un nome ai layout salvati e contrassegnarli come globali. Una volta salvati, possono essere caricati in Fusion Builder in qualsiasi momento.

La pagina Libreria di Fusion Builder si trova all'interno del menu principale di Fusion Builder.

Tutti gli elementi che hai salvato sono accessibili e modificabili qui.

Per impostazione predefinita, gli elementi salvati verranno caricati utilizzando l'editor di Fusion Builder di back-end, tuttavia è anche possibile selezionare di apportare modifiche utilizzando l'editor di Fusion Builder Live di front-end.

Avada vanta anche un generatore di temi che ti consente di assegnare layout a una barra del titolo di pagina, un'area del contenuto e un piè di pagina. Questi layout sono sezioni etichettate e possono essere modificati utilizzando gli editor di Fusion Builder di back-end o front-end.

A differenza di Divi Builder, non c'è modo di specificare dove vengono visualizzati i layout di pagina.

Ci sono funzionalità che amo in entrambi gli editor, tuttavia la barra laterale delle impostazioni di Fusion Builder Live porta davvero l'editing dal vivo al livello successivo. La possibilità di modificare il layout, le impostazioni della pagina e il design del sito Web, tutto da un'unica interfaccia, consente di risparmiare molto tempo.

Conclusione: contenuto e layout

Il sistema di librerie di Divi Builder e il suo ampio elenco di opzioni di personalizzazione del generatore di pagine lo rendono il miglior generatore di pagine di WordPress.

Anche il modo in cui i layout predefiniti sono integrati in Divi Builder è migliore, tuttavia Avada offre la migliore esperienza complessiva di progettazione e modifica.

Mentre Divi divide le impostazioni di progettazione chiave tra la pagina delle opzioni del tema Divi e il Personalizzatore di WordPress, Avada ti consente di controllare tutto da una posizione centrale utilizzando l'editor di Fusion Builder Live. È una caratteristica straordinaria che distingue Fusion Builder Live dalla massa.

Vincitore: Avada

Altre funzioni e impostazioni

È impossibile parlare di tutte le funzionalità di Divi e Avada perché sono temi WordPress così grandi, tuttavia in questa sezione vorrei parlare di alcune altre utili funzionalità disponibili in Divi e Avada che non ho ancora menzionato.

Divi – Altre funzionalità e impostazioni

Temi eleganti hanno migrato la maggior parte delle funzionalità a Divi Builder, ma quando Divi è attivato, vedrai anche un nuovo tipo di post personalizzato "Progetti" nel menu di amministrazione di WordPress.

Divi Builder ha già un modulo di contenuto del portfolio, ma il tipo di post dei progetti ti offre maggiore flessibilità su come gli elementi vengono visualizzati e classificati.

Divi aggiunge anche alcune opzioni aggiuntive ai post e alle pagine per assegnare la posizione della barra laterale e definire se visualizzare il menu di navigazione e la barra del titolo.

Come notato in precedenza, l'area delle opzioni del tema principale ha molte opzioni di progettazione che non possono essere trovate all'interno del Customizer di WordPress.

L'area delle opzioni ha anche varie impostazioni per il menu di navigazione, Divi Builder, singoli post e pagine, un banner pubblicitario 468X60 e SEO. Ci sono anche opzioni per aggiungere codice personalizzato alle pagine.

Divi Role Editor è disponibile in Divi Builder e Divi Theme.

Utilizzando l'editor dei ruoli, puoi specificare esattamente cosa possono e non possono fare gli utenti in Divi Builder. Decine di funzioni possono essere abilitate e disabilitate per i gruppi di utenti con un semplice clic.

Avada – Altre funzionalità e impostazioni

Il numero di modi per aggiungere diapositive in Avada è al limite del ridicolo.

Inside Fusion Builder è un elemento Slide per integrare le diapositive nei tuoi layout, ma Avada ha anche due tipi di post personalizzati Slider integrati nel tema.

Questi sono Elastic Slider e Fusion Slider, con Fusion Slider che è il tipo di post utilizzato dalle demo dei temi Avada.

Se questo non è abbastanza per te, Avada viene fornito anche con Layer Slider e Slider Revolution.

Questi plugin avanzati di WordPress per slider sono le due soluzioni di slider premium più vendute disponibili per gli utenti di WordPress.

I tipi di post Portfolio e FAQ sono disponibili anche in Avada.

È possibile creare set di icone personalizzate anche in Avada e ci sono 10 estensioni di plug-in per Avada su CodeCanyon che aggiungono funzionalità come iscrizioni, campi personalizzati, recensioni, testimonianze e altro ancora.

Tieni presente che per ottenere il supporto completo per tutti i plug-in premium inclusi in Avada, dovrai acquistare una licenza per il prodotto separatamente.

Conclusione: altre funzionalità e impostazioni

Divi e Avada sono in un costante stato di evoluzione, quindi puoi aspettarti che molte altre funzionalità verranno aggiunte nei prossimi anni.

Mentre Divi ti offre la maggior parte delle opzioni di stile per la creazione di pagine, Avada ti offre un maggiore controllo sul tuo sito web.

Vincitore: Avada

Prestazione

Un sito Web a caricamento rapido migliorerà il posizionamento nei motori di ricerca e manterrà i visitatori sul tuo sito Web più a lungo, tuttavia testare accuratamente la velocità dei temi di WordPress può essere difficile poiché ci sono così tanti fattori da considerare.

Inoltre, se vuoi confrontare la velocità di Divi e Avada con altri temi WordPress, è necessario fare molte ipotesi su tutta la linea per fare un confronto equo.

Sia Divi che Avada sono in grado di creare siti Web WordPress a caricamento rapido, tuttavia se crei layout ricchi di contenuti multimediali utilizzando i loro editor frontend, le tue pagine rallenteranno. Questo è, ovviamente, vero per qualsiasi tema WordPress.

Per aiutarti a migliorare le prestazioni del tuo sito Web e ridurre il carico che i page builder possono aggiungere, gli sviluppatori di Divi e Avada hanno aggiunto molte funzionalità nei loro temi per aiutarti a generare meno query di database e richieste HTTP.

Divi – Performance

Nella pagina delle impostazioni generali dell'area Opzioni del tema Divi, ci sono opzioni per abilitare le immagini reattive e minimizzare e combinare file CSS e Javascript.

Nella pagina delle impostazioni di Divi Builder, c'è anche un'opzione per abilitare la generazione di file CSS statici.

Avada – Performance

Avada ha una dozzina di impostazioni delle prestazioni. Questi possono essere modificati tramite la pagina delle opzioni del tema principale o all'interno di Fusion Builder Live.

Il tema ti consente di impostare la qualità delle immagini JPG e ottimizzare le immagini più grandi su una certa larghezza.

È disponibile anche il caricamento lento e puoi caricare i fogli di stile dal tuo piè di pagina.

Avada fornisce anche diversi strumenti per ottimizzare i file CSS e Javascript.

Conclusione: prestazioni

Divi e Avada sono entrambi in grado di alimentare un sito Web WordPress a caricamento rapido, ma devi comunque seguire le tecniche di ottimizzazione di WordPress consigliate.

Assicurati di controllare la pagina di stato del sistema in entrambi i temi WordPress per assicurarti di soddisfare i requisiti per eseguirli in modo efficiente. Se i tempi di risposta del server sono lenti, potresti prendere in considerazione l'aggiornamento a una soluzione di hosting più veloce.

I plugin per l'ottimizzazione delle immagini di WordPress possono essere utili se le tue pagine contengono molte immagini.

I plug-in di memorizzazione nella cache come WP Rocket e le reti di distribuzione di contenuti come KeyCDN possono ridurre ulteriormente le dimensioni delle pagine.

Vincitore: pareggio

Supporto e documentazione

Quando si tratta di fornire un ottimo supporto, Elegant Themes e Theme Fusion stanno aprendo la strada nel mondo di WordPress.

Divi – Supporto e documentazione

All'interno del Divi Support Center, c'è un'opzione per consentire allo staff di Elegant Themes l'accesso remoto al tuo sito web. Questo può aiutare il team di supporto a risolvere eventuali problemi che hai.

Di seguito vedrai un collegamento diretto all'area di supporto di Elegant Themes e diversi tutorial video per aiutarti a iniziare.

Le icone della guida sono disponibili anche in Divi Builder per spiegare a cosa serve ciascuna funzione.

L'area della documentazione di Elegant Themes è incredibile. Ci sono centinaia di tutorial scritti e tutorial video per guidarti nell'uso di Divi e altri prodotti. Anche il blog di temi eleganti pubblica frequentemente tutorial.

Puoi anche connetterti con altri utenti Divi tramite un gruppo Facebook, un forum della community e un meetup locale.

Se hai bisogno di ulteriore aiuto, puoi creare un ticket di supporto 24 ore su 24, 7 giorni su 7 e ricevere aiuto.

A differenza della maggior parte dei temi WordPress, i temi eleganti garantiscono il supporto a un numero illimitato di utenti. Questo è utile per le aziende che hanno molti dipendenti.

Avada – Supporto e documentazione

Avada ha un supporto dedicato e una pagina delle domande frequenti che è elencata nei menu di amministrazione di Avada e Fusion Builder.

Poiché Avada è venduto tramite ThemeForest, dovrai creare un account di supporto con Theme Fusion per aprire i ticket di supporto.

Per ulteriori informazioni su Avada, fare riferimento alla guida introduttiva, all'area della documentazione e ai tutorial video, elencati nella pagina di supporto di Avada.

Questa pagina si collega anche alla pagina di supporto dei biglietti Avada, al forum della community e al gruppo Facebook.

Diverse domande frequenti sono anche affrontate in questa pagina.

Una volta che inizi a esplorare l'area della documentazione di Avada e Fusion Builder, inizi ad apprezzare quanto sia ampia.

Ogni aspetto del tema Avada e Fusion Builder è trattato qui.

Conclusione: supporto e documentazione

L'ampia documentazione disponibile per Divi e Avada significa che raramente dovrai chiedere aiuto, ma entrambi i temi WordPress forniscono un ticket di supporto 24 ore su 24, 7 giorni su 7, in caso di necessità.

Vincitore: pareggio

Costo

Il costo è un fattore che tutti i proprietari di siti Web devono considerare insieme a caratteristiche e funzionalità.

Divi o Avada hanno entrambi un prezzo competitivo, ma quale soluzione offre più valore?

Costo – Divi

Un abbonamento a Elegant Themes ti dà accesso a Divi Theme e al plug-in WordPress autonomo Divi Builder.

Include anche il tema WordPress della rivista Extra, il plug-in WordPress per l'attivazione dell'e-mail e la generazione di lead Bloom e il plug-in WordPress per i social media Monarch.

La politica dei prezzi di Elegant Themes è semplice.

La loro iscrizione annuale costa $ 89 e viene fornita con un anno di supporto e aggiornamenti. Puoi continuare a utilizzare tutti i prodotti Elegant Themes una volta scaduta la tua iscrizione, tuttavia riceverai supporto e aggiornamenti solo se la tua iscrizione è attiva.

L'abbonamento a vita costa $ 249 e viene fornito con una vita di supporto e aggiornamenti.

Entrambi i piani di abbonamento consentono l'utilizzo illimitato del sito Web e sono dotati di una garanzia di rimborso di 30 giorni.

Divi potrebbe essere il motivo per cui ti iscrivi a Elegant Themes, tuttavia tutti i loro prodotti sono di alta qualità e rendono l'abbonamento più attraente.

Extra è una skin di Divi Theme che ha una funzione di creazione di categorie aggiuntiva. Questo può essere utilizzato per creare layout e stili unici per ogni categoria di post. Ad esempio, potresti avere un design per la tua home page, uno per le notizie e un altro per i tutorial.

Come Divi Theme, Divi Builder è integrato direttamente in Extra.

Bloom è una soluzione di email marketing che ti consente di visualizzare un modulo di iscrizione alla newsletter in sei modi diversi. È possibile definire quando visualizzare i moduli, ad esempio dopo che un utente è passato a un determinato punto della pagina o dopo aver pubblicato un commento.

Supporta 19 diversi servizi di email marketing e viene fornito con centinaia di moduli di newsletter predefiniti.

Anche il plug-in per social media di WordPress Monarch è una soluzione fantastica.

Ti consente di visualizzare i pulsanti di condivisione da oltre 20 reti di social media in cinque posizioni diverse. Ogni pulsante può essere modellato e personalizzato in base alle tue esigenze.

Costo – Avada

Avada vende al dettaglio su ThemeForest per $ 60.

Viene fornito con aggiornamenti illimitati e sei mesi di supporto, che possono essere estesi a 12 mesi per ulteriori $ 18.

Il pacchetto Avada include anche una serie di plugin WordPress premium.

Avada è stato rilasciato con la licenza regolare ThemeForest, che è classificata da ThemeForest come prodotto monouso.

Ci sono stati molti disaccordi pubblici tra Envato (ThemeForest) e WordPress su questa politica di licenza, poiché va contro la GNU Public License con cui WordPress è rilasciato e afferma che l'utilizzo non dovrebbe essere limitato.

Nonostante ciò, gli sviluppatori di Avada affermano sul loro sito Web che "è richiesto un unico acquisto di Avada per ogni sito che crei".

In parole povere, se desideri utilizzare Avada su più siti Web, devi acquistare una licenza separata per ciascuno.

I plugin premium di WordPress inclusi in Avada ti costerebbero oltre $ 100 se li avessi acquistati tutti separatamente.

Convert Plus ($ 24) è un plug-in WordPress di email marketing disponibile in Avada che ti consente di visualizzare i moduli di iscrizione e-mail in 12 modi diversi. Presenta centinaia di modelli di moduli di newsletter predefiniti e si integra con tutti i principali servizi di email marketing.

Advanced Custom Fields è un plugin WordPress per la gestione dei campi estremamente popolare che ha oltre un milione di download su WordPress.org. La versione pro di Advanced Custom Fields ($ 49+) inclusa in Avada introduce nuove funzionalità come il campo del ripetitore, i blocchi ACF, il campo del contenuto, il campo del clone e altro ancora.

I due plugin per slider WordPress più popolari sul mercato sono Layer Slider ($ 25+) e Slider Revolution ($ 29) ed entrambi sono inclusi in Avada.

Questi plug-in ti consentono di creare slider avanzati con livelli utilizzando una moderna interfaccia drag-and-drop e sono dotati di centinaia di modelli predefiniti per aiutarti a iniziare.

Conclusione – Costo

Confrontare il costo di due temi WordPress non è mai semplice quando vengono venduti con modelli di prezzo diversi.

Sia Divi che Avada vengono forniti con altri prodotti WordPress di alta qualità, ma solo tu puoi decidere se questi extra ti offrono valore, quindi assicurati di considerare come utilizzerai Divi e Avada per prendere una decisione informata.

Un abbonamento a Elegant Themes garantisce un utilizzo illimitato, quindi se stai pianificando di creare molti siti Web, Divi è l'opzione più economica.

Se hai solo bisogno di un tema WordPress per un sito Web, Avada funzionerà in modo più economico in quanto può essere ritirato per soli $ 60 e viene fornito con aggiornamenti a vita.

Quando si tratta di costi, Divi supera leggermente Avada in quanto aderisce alla General Public License e offre supporto a un numero illimitato di utenti.

Vincitore: Divi

Pensieri finali

Anche se mi piace il Customizer di WordPress, Theme Fusion ha fatto un ottimo lavoro integrando le opzioni di personalizzazione dei temi direttamente in Fusion Builder Live. Funziona davvero bene e riduce il tempo che dedichi alla modifica del tuo sito web.

Pertanto, sceglierei Avada se stai cercando una soluzione che ti permetta di controllare ogni aspetto del design del tuo sito Web da un'unica interfaccia.

Dove Divi continua a guidare è il sistema Divi Library. Elegant Themes ha perfezionato questa configurazione nel corso degli anni per semplificare il compito di salvare layout, effettuare personalizzazioni e riutilizzare i progetti.

Quindi, se stai principalmente cercando un generatore di pagine WordPress che ti aiuti a creare contenuti eleganti e layout professionali, Divi è la scelta migliore.

Divi e Avada sono entrambe soluzioni eccellenti, quindi si tratta davvero di quale tema WordPress funziona meglio per te.

Ecco un riepilogo di come Divi e Avada si confrontano:

Qual è il tuo tema WordPress preferito?

Fatecelo sapere nell'area commenti qui sotto.

Se ti è piaciuto questo articolo, ti incoraggio a seguirci su Twitter e Facebook. Dovresti anche dare un'occhiata alla nostra vasta gamma di temi WordPress gratuiti e premium.

Buona fortuna.
Kevin