Divi vs Avada: quale tema bestseller vale la pena? (2024)

Se hai pensato di creare un tema WordPress con un aspetto premium, ti sei sicuramente imbattuto in questi due temi principali. Ma come decidi tra Divi vs Avada?

Avada è il tema WordPress più venduto su ThemeForest, con oltre 478,661 881,346+ vendite al momento. Divi, d'altra parte, è il tema più flessibile da Elegant Themes - ha anche un numero enorme di clienti - con anche over 554,210 Oltre 861,600 utenti al momento della scrittura.

Chiunque voglia applicare un modello multiuso al proprio sito WordPress si chiederà: quale? 

Ecco di cosa tratta questo articolo. Dopo aver eseguito test approfonditi e aver sviluppato siti utilizzando questi due temi, esaminiamo i vantaggi e gli svantaggi di entrambi questi elementi, quindi deciderai quale sarebbe la soluzione migliore per le tue esigenze: è ciò che sappiamo fare meglio in CollectiveRay. Com.

Abbiamo appena aggiornato questo articolo nell'aprile 2024 per aggiungere tutti i nuovi dettagli necessari, quindi puoi essere certo che questo articolo è il più fresco possibile.

Divi contro Avada

Divi e Avada sono due dei temi WordPress multiuso più popolari in circolazione. Avada costa $ 69 con una licenza per un sito, mentre Divi costa $ 89 all'anno ma è più economico a lungo termine grazie all'uso illimitato dei siti. Divi è più veloce di Avada grazie a un aggiornamento incentrato sulle prestazioni e ha molti più plug-in. Nel complesso, Divi ha un leggero vantaggio su Avada.

Iniziamo il nostro vero confronto Divi vs Avada. 

Perché Divi vs Avada o un tema WordPress multiuso?

Il concetto alla base di un modello multiuso come Divi e Avada è autoesplicativo.

Prima che i temi multiuso di WordPress diventassero di gran moda, la maggior parte delle persone che avevano bisogno di un nuovo sito web ne acquistavano uno nuovo per ogni progetto per cui avevano un contratto o dove si stavano creando. Il problema non è solo che è più costoso perché stai cercando di acquistare un oggetto nuovo di zecca ogni volta, ma in realtà dovevi imparare come funzionava ognuno. 

Ciascuno di questi modelli funziona in realtà in modo molto diverso l'uno dall'altro, quindi in genere dovresti dedicare una quantità aggiuntiva di ore a capire come farlo funzionare nel modo desiderato.

Quando Elegant Themes è uscito con Divi Verso la fine del 2013, hanno stabilito un nuovo standard su ciò che i progetti multiuso dovrebbero effettivamente contenere. Questo nuovo tema era in realtà rivolto anche a web designer e proprietari di siti Web non tecnici, che sono stati quindi in grado di creare siti Web dall'aspetto fantastico, letteralmente in poche ore.

Non è quindi un caso che Divi sia un punto di riferimento quando si tratta di temi WP “All in One”.

È un framework flessibile che ti consente di produrre un sito adatto a qualsiasi organizzazione, causa o marchio. Questo tipo di prodotto include tutte le funzionalità di cui il tuo sito web potrebbe aver bisogno. Ti consente di promuovere prodotti e servizi, creare un sito di e-commerce o un bellissimo blog o sviluppare un portfolio professionale. Supporta l'integrazione dei social media ed è completamente reattivo.

L'estremo livello di personalizzazione rende il tuo sito web unico.

Sebbene vedrai molti altri siti costruiti sulla base dello stesso modello, saranno tutti molto diversi. Se hai bisogno di un modello che ti consenta di creare un sito web nel modo più semplice, un tema multiuso sarebbe l'opzione migliore.

Ci sono alcuni potenziali svantaggi degli articoli multiuso, che è necessario considerare prima di sceglierne uno.

Se sei estremamente esigente in merito a layout, colori, spaziatura e altri aspetti dello stile e dell'aspetto, potresti non ottenere tutto ciò di cui hai bisogno in un prodotto multiuso.

Forse avrai bisogno di una funzione che il modello non offre, o non sarai in grado di utilizzare quella funzione nel punto esatto che hai in mente. Se vuoi aggiustare il sito web a una visione molto specifica, avrai bisogno di Sviluppatore WordPress con capacità di codifica avanzate.

Se hai bisogno di un sito web mirato e raffinato appositamente progettato per la tua nicchia, uno multiuso non soddisferà le tue aspettative. Se, d'altra parte, vuoi iniziare e mantenere le cose aperte, in modo da continuare a migliorare il sito Web in movimento, scegliere un'opzione multiuso è una cosa intelligente da fare.

Il lato positivo è che questi due sono i migliori esempi di modelli multiuso che funzionano per le esigenze della maggior parte delle persone. Ora, sui dettagli!

Per saperne di più:  Oltre 25 migliori (divertenti!) Temi WordPress per artisti (gratuiti e premium)

Avada vs Divi - Funzionalità

Sia Avada che Divi avranno successo o falliranno nelle loro funzionalità. Quindi quale ci offre di più?

Avada – Panoramica delle funzionalità

Avada è interessante soprattutto per la sua flessibilità. Puoi usarlo per quasi tutti i tipi di siti WordPress applicando uno dei tanti siti Web demo predefiniti.

Dovrai solo aggiungere contenuti e voilà: ti ritroverai con un sito Web di bell'aspetto. Abbiamo utilizzato questo tema più volte nel nostro lavoro con i clienti con risultati sorprendenti e il cliente ne è sempre uscito soddisfatto.

Il mercato Envato è estremamente competitivo, quindi essere l'articolo più venduto significa qualcosa. Deve essere davvero fantastico.

Simile al suo concorrente, i modelli di ThemeFusion ti consentono anche di creare praticamente qualsiasi tipo di sito web.

Ottieni l'accesso a una vasta libreria di file predefiniti siti web dimostrativi, che puoi applicare al tuo sito in pochi minuti.

Se non ti piacciono i siti demo, puoi sempre iniziare da zero.

Queste sono le principali funzionalità che puoi utilizzare:

• Menu fantastici: diverse posizioni, mega menu con widget, alto livello di personalizzazione e controllo tipografico
• Generatore di pagine drag and drop integrato
• Pletora di temi e opzioni di pagina
• Oltre 120 elementi di design
• Importatore di demo con un clic
• Opzioni di traduzione
• Controllo sulla larghezza del sito

Ulteriori informazioni su Avada

Dopo aver installato e attivato Avada nella pagina dei temi, verrai indirizzato a un'area di benvenuto.

Questa è essenzialmente una guida introduttiva per assicurarti di aver fatto tutte le cose essenziali.

Ti verrà richiesto di installare eventuali plugin WordPress dipendenti e configurare tutto.

Queste dipendenze torneranno utili per impostare caratteristiche e funzioni specifiche. Includono Avada LayerSlider, Slider Revolution, WooCommerce, bbPress, The Events Calendar e Contact Form 7. 

Ad essere onesti, abbiamo scoperto che Avada funziona al meglio quando viene mantenuto con un numero minimo di plug-in, quindi il nostro consiglio è di mantenere i plug-in solo quando ne hai effettivamente bisogno.

Mentre Divi è minimamente invasivo con il minor numero possibile di intrusioni, Avada adotta un approccio più energico rispetto al menu di amministrazione.

Si mostra visualizzando le voci di menu per Avada, il Live Visual Builder nella parte superiore del menu. Ciò significa che spinge le cose a cui sei abituato come post, pagine, commenti e plug-in, più in basso nella pagina

Attraverso i nostri tentativi ed errori, abbiamo scoperto che questo non è l'ideale se lavori con WordPress da molto tempo. Ti ritroverai a indovinare ogni volta che selezioni un'opzione.

Quel che è peggio è che se aggiungi gli altri plugin WordPress consigliati, il menu diventerà ancora più affollato.

Dopo aver usato Avada per il nostro progetto, dobbiamo dire che questa è una cosa che non ci piace di Avada. 

Il Live Visual Builder è un generatore di pagine drag and drop front-end. Questo è un netto miglioramento rispetto al vecchio builder Fusion con cui avevamo lottato prima. Può essere attivato nei tuoi contenuti siano essi post, pagine o altri tipi di post, rendendolo molto accessibile.

In contrasto con l'interfaccia colorata di Divi, la semplice combinazione di colori nero, bianco e blu del builder sembra un po' clinica.

Sembra che sia stato progettato da un programmatore, piuttosto che da un designer.

Sul lato positivo, il builder è veloce, funzionale e molto facile da navigare. Su una pagina vuota, vedrai le opzioni per aggiungere un contenitore (riga) o un layout predefinito.

Se stai solo iniziando con il costruttore, viene visualizzato anche un video di visita guidata.

Anche se la maggior parte degli utenti non troverà il builder intimidatorio, consigliamo comunque di guardare il video tutorial poiché spiega alcune cose con cui potresti avere familiarità.

Copre il sistema bibliotecario e mostra altre impostazioni e funzionalità che potrebbero lasciarti un po' frustrato.

Una volta che inizi a utilizzare il builder, inizierai a divertirti a lavorarci, perché è diventato così rapido e veloce rispetto alle versioni precedenti che erano dolorose da usare.

Avendo lavorato con un gruppo di costruttori di pagine, la mia più grande lamentela è che alcuni di loro sono sempre così lenti.

Mentre l' Divi Builder non può essere considerato uno dei costruttori lenti, sentirai comunque una differenza tra i due quando li carichi fianco a fianco.

In poche parole, la nostra esperienza di lavoro con il builder di Avada è ora un'esperienza veloce e piacevole.

Come ci si aspetterebbe, gli elementi possono essere facilmente eliminati, spostati, clonati e configurati.

Si noti che le righe sono note come "Contenitori". Gli elementi possono essere rilasciati in colonne che vengono posizionate all'interno di contenitori.

Per quanto riguarda tutti gli elementi che puoi infondere in un sito basato su Avada, di seguito trovi una panoramica. Come puoi vedere, c'è un'ampia scelta di elementi da aggiungere al tuo sito.

Il builder ti consente anche di vedere le modifiche che hai apportato e ti consente di ripristinare tali modifiche. È in qualche modo diverso dal pulsante Ripristina o Annulla disponibile con Divi: è necessario utilizzare la sequenza temporale delle modifiche per ripristinare.

Continuiamo infatti la recensione Divi vs Avada guardando ora nel dettaglio le caratteristiche di Divi.

Divi – Panoramica delle funzionalità

Con Divi, puoi creare qualsiasi tipo di sito Web e goderti anteprime reattive dal vivo. È un prodotto eccezionale con una grafica eccezionale. Sebbene il potente generatore di pagine soddisfi le esigenze di qualsiasi sviluppatore, è adatto anche a persone che non possono programmare.

Usiamo Divi da anni ormai, per diversi motivi. Il tema è andato sempre più rafforzandosi e i siti Web che abbiamo creato con esso sono sempre di prim'ordine. 

Il motivo principale per cui Divi ha continuato a migliorare è questo.

Dal Elegant Themes sta ottenendo la maggior parte dei suoi guadagni da questo prodotto, investono continuamente in esso. Cosa significa questo per i suoi utenti? Ricevono costantemente nuovi aggiornamenti, che li aiutano a migliorare i loro siti.

Divi versione 3.0 ha portato la modifica in tempo reale in prima pagina.

La versione Divi 4.0 ha portato un'altra caratteristica rivoluzionaria: il generatore di temi Divi.

Con questo, ora è possibile modificare il design, il layout e la struttura dell'intero sito web. Ti consente di utilizzare il generatore di pagine visive reattive per creare intestazioni, piè di pagina e modelli di corpo personalizzati per ogni tipo di pagina sul tuo sito.

Puoi creare design, layout e strutture personalizzati per vari tipi di post come post di blog, prodotti, portfolio e altri.

Oltre a ciò, puoi anche fare lo stesso con le pagine di indice personalizzate insieme ad altre pagine speciali come pagine 404, pagine dei risultati di ricerca, archivi, feed di categoria e altro ancora. Ora puoi letteralmente personalizzare l'aspetto di qualsiasi parte del tuo intero sito web.

Un sito web costruito con questo è elegante, pulito, elegante e moderno. Dà l'impressione di molto lavoro investito in esso. Tuttavia, la libreria di layout predefiniti e il semplice generatore di pagine rendono questo uno dei temi più utilizzabili in circolazione. La cosa migliore è che continua a migliorare nel tempo.

Queste sono le funzionalità più importanti che abbiamo utilizzato e, in base alle nostre osservazioni, troverai utili anche queste:

• Modifica in linea
• Interfaccia utente personalizzabile
• Larghezze trascinabili
• Generatore di pagine Drag & Drop
• Modifica reattiva
• Strumento per il test di divisione dei cavi
• Generatore di temi

Diamo un'occhiata a cosa puoi fare con Divi, quindi lo capiremo un po 'meglio:

Fondamentalmente, ottieni ogni elemento di cui hai bisogno per un sito web dettagliato.

Ottieni il 10% di sconto su Divi

Continuiamo il nostro confronto Divi vs Avada controllando quali modelli predefiniti o siti demo sono disponibili su entrambi i temi.

Avada vs Divi - Modelli disponibili

Il numero di modelli che ottieni con qualsiasi tema è una misura di quanto puoi ricavarne, quindi ora confronteremo Divi vs Avada sulla loro selezione di modelli. Non siamo tutti sviluppatori o graficamente dotati, quindi un modello già pronto di alta qualità è essenziale.

Modelli Avada

Avada viene fornito con 91 siti Web predefiniti che coprono un'ampia gamma di settori. C'è un vero mix di piccole imprese, e-commerce, agenzie e altri. Ne abbiamo usati diversi per iniziare e ti danno davvero un vantaggio nello sviluppo.

I design sono moderni, colorati e ben equilibrati e offrono molte opzioni per chiunque desideri utilizzare qualcosa di già realizzato.

C'è uno stile molto coerente in tutti questi modelli. Sono tutti premurosi, equilibrati e creano un'atmosfera professionale.

Avada Nutritionist è un esempio di un modello più colorato.

Avada Extreme è un altro esempio del loro occhio per il design.

Modelli Divi

Divi non quantifica quanti modelli offre, ma ce ne sono letteralmente migliaia di pagine. Durante lo sviluppo dei nostri progetti, la parte difficile è esaminarne la maggior parte, sono così abbondanti. Come Avada, c'è una vera miscela di generi e design che copre la maggior parte delle esigenze.

I disegni sono davvero colorati e vivaci o relativamente piatti e poco interessanti (ai miei occhi comunque). Mentre alcuni sono davvero buoni, alcune demo si caricano molto lentamente e sono piuttosto poco entusiasmanti.

Sicuramente più un back misto che con Avada anche se ce ne sono di più.

Divi YMCA è un bel piccolo design che coinvolge subito.

Divi Rebbl è un modello di e-commerce che useremmo volentieri noi stessi.

Tema Avada vs Divi - Costruzione del tema

La costruzione del tema è un'altra caratteristica fondamentale di questi due temi. Va benissimo avere modelli già pronti, ma se vuoi qualcosa di unico? Vediamo come si confrontano i costruttori di temi in Divi vs Avada.

Avada in azione: il costruttore

A causa della licenza, l'installazione di Avada include un passaggio aggiuntivo rispetto al Elegant Themes tema.

Dovrai convalidare la tua copia dell'elemento prima di ottenere l'accesso a tutti i plug-in e le estensioni. Il tema ti dà la possibilità di usarlo senza tale convalida, ma ti mancheranno funzioni interessanti.

Analogamente al suo concorrente, anche questo modello ti consente di creare un sito Web da zero.

Tuttavia, ti offre anche fantastiche demo di siti Web (ne troverai molte) che sono altamente flessibili, quindi puoi comunque ottenere un sito Web dall'aspetto unico se scegli questa opzione.

Le demo includono la pagina del prodotto, la fotografia, i viaggi, l'architettura, lo stile di vita e altro ancora. Puoi modificare qualsiasi aspetto del sito.

Se non sei il maestro del codice, questo modello non ti darà alcun problema per questo. In effetti, abbiamo diversi designer che non codificano, ma hanno comunque ottenuto ottimi risultatiless.

Il page builder è uno strumento di trascinamento della selezione che ti consente di creare un sito Web da zero. Viene fornito con una vasta scelta di modelli predefiniti, che puoi modificare come preferisci.

Dai un'occhiata a una demo di Avada ora

Puoi regolare ogni pagina con impostazioni aggiuntive relative a sfondo, barre laterali, piè di pagina, cursori, barra del titolo e altro.

La buona notizia è che questo modello semplifica la monetizzazione del sito Web: puoi semplicemente utilizzare il widget Annunci per portare banner pubblicitari sul tuo sito.

Dove Avada vince: funzionalità che mancano in altri modelli

Ricorda come prima abbiamo menzionato come il Elegant Themes template ti ha fornito una libreria di layout (ovvero modelli di pagina) da applicare alle tue pagine e ai tuoi post?

È fantastico e Avada ti offre anche questa opzione.

Tuttavia, il modello ti consente anche di importare un intero sito Web dimostrativo in pochi minuti. Ecco dove vince.

Un altro importante punto di forza di questo prodotto è che è ottimo per consentirti di assumere il controllo dell'aspetto di un sito web per dispositivi mobili. Puoi escludere elementi specifici dalla visualizzazione nella versione mobile e puoi regolare i punti di interruzione mobile.

L'estetica è un punto di forza di questo template. Divi ti consente anche di creare bellissime pagine.

Se dovessimo scegliere un vincitore in questo aspetto, Avada sarebbe quello giusto.

Visita la demo del modello su ThemeForest

Divi in ​​azione: il generatore drag-and-drop

Il builder Drag-and-Drop è dove il tema Divi WordPress brilla davvero ed è dove possiamo vedere differenze significative tra Divi e Avada. Abbiamo creato molti siti WordPress personalizzati ed è facilissimo con questo modello.

Dopo aver caricato e installato Divi sul tuo sito e attivato, puoi semplicemente iniziare a lavorarci. Non è necessario installare alcun plug-in (ad esempio, Avada consiglia di installare plug-in specifici). Si consiglia comunque di eseguire gli aggiornamenti richiesti e assicurarsi di aggiungere il nome utente e la chiave API in modo da ottenere pieno accesso alle funzionalità e agli aggiornamenti, direttamente tramite l'area di amministrazione.

Elegant Themes hanno adottato un approccio minimalista al modo in cui questo si integra nel tuo sito. Il builder è immediatamente disponibile quando modifichi contenuti, post e pagine.

Se hai altri tipi di post personalizzati, potresti dover accedere alle impostazioni per abilitarli Divi builder per lavorare con loro.

Divi builder funziona sia sul back-end che sull'editor front-end. Mentre alcune persone preferiscono lavorare nel front-end, altre preferiscono il back-end - per esempio, io preferisco lavorare nel back-end anche se è disponibile un'interfaccia front-end - per me è più accessibile con il resto le opzioni in WP. Il front-end che potrei quindi usare solo quando ho bisogno di modificare l'aspetto e la sensazione finemente.

Probabilmente saprai che la nicchia dei page builder è molto competitiva in questo momento, ma, a dire il vero, il Builder di Elegant Themes è effettivamente considerato il livello a cui mirare. Il fatto che abbia un'interfaccia pulita, un'ottima esperienza utente ed è ancora veloce, lo rende una combinazione perfetta. Anche se il layout può sembrare semplice, questo è un design intelligente dell'esperienza utente: ha molte impostazioni e funzionalità utili che non si trovano in nessun altro generatore di pagine.

Anche nella nostra agenzia, il nostro metro di paragone quando si parla di page builder è Divi. Confrontiamo la maggior parte degli altri page builder con questo. Forse perché abbiamo accumulato molta esperienza e competenza lavorando con Divi, ma anche con le nuove reclute, scopriamo che si trovano ancora a mettersi al passo con Divi più velocemente.

Allora come lo usi?

Dopo aver fatto clic su "Usa Divi Builder"disponibile nel tuo editor di post e verrà visualizzato il Builder. A questo punto, puoi iniziare a modificare trascinando e rilasciando moduli di contenuto, colonne, righe e sezioni in base alle esigenze del tuo sito. 

Il tema ti dà anche la possibilità di iniziare da zero creando il tuo layout.

Ciò significa che stai scegliendo il modo più difficile per creare un sito. Tuttavia, ti offre anche un ampio elenco di layout predefiniti, che puoi regolare per soddisfare le esigenze del tuo sito web. Prima di iniziare a crearne uno personalizzato, ti suggeriamo di controllare i layout già disponibili.

Il modello ti offre anche un ampio elenco di layout predefiniti, che puoi adattare per soddisfare le esigenze del tuo sito web. Prima di iniziare a crearne uno, ti suggeriamo di controllare i layout che sono già disponibili.

Ci sono più layout tra cui scegliere al momento e altri vengono aggiunti nel tempo, così puoi creare la tua pagina accattivante anche se non hai competenze di codifica avanzate. 

I layout coprono tutto, dai modelli di post del blog e le pagine in arrivo a più pagine di destinazione e design della home page. Puoi iniziare a utilizzare diversi modelli subito dopo l'installazione di Divi, quindi questo ti fa risparmiare molto tempo.

I modelli ti evitano di aggiungere codice personalizzato e allo stesso tempo offrono versatilità e buone prestazioni per il tuo sito web. 

Abbiamo utilizzato i modelli più e più volte per assicurarci che alcuni aspetti riutilizzabili, come i widget promozionali, possano essere riutilizzati più e più volte nelle diverse parti dei siti web. Ciò ci ha fatto risparmiare un sacco di tempo e ci garantisce coerenza in tutto il nostro design.

Mentre stai modificando e commetti un errore o forse devi creare un layout simile, puoi rimuovere, clonare o copiare sezioni con un clic di un pulsante. Ci sono impostazioni specifiche per ogni parte, offrendo un ottimo livello di controllo e dettaglio su come viene visualizzato tutto.

In termini di struttura di come viene costruita una pagina, i moduli di contenuto vengono visualizzati all'interno di colonne. Queste colonne sono contenute all'interno di righe che sono a loro volta contenute in sezioni. Naturalmente, hai la massima flessibilità per aggiungere facilmente sezioni standard, sezioni a larghezza intera e sezioni particolari che presentano colonne che si estendono su più righe. 

È quindi possibile definire come questi vengono visualizzati nelle varie dimensioni reattive.

Il tema di personalizzazione ti consente di giocare con diversi elementi della pagina, come intestazione e piè di pagina, pulsanti, caratteri tipografici, widget, combinazioni di colori e altro. La cosa buona è che puoi sperimentare i risultati di questi cambiamenti in tempo reale. 

Questo è qualcosa che il modello di ThemeFusion non fa per te.

Ora, ecco il kicker.

Come web designer o ancor più come utente non tecnico, sei obbligato a commettere errori che potrebbero rompere il tuo design. Ma i ragazzi che lo sviluppano ci hanno già pensato. Se commetti un errore nel layout, sono presenti un pulsante Annulla, un pulsante Ripeti e un pulsante cronologia che ti consente di tornare al design precedente.

Sicuramente un salvavita, e l'abbiamo sperimentato più volte, davvero una grande caratteristica.

Editing front-end vs back-end

Nelle versioni precedenti di Divi, in particolare prima della versione 3.18, l'editor di front-end, chiamato anche "Visual Builder", è facilmente attivabile tramite l'area di amministrazione abilitandolo tramite il pulsante "Usa Visual Builder". Puoi anche abilitarlo utilizzando il pulsante "Abilita Visual Builder" nella barra di amministrazione sul front-end del tuo sito web (devi essere loggato per poterlo fare).

Da quando WordPress 5.0 e il nuovo editor Gutenberg, l'editor di backend di Divi non funziona più, quindi quando Divi 3.18 è stato rilasciato, Elegant Themes apportato miglioramenti e modifiche significativi alle funzionalità di modifica del back-end. Tuttavia, ne parleremo più avanti.

Visual Builder utilizza un'interfaccia leggermente diversa dal builder utilizzato nel backend o nell'area di amministrazione. Anche se non è particolarmente difficile da usare, è un po' più complicato e leggermente less facile spostare le parti, soprattutto se si dispone di una pagina grande e complessa.

Se hai bisogno di vedere più dettagli, dovrai fare clic sul pulsante con i puntini di sospensione (tre punti) che fa apparire più opzioni come il caricamento dalla libreria, cancellare il layout corrente e le impostazioni della pagina pertinenti, se necessario.

C'è anche un menu che viene caricato nella parte inferiore sinistra della pagina - questo è particolarmente utile mentre stai lavorando sul tuo layout. Il menu in realtà ti consente di visualizzare la tua pagina nel modo in cui appare in modalità mobile, tablet e desktop, mentre le opzioni di zoom indietro ti mostreranno l'intero layout.

L'ultima cosa di cui vogliamo parlare in termini di builder è l'opzione chiamata "Wireframe View". Questa vista in realtà nasconde il tuo design e carica il tuo layout come visualizzato nel builder predefinito. Questa nuova funzione ti permette di cucirelessPassa facilmente dalla modalità wireframe (back-end) all'editor visivo.

Sebbene originariamente fosse un modo per gli utenti di passare facilmente dal generatore di front-end a quello di back-end, da allora è diventato il nuovo editor di back-end, sostituendo completamente quello vecchio che funziona con il classico editor di post di WordPress.

Ora che stiamo parlando dell'editor di back-end... parliamone in dettaglio.

Dal rilascio di WordPress 5.0 e Divi 3.18, il classico editor di back-end Divi è ora disabilitato per impostazione predefinita. Questo perché Gutenberg è diventato il nuovo editor di post predefinito di WordPress. Il vecchio editor back-end Divi è stato sviluppato per funzionare con il vecchio "classico"post editor, quindi ora non si adatta più allo scenario attuale. Così Elegant Themes ha rilasciato un nuovo aggiornamento e ha reso tale che l'editor Gutenberg ora può utilizzare la modalità di creazione di pagine visive.

In effetti, la creazione di una nuova pagina in Gutenberg ora mostra la seguente schermata:

Facendo clic sul Usa il Divi Builder Il pulsante avvia immediatamente il visual builder con le opzioni per creare una pagina da zero, importare un layout esistente o clonare una pagina.

Il nuovo vista wireframe essenzialmente sostituisce il vecchio editor di back-end. È possibile accedervi facilmente con un semplice clic di un pulsante quando sei in modalità visual builder.

Divi vs Avada - Compatibilità con le versioni precedenti

La compatibilità con le versioni precedenti è una funzionalità minore, ma può essere utile se un nuovo aggiornamento interrompe il tuo design o se desideri tornare a utilizzare il classico editor di WordPress.

Compatibilità con le versioni precedenti di Avada

Per quanto ne sappiamo, Avada funziona abbastanza bene con l'editor di blocchi di WordPress per la creazione di post e pagine. Abbiamo creato diversi post sul blog utilizzando un sito demo di Avada e l'editor di blocchi e sembravano e funzionavano bene.

Il design complessivo ha assunto lo stile Avada, mentre potevamo aggiungere contenuti e immagini utilizzando l'editor a blocchi.

Avada dice anche che può essere ripristinato alle versioni precedenti, ma non l'abbiamo provato.

Compatibilità con le versioni precedenti di Divi

Per coloro che si trovano ancora a proprio agio nell'usare il classico editor di blocchi di WordPress, Divi ha un'opzione che ti consente di ripristinarlo.

Andando a Divi > Costruttore > Tecnologia, puoi abilitare il Classico editor, che è l'editor di post originale di WordPress.

Non è necessario utilizzare un plug-in WordPress autonomo esterno per abilitarlo!

Sebbene possa sembrare una funzionalità semplice, è un ottimo modo per garantire la compatibilità con le versioni precedenti per quegli utenti che sono ancora a proprio agio con l'esperienza utente e il modo di lavorare precedenti

Se abiliti questa opzione, sarai in grado di avere il back-end completo Divi builder sperimentare di nuovo. Se sei su Gutenberg, questo non sarebbe stato possibile.

Il vecchio back-end utilizza la nuova visualizzazione wireframe, ma puoi ancora andare più indietro e provare la vera esperienza classica del back-end Divi.

Andando a Divi > Costruttore > Tecnologia, c'è l'opzione "Abilita l'ultima esperienza Divi". Se ami davvero il classico editor di backend Divi, vorrai che questa opzione sia disabilitata.

Piuttosto pulito! Soprattutto per coloro che sono felici di lavorare nei modi a cui sono abituati.

Quanto sopra è la stessa pagina che abbiamo visto prima, solo che questa volta utilizza l'editor classico e il classico editor di back-end Divi.

In questo modo ti perdi alcune delle funzionalità più recenti. Tuttavia, ma se fai clic sul file Costruisci sul front-end pulsante, sarai in grado di utilizzare la nuova modalità wireframe.

Divi funziona anche abbastanza bene con l'editor di blocchi di WordPress in modo da poter creare post e pagine con entrambe le interfacce utente.

Ottieni uno sconto del 10% su Divi fino ad aprile 2024

Generatore di temi Divi

Divi è dotato di una grande funzionalità: il Theme Builder.

Nelle sue versioni precedenti, Divi aveva alcune limitazioni in termini di personalizzazione. Sebbene sia dotato di un ottimo personalizzatore e di un potente generatore di pagine, mancava ancora qualcosa: la possibilità di creare modelli di intestazione, piè di pagina e corpo personalizzati.

Questa caratteristica specifica è ciò che ci ha permesso di creare siti Web completamente personalizzati da zero senza limitazioni.

Per saperne di più: Divi vs Elementor - Quale Pagebuilder vale di più i soldi?

Con la nuova versione, ora puoi personalizzare praticamente qualsiasi parte del tuo sito web. Elegant Themes ha preso il potere del generatore di pagine e lo ha esteso all'intero sito web.

Sebbene le possibilità di utilizzare intestazioni e piè di pagina personalizzati siano abbastanza ovvie, non si può dire lo stesso per i modelli di corpo personalizzati.

L'uso e i casi d'uso di questi possono essere un po' vaghi per un utente inesperto. Ma per un'agenzia come la nostra, dove i nostri clienti arrivano con molte richieste e specifiche diverse, la possibilità di essere completamente flessibili e il generatore di temi Divi ci ha dato questa possibilità.

In poche parole, con i modelli di corpo personalizzati puoi creare un design personalizzato che altera il layout, la struttura e il design dei tuoi post, pagine, prodotti, feed di categorie e altro ancora.

Ad esempio, per impostazione predefinita, un post sul blog ha il titolo all'inizio. Quando utilizziamo il nuovo generatore di temi, possiamo fare in modo che il titolo appaia subito dopo l'immagine in primo piano o prima, come preferisci.

Possiamo anche impostare quale tipo di carattere, colore e dimensione deve apparire il testo, aggiungere elementi personalizzati a tutti i post del blog contemporaneamente e altro ancora!

Il bello è che possiamo utilizzare i vari moduli Divi nel modo che vogliamo. Ad esempio, prendi il modulo Divi per le icone di condivisione sui social.

Utilizzando il generatore di temi, possiamo creare un modello di corpo personalizzato per i post del blog che ha il modulo di condivisione social, ad esempio, sotto il titolo.

Una volta salvato, tutti i post hanno icone di condivisione social, senza dover installare un plug-in esterno per questo!

Le possibilità di design e utilizzo sono ora limitate solo dalla tua creatività.

Ma cosa succede se desideri escludere determinati post dall'avere un'icona di condivisione sociale? O cosa succede se non vuoi che alcuni post abbiano il modello personalizzato?

Il generatore di temi ti permette anche di farlo includere or escludere parti del tuo sito web da un modello.

Possiamo dire che, letteralmente, la tua immaginazione è il limite con Divi 4.0. Dopo aver lavorato con questo prodotto da quando è uscito, non riusciamo a capire come facessimo a lavorare senza di esso!

Dove vince Divi - Funzionalità che mancano in altri temi

Lo strumento di test diviso di Leads ti consente di creare facilmente più versioni di una pagina e vedere quale funziona meglio in azione. Lo split test è una parte cruciale dello sviluppo di ogni sito web e non dovrai pagare per un servizio aggiuntivo se utilizzi questo modello.

L'aspetto in tempo reale è il suo vantaggio più forte. Vedrai ogni modifica che apporti in tempo reale, semplicemente perché il tema ti offre un'opzione di modifica front-end.

Non troverai tali funzionalità in altri page builder, come Visual Composer (almeno non finora).

Un altro grande vantaggio di questo tema è che puoi applicarlo a più siti senza costi aggiuntivi. Quant'è fico?

Per aggiungere alla bontà, un recente aggiornamento a Divi nell'agosto 2021 significa tempi di caricamento della pagina più rapidi e prestazioni davvero impressionanti. Usando trucchi CSS intelligenti, gli sviluppatori hanno ridotto i CSS del 94%, rimosso i CSS che bloccano la visualizzazione, rimosso tutte le duplicazioni all'interno dei file e ottimizzato in modo che venga utilizzato solo il CSS richiesto per la pagina.

Tutti cospirano per rendere Divi più veloce che mai!

Divi è fantastico, non c'è da stupirsi che sia uno dei temi WordPress più venduti di tutti i tempi! 

Avada in azione: The Fusion Builder

A causa della licenza, l'installazione di Avada include un passaggio aggiuntivo rispetto al Elegant Themes tema: dovrai convalidare la tua copia dell'elemento prima di accedere a tutti i plug-in e le estensioni. Il tema ti offre un'opzione per usarlo senza tale convalida, ma ti mancheranno fantastiche funzionalità.

Analogamente al suo concorrente, anche questo modello ti consente di creare un sito Web da zero. Tuttavia, ti offre anche fantastiche demo di siti Web (ne troverai oltre 90) che sono altamente flessibili, quindi puoi comunque ottenere un sito Web dall'aspetto unico se scegli questa opzione. Le demo includono la pagina del prodotto, la fotografia, i viaggi, l'architettura, lo stile di vita e altro ancora. Puoi modificare qualsiasi aspetto del sito. 

Fusion Builder è uno strumento drag-and-drop che ti consente di creare un sito Web da zero. Viene fornito con un'ampia scelta di modelli predefiniti, che puoi modificare a tuo piacimento.

Dai un'occhiata a una demo di Avada ora

Puoi regolare ogni pagina con impostazioni aggiuntive relative a sfondo, barre laterali, piè di pagina, cursori, barra del titolo e altro. La buona notizia è che questo modello semplifica la monetizzazione del sito Web: puoi semplicemente utilizzare il widget Annunci per portare banner pubblicitari sul tuo sito.

Avada vs Divi - Facilità d'uso: quanto velocemente puoi creare un sito web?

Quando si tratta di parlare di Divi vs Avada, la facilità d'uso è il più grande vantaggio dei modelli multiuso. Entrambi i modelli consentono di creare un sito Web basato su layout o modelli di pagina. La curva di apprendimento per entrambi è delicata. Tuttavia, non sono solo "skin" e devono essere abituati.

Stiamo parlando di un software serio. Se vuoi ottenere tutti i vantaggi di entrambi questi prodotti, dovrai giocare. Per accumulare esperienza, alcuni dei nostri designer devono passare un bel po' di ore a giocare con i nostri progetti preferiti.

Mentre ThemeFusion ha una vasta base di conoscenze e fantastici video tutorial che rendono il tuo lavoro davvero facile. Qualunque sia la funzione che desideri utilizzare, puoi facilmente imparare come farlo. Le linee guida di Divi sono più organizzate e più facili da leggere per gli utenti occasionali. Riceverai anche tutorial video pratici per ogni voce che desideri implementare.

Non c'è un puro vincitore in questa battaglia: la curva di apprendimento è praticamente uguale con entrambi questi elementi. Sono relativamente facili da usare per le persone senza capacità di codifica avanzate.

Testimonianze degli utenti

Oltre ai nostri progetti, test e revisione completa. È importante vedere cosa hanno da dire gli utenti reali su Divi vs Avada, quindi baserai la tua decisione anche sull'esperienza di altre persone. Entrambi i siti presentano testimonianze degli utenti. Ecco un assaggio:

Andrew Palmer di SomebodysHero.co.uk è impressionato da Elegant Themes:

“Dopo aver scoperto Elegant Themes circa 4 anni fa e utilizzando praticamente tutti i modelli sui siti dei miei clienti, è chiaro che la mia attività si basa su Elegant Themes. Circa 7 mesi fa, ho scoperto questo tema e ho usato il mio amico e cliente Pat Sharp come test su Divi. Da allora, ho trasferito circa il 40% dei miei clienti e continuo a battere il tamburo sul tema: la sua flessibilità consente a me e ai miei sviluppatori di costruire un sito in pochi giorni anziché in poche settimane e offre tutto a un cliente potrebbe essere necessario, pronto all'uso per dispositivi mobili e se abbiamo bisogno di apportare modifiche al CSS per cambiare il modo in cui appare, possiamo farlo!”

Ci sono un sacco di recensioni anche sul sito di ThemeFusion. Ecco cosa dice uno degli utenti: "Voi ragazzi avete un servizio clienti di prim'ordine e un prodotto straordinario. Un modello così fantastico con un supporto ineguagliabile. Non posso ringraziarti abbastanza per tutto il supporto che hai offerto a un neofita come me nell'ottenere la pagina web. Mi hai salvato letteralmente migliaia di dollari. "

Per quanto riguarda le recensioni indipendenti, Quora ne è una buona fonte.

Questo è ciò che Sanjeev Mishra, un esperto di WordPress, dice di Divi:

“Questo tema WordPress è di gran lunga il miglior tema di Elegant Themes Club e da qualche parte ho letto che il numero di vendite è avvenuto perché Divi è più di tutti gli altri Elegant Themes' temi combinati... Usandolo, puoi creare un bel layout per il tuo sito e aggiungere elementi incredibilmente belli. Senza dubbio, ci sono articoli più belli disponibili sul mercato di TF o anche alcuni temi migliori sono disponibili su altri club".

Ecco cosa ha da dire Karol Krol, autore di WordPress Complete, su Avada, rispetto a Divi:

“Avada ti offre molto di più in termini di personalizzazione. Ha un enorme pannello di opzioni in cui puoi modificare praticamente qualsiasi cosa sul tuo sito Web: cose come il layout, gli stili, i loghi, le intestazioni, il comportamento delle cose, ecc ... Se desideri il maggior numero disponibile di opzioni e ottimizzazioni, vai con Avada. Se vuoi progettare con il drag-and-drop e vedere tutto in tempo reale, scegli Divi.”

Aspetti: cosa puoi ottenere con questi temi

Abbiamo scelto tre fantastici siti Web creati con ciascuno di questi elementi, in modo che tu possa vedere come appaiono nella pratica. Dagli esempi seguenti, vedrai che entrambi ti consentono di creare siti Web dall'aspetto professionale con un sacco di flessibilità. La creazione di ThemeFusion potrebbe vincere il concorso di bellezza, ma è vicina.

Siti web realizzati con Divi (esempi)

FashionOrFamine.com

Il primo sito è un sito dall'aspetto stravagante sulla moda: guarda che aspetto ha un ottimo esempio del modello in azione.

FindabilitySciences.com

Questo è più un sito web aziendale - e puoi vedere che il sito trasuda professionalità.

HowToBeast.com

E ora un esempio completamente diverso di un sito che utilizza questo modello, che riesce ancora a brillare. Non possiamo dire che non sia flessibile.

Ora che abbiamo visto alcuni siti creati con il prodotto ElegantTheme, vediamo come si confrontano i siti creati utilizzando il modello di ThemeFusion.

Siti realizzati con Avada - Esempi

Liberty-Trails.com

Facendo uso di fotografie straordinarie, il modello porta questo sito a grandi altezze.

Maui.Hawaii.edu

Semplice, ma professionale, proprio ciò di cui avrebbe bisogno un sito web universitario e ciò che il modello ha fornito a questo sito.

YellowMarineConsultantancy.com

Un po 'più prolisso, il template Themefusion crea comunque un ottimo risultato

Prezzi Avada vs Divi

L'aspetto cruciale quando si tratta di Divi vs Avada è probabilmente il prezzo. Attraverso il nostro utilizzo di entrambi questi temi, possiamo dirti subito che Divi ha un valore migliore.

E ti spiegheremo come abbiamo vissuto questo valore nella nostra agenzia.

Divi è disponibile in due opzioni di prezzo: $ 89 all'anno per Developer e $ 249 per l'accesso a vita. (e ottieni il 10% di SCONTO se usi il nostro sconto)

Ottieni Divi adesso con uno sconto del 10% fino ad aprile 2024

Una licenza regolare per Avada costa $ 69 ($ 91 se desideri un supporto esteso a 12 mesi).

La domanda è: quale offre il miglior rapporto qualità-prezzo?

Un annuale Elegant Themes l'iscrizione ti costerà $ 89 all'anno.

Con questo, puoi usarlo su un numero illimitato di siti e puoi accedere a tutti i prodotti da ElegantThemes e questo include il Divi Builder plugin, che ti consente di utilizzare temi di terze parti.

La licenza normale per il modello di ThemeFusion costa $ 69 ed è una tariffa una tantum. Puoi usarlo su un unico sito. Con questo pacchetto, ricevi 6 mesi di supporto e aggiornamenti a vita.

Una licenza estesa per il modello viene fornita con una tariffa una tantum di $ 2950. Ti offre 6 mesi di supporto e aggiornamenti a vita.

Non c'è un chiaro vincitore per quanto riguarda il prezzo se stai sviluppando un singolo sito web esclusivamente. I pacchetti sono diversi, quindi sceglierai il miglior rapporto qualità-prezzo per le tue esigenze.

Se hai bisogno di un tema per un singolo sito e desideri aggiornamenti a vita, Avada sarebbe l'opzione migliore.

MA

Se desideri utilizzare il tuo acquisto su più siti, scegli Divi. Nel momento in cui devi creare più di un sito web, ad esempio sei un web designer o un'agenzia, allora Divi ha immediatamente più senso perché puoi continuare a utilizzare lo stesso abbonamento a Elegant Theme più e più volte per tutti i siti che desideri.

La nostra agenzia ha acquistato Divi anni fa con un abbonamento a vita e stiamo ancora sfornando diversi siti Web ogni mese basati sull'ultima versione di questo tema premium.

Divi si è ripagato da solo? Più volte. 

Avada è costoso? Rispetto al costo di un sito Web completo ora, ma in linea di principio, il miglior ROI ottenuto dall'utilizzo di Divi lo rende un gioco da ragazzi.

Questa è una vittoria assoluta in termini di valore e Divi prende il sopravvento qui.

Nuove funzionalità da Divi

Negli ultimi mesi, il team Divi ha lavorato sodo e ha creato una serie di nuovi prodotti per la famiglia Divi. Tra le nuove offerte di prodotti e servizi che ora abbiamo aggiunto al nostro set di strumenti:

• Il marketplace Divi: un mercato per plug-in ed estensioni Divi sviluppati da terze parti
• Divi Cloud: archiviazione cloud per web designer
• Team Divi - collaborazione per le agenzie Divi
• Hosting Divi: hosting cloud completo per siti Web Divi

Guarda la Elegant Themes sito web per ciascuna di queste nuove offerte e ottieni il nostro sconto qui sotto. 

Ottieni uno sconto del 10% solo fino ad aprile 2024

Revisione del tema Avada

Sebbene abbiamo evidenziato alcuni aspetti di questo tema in questo articolo, ci siamo anche assicurati di scrivere un documento completo, imparziale e dettagliato recensione di Avada qui. In verità, se stai scrivendo un confronto tra due articoli popolari, devi concentrarti sui confronti e sulle differenze piuttosto che sui punti salienti del tema specifico. 

Questo è il motivo per cui abbiamo deciso di scrivere una recensione specifica per l'articolo più venduto di ThemeFusion.

In quell'articolo, ci concentriamo specificamente sui punti di forza e sui problemi con l'utilizzo di questo tema. Imparerai a conoscere il suo Page builder e tutte le altre caratteristiche e vantaggi che rendono questo tema un tale successo.

Revisione del tema Divi

Questo confronto con questi due giganti del settore WordPress non sarebbe completo se non dicessimo che lo abbiamo anche fatto ha scritto una recensione molto dettagliata di Divi - dopo averlo utilizzato per molti dei nostri progetti. A dire il vero, come abbiamo anche detto in questo articolo, probabilmente non verrai licenziato per aver scelto uno di questi modelli da utilizzare sul tuo sito web.

Nell'articolo completo e nella recensione, ci immergiamo profondamente nelle funzionalità del modello più popolare di ElegantTheme e vediamo quali sono le grandi cose al riguardo e cosa potrebbe fare con alcuni miglioramenti.

Non giriamo il can per l'arbusto, chiamiamo pane al pane, ma è per questo che ti fidi di noi, vero? Perché scriviamo la vera esperienza che abbiamo avuto come utente effettivo di entrambi questi temi.

Questo conclude il nostro confronto tra Divi e Avada, ma diamo un'occhiata ad alcune domande frequenti.

Domande frequenti su Divi vs Avada

Quale è meglio Divi o Avada?

Divi è migliore di Avada a nostro avviso, perché in termini di rapporto qualità-prezzo, una vita una tantum Elegant Themes l'iscrizione può essere utilizzata per siti illimitati offrendoti un ottimo ROI. Avada è ancora un buon tema e uno dei temi più venduti di tutti i tempi. Entrambi questi temi sono scelte solide.

Qual è il miglior Divi o Astra?

Quando si tratta di confrontare Divi con Astra, crediamo che Divi abbia il vantaggio quando si tratta di prezzi, ma Astra ha il vantaggio quando si tratta di velocità. Dovrai fare la scelta in base al fatto che desideri il miglior valore a vita in termini di denaro o la migliore velocità per il tuo sito web. Entrambi i temi sono scelte solide.

Divi è il miglior tema WordPress?

Sì, Divi è il miglior tema WordPress sotto molti aspetti, anche se questa è una scelta soggettiva. Essendo un tema WordPress che esiste da anni e che si sviluppa e migliora sempre, Divi si è tenuto al passo con le esigenze degli utenti di WordPress. Inoltre, viene fornito con un ottimo prezzo a vita, rendendo la scelta ovvia per i web designer o le agenzie che hanno più clienti, perché restituisce un ottimo ROI.

Conclusione Divi vs Avada: quale tema dovresti scegliere?

In termini di estetica, entrambi i modelli sono piuttosto fantasiosi. Quando si parla di usabilità, non c'è un chiaro vincitore. Per quanto riguarda il prezzo, scegli quello che ti dà più valore, a seconda delle esigenze che hai. Quindi, quando si tratta di confrontare Divi vs Avada, siamo davvero al limite.

Quindi qual è il miglior tema WordPress multiuso: Avada o Divi? La risposta più chiara che possiamo darti è: dipende.

Se vuoi creare più siti e vuoi vedere le modifiche che apporti in tempo reale e avere la possibilità di personalizzare l'intestazione, il piè di pagina e il layout del corpo, scegli Divi. Se non ti interessa la modifica front-end, desideri ottenere più opzioni di personalizzazione e hai solo bisogno di un tema per un singolo sito, Avada è l'opzione migliore per te.

E se prevedi di creare diversi siti Web, Divi ti offre il miglior investimento a lungo termine.

Quindi quale sceglierai?   

Ottieni uno sconto del 10% solo fino ad aprile 2024

Acquista Avada ora

L'autore

Autore: Davide AttardSito web: https://www.linkedin.com/in/dattard/E-mail: davide@collectiveray.com

David ha lavorato nel settore online e digitale negli ultimi 21 anni. Ha una vasta esperienza nei settori del software e del web design utilizzando WordPress, Joomla e le nicchie che li circondano. Ha lavorato con agenzie di sviluppo software, società di software internazionali, agenzie di marketing locali e ora è responsabile delle operazioni di marketing presso Aphex Media, un'agenzia SEO. In qualità di consulente digitale, il suo obiettivo è aiutare le aziende a ottenere un vantaggio competitivo utilizzando una combinazione del loro sito Web e delle piattaforme digitali oggi disponibili. La sua miscela di esperienza tecnologica combinata con un forte senso degli affari conferisce un vantaggio competitivo ai suoi scritti.