Divi Theme Recensione (2024): Prezzi, pro e contro

Benvenuto a Revisione del tema Divi, uno dei multiuso più utilizzati e apprezzati WordPress temi disponibili sul mercato.

Stai cercando di scegliere il perfetto WordPress tema per il tuo sito web, giusto? So quanto sia difficile districarsi tra le migliaia di temi disponibili, cercando di trovare quello che si adatta perfettamente al tuo sito.

A volte può sembrare come i tuoi riccioli d'oro, vero? Troppo grande, troppo piccolo. Come trovare il tema perfetto?

Bene, un modo è trovare un tema multiuso che ti dia il controllo completo su come funziona il tuo sito web. Ed è quello che fa il tema Divi.

Unisciti a me oggi mentre vado in profondità con il mio Revisione del tema Divi. Ti mostrerò un sacco di schermate dell'interfaccia reale (installata sul mio server!) E ti mostrerò come funziona questo potente tema.

Non perdere il nostro Divi Theme sconto offrire.

Cosa c'è di così unico in Divi?

Divi quindi è progettato in modo che anche le persone senza competenze di programmazione possano creare un bellissimo sito Web personalizzato su WordPress piattaforma.

È multiuso e altamente personalizzabile. Viene fornito con una serie di layout predefiniti. E se vuoi metterti in proprio, puoi usare il Divi Builder altamente flessibile per creare layout unici per i tuoi post e le tue pagine.

Divi fa anche pieno uso del WordPress Personalizzatore in modo da poter personalizzare sia il tuo sito web, sia i singoli moduli che utilizzerai nel generatore di pagine (ne parleremo più avanti!).

E se ti piace l'ottimizzazione delle conversioni, ti piacerà il fatto che Divi includa un potente strumento di test A/B chiamato Divi Leads. Divi Leads ti consente di testare A/B ogni elemento che utilizzi nel generatore di pagine Divi in ​​modo da ottimizzare le prestazioni del tuo sito.

Sebbene sia possibile ottenere la maggior parte di queste funzionalità utilizzando plug-in esterni, Divi è così potente perché riunisce tutto in un unico sistema integrato di facile utilizzo.

Che tipo di siti web puoi creare con Divi?

Come ho già detto, il tema Divi è multiuso. Ciò significa che puoi creare quasi ogni tipo di sito web. Ad esempio, puoi costruire:

Puoi persino creare negozi di eCommerce utilizzando WooCommerce! Divi è davvero multiuso.

Ad esempio, questo sito Web è stato creato utilizzando Divi Theme di ElegantThemes:

Riguarda Divi Builder

Se chiedi a un utente Divi cosa rende Divi Theme così potente che la loro prima risposta sarà quasi sempre Divi Builder.

Vedi, Divi Builder è ciò che ti consente di creare progetti complessi senza la necessità di conoscere un solo tocco di codice. Senza di esso, dovresti scavare in PHP e CSS. E siamo onesti: chi ha tempo per questo?

Con Divi Builder, puoi creare layout usando qualcosa chiamato moduli. Ad esempio, se desideri aggiungere una tabella dei prezzi, puoi semplicemente trascinare il modulo Divi Pricing Tables invece di provare a codificarlo da zero:

Creazione di un sito web con Divi

Backend vs Frontfine della costruzione della pagina

Normalmente, quando scegli a WordPress page builder, puoi modificare il front end o il back end. Ecco cosa significano questi termini:

Nelle versioni precedenti di Divi, potevi modificare solo nel back-end. Ma tutto è cambiato con Divi 3.0.

Puoi scegliere di modificare nel front-end o nel back-end. E puoi anche passare avanti e indietro se necessario!

Onestamente, essere in grado di passare da una modalità all'altra offre il meglio di entrambi i mondi.

Per me, mi piace impostare il layout di base della mia pagina utilizzando l'editor di backend. Ma una volta impostato, mi piace passare all'editor visuale frontend in modo da poter vedere esattamente come apparirà la mia pagina finale.

Frontfine del costruttore in azione

Modifica il tuo WordPress il sito non è mai stato così facile. Devi solo fare clic e aggiungere qualsiasi modulo alle tue pagine e iniziare a modificare.

Avrai un'anteprima in tempo reale delle modifiche che stai apportando al tuo sito. Se desideri aggiungere qualsiasi contenuto di testo alla tua pagina, fai clic sulla sezione in cui desideri il testo e inizia a modificarlo, è così semplice.

Hai oltre 45 diversi elementi di pagina che puoi utilizzare sul tuo sito per renderlo moderno e completo. È semplicissimo per gli utenti selezionare rapidamente uno qualsiasi degli elementi per la pagina e modificarlo.

Un altro aspetto importante da considerare sono i modelli di pagina pronti all'uso, puoi scegliere uno qualsiasi dei modelli disponibili e modificarli rapidamente.

Quali elementi offre Divi Builder?

Se hai mai utilizzato un page builder in precedenza, sai che un page builder è valido solo quanto gli elementi che offre.

Offre centinaia di diversi moduli di progettazione che puoi controllare sul sito principale.

Divi include diversi elementi (chiamati moduli), che ti offrono una grande flessibilità per creare i tuoi post e le tue pagine. Oltre agli elementi di base come pulsanti, intestazioni e testo, Divi include anche moduli specifici per:

Aggiungi moduli su The Fy

Creare un sito web non è mai stato così facile. Con Divi, puoi aggiungere qualsiasi elemento alla tua pagina al volo. Basta passare il mouse sopra la sezione in cui desideri aggiungere un elemento e iniziare.

Per quanto riguarda i costruttori di pagine, il set di moduli di Divi Builder può andare in punta di piedi con qualsiasi altro costruttore premium.

Pratica con Divi Builder

Voglio scavare un po' più a fondo e mostrarti esattamente come utilizzare Divi Builder per creare pagine.

Quando crei un nuovo post o pagina, la prima cosa che puoi fare è impostarne il layout di base:

Puoi spostare la barra laterale o scegliere di andare solo con una pagina a larghezza intera.

Quindi, puoi passare all'attuale generatore Divi facendo clic sul pulsante:

Innanzitutto, inserisci alcune colonne. Questi fondamentalmente dettano come vuoi che la tua tela sia divisa. Se vuoi occupare l'intera tela, puoi usare solo una colonna. Ma se vuoi dividere la pagina a metà, puoi scegliere due o più colonne:

Puoi anche fare in modo che le colonne occupino larghezze diverse. Quindi una colonna potrebbe occupare il 70% della pagina, lasciando il 30% per una seconda colonna.

Sarai anche in grado di aggiungere righe se desideri utilizzare diversi allineamenti di colonna sulla stessa pagina.

Una volta che hai capito le tue colonne, sei pronto per iniziare ad aggiungere moduli. Colonne e righe definiscono il layout: i moduli sono dove aggiungi effettivamente il contenuto:

Supponiamo, ad esempio, di aggiungere un modulo pulsante. Sembrerà il seguente quando utilizzi l'editor di backend:

E se passi all'editor visuale frontend, sarà simile a questo:

Come la maggior parte dei costruttori di pagine, potrebbe volerci del tempo per imparare a usare Divi Builder. Ma una volta che hai capito come muoverti nell'interfaccia, puoi assolutamente creare layout complessi senza bisogno di alcuna competenza di codice.

Annulla/Ripristina facile

Una cosa grandiosa di Divi è la sua facile funzionalità di annullamento/ripristino. Se hai mai utilizzato Microsoft Word, probabilmente sei un fan dei pulsanti Annulla e Ripeti.

Bene, puoi fare esattamente la stessa cosa con Divi. Se commetti un errore, puoi immediatamente annullare la modifica senza interrompere nulla:

È una piccola cosa, ma ottima per la tua produttività.

Layout reattivi

Un'altra cosa grandiosa di Divi è che ti consente di creare layout reattivi. Ciò significa che i tuoi layout avranno un bell'aspetto sia che i tuoi visitatori stiano navigando sul loro desktop o sul loro smartphone.

Ma ecco la cosa davvero interessante di Divi:

Puoi scegliere di visualizzare solo alcuni moduli per determinati dispositivi. Ad esempio, supponi di avere un video che occupa molto spazio. Potresti voler includere il video per gli utenti desktop, ma non per gli utenti mobili.

Per fare ciò, tutto ciò che devi fare è selezionare una casella in Divi Builder per disabilitare quel modulo specifico per i dispositivi mobili:

Questa funzione semplifica la creazione di progetti specifici per piattaforma.

Interfaccia Fluid Visual Builder

Amerai l'interfaccia visual builder, il builder offre una soluzione perfetta per rendere il tuo sito perfetto per i pixel su schermi sempre più grandi.

Il nuovo visual builder è perfettamente ottimizzato per dispositivi con schermi piccoli per assicurarti di poter modificare il tuo sito ovunque ti trovi e in qualsiasi momento.

Il visual builder è anche ottimizzato per gli schermi verticali in modo da avere la vista perfetta durante la modifica del tuo sito.

Layout a larghezza intera per pagine di destinazione

Ecco il problema con la maggior parte dei costruttori di pagine:

Ti consentono solo di creare pagine all'interno della struttura esistente del tuo tema. Ciò significa che puoi modificare il corpo della pagina, ma avrai comunque l'intestazione e la barra laterale standard del tuo tema.

Va bene per la maggior parte delle pagine, ma poco pratico se hai mai bisogno di creare una pagina di destinazione dedicata.

Uno dei principali vantaggi di Divi è che ti consente di creare pagine da una tela bianca al 100%. Nessuna intestazione predefinita. Nessuna barra laterale. Nessun piè di pagina.

Tutto quello che devi fare è scegliere il Pagina vuota modello:

Quindi, puoi creare la tua pagina utilizzando un modello vuoto al 100%:

Salvataggio dei layout nella libreria del generatore

L'ultima cosa che ti mostrerò su Divi Builder!

Se sei come la maggior parte dei siti, probabilmente avrai layout specifici che desideri utilizzare su più pagine.

Per evitare di dover duplicare i tuoi sforzi, Divi ti consente di salvare i layout nella Libreria Divi:

E poi puoi caricare istantaneamente quei layout su una nuova pagina:

Questa funzione ti farà assolutamente risparmiare un sacco di tempo.

Un pannello delle impostazioni del tema che è una gioia da usare

Ok, quindi sono un fan di Divi Builder. Ma per quanto riguarda il resto delle opzioni del tema?

Prima di tutto, il Divi Theme La pagina delle opzioni è semplicissima da usare. È ben progettato e ti consente di impostare rapidamente opzioni di stile, navigazione, layout e SEO di base. Puoi anche aggiungere facilmente annunci AdSense al tuo sito:

La Divi Theme Le opzioni ti consentono anche di aggiungere rapidamente snippet di codice personalizzati e CSS. Non è necessario impostare un tema figlio!

Ottimo uso di WordPress Customizer

Tuttavia, Divi non si basa solo sulle impostazioni delle Opzioni tema. Puoi anche usare il WordPress Personalizzatore per modellare il tuo design in tempo reale.

Usare il personalizzatore su un menu statico è un enorme vantaggio in quanto puoi apportare le modifiche utilizzando il familiare WordPress Interfaccia WYSIWYG.

Design a tema generale

Prima di tutto, Divi ti consente di utilizzare il Personalizzatore WYSIWYG per modellare il tuo normale sito web. Puoi personalizzare:

Puoi persino usarlo per personalizzare le impostazioni uniche per la versione mobile del tuo sito. Non ho mai visto nessun altro tema lasciarti fare questo!

Personalizzazione dei moduli

Ma Divi non si ferma allo stile generale del tema. Ricordi quei moduli di Divi Builder? Sì, puoi personalizzare il loro aspetto utilizzando il Customizer!

Ad esempio, se si desidera modificare lo stile predefinito per il file Tabella Prezzi modulo, ti dirigeresti a Divi → Personalizzatore di moduli. Lì puoi cambiare lo stile per qualsiasi numero di moduli diversi:

Quindi puoi fare clic su Tabella Prezzi opzione per modellare in modo specifico i caratteri di quel modulo.

Immagino che quello che sto cercando di dire sia questo:

Il tema Divi ti offre un incredibile controllo sull'aspetto del tuo sito web, senza che tu debba conoscere una sola riga di codice.

Modifica collettiva

Questa è una funzionalità molto efficace offerta da Divi Theme, puoi premere Cmd o Ctrl sulla tastiera e selezionare più moduli su una pagina e modificarli contemporaneamente.

Questa funzione sarà molto utile mentre crei una serie di siti diversi per i tuoi clienti e fai un tipo simile di modifica per aiutarti a risparmiare molto tempo.

Trova e sostituisci stili

Questa è un'altra caratteristica molto efficace per risparmiare tempo e aumentare la tua efficienza. Divi ti offre un'opzione rapida per trovare e sostituire qualsiasi stile su una pagina.

Copia e incolla stili

Hai anche la possibilità di copiare e incollare lo stile da un modulo all'altro, rendendo il processo di modifica semplice e veloce.

Larghezze trascinabili

Le funzionalità di larghezza trascinabile rendono super semplice e facile per gli utenti fissare la larghezza per qualsiasi modulo. Se hai una sezione nell'intestazione o nel corpo, puoi trascinare rapidamente e modificare la larghezza.

Disegni di intestazione personalizzati

L'intestazione è la prima sezione del tuo sito web visibile ai visitatori in arrivo. Quindi, la sezione dell'intestazione deve avere un bell'aspetto per creare un'impressione.

Divi ti offre un'incredibile opzione per creare un'intestazione personalizzata per il tuo sito. Puoi giocare con il layout della sezione dell'intestazione.

Puoi personalizzare completamente il menu del tuo sito e modificare la posizione del logo del tuo sito. Puoi persino creare una navigazione verticale e modificare l'orientamento completo per renderlo completamente unico.

Elementi di marketing

Facile test A/B con i cavi Divi

Se sei un marketer, probabilmente stai sempre cercando di migliorare il tuo sito web. Il tema Divi consente di testare A/B essenzialmente qualsiasi modulo del tuo sito utilizzando qualcosa chiamato Divi Leads.

Una volta attivato lo split test, sarai in grado di eseguire facilmente test A/B su qualsiasi modulo che aggiungi a Divi Builder:

Non sei nemmeno limitato a due opzioni! Puoi anche utilizzare Divi Leads per eseguire test multivariati.

Sebbene esistano plug-in di terze parti che possono aiutarti a testare A/B il tuo WordPress sito, nessuno è così integrato come Divi Leads.

Email marketing e condivisione sui social

Quando si tratta di commercializzare i tuoi contenuti, la condivisione sui social e l'email marketing sono parte integrante del processo.

Divi ti offre un'opzione completa per gestire il tuo email marketing e il social media marketing e assicurarti di non dover cercare altri strumenti all'esterno.

Layout predefiniti per aiutarti a risparmiare tempo

Creare ogni layout da zero può sembrare travolgente. Ecco perché Divi include una serie di layout predefiniti con il Builder.

Quindi, invece di dover iniziare da una tela bianca ogni volta che crei una nuova pagina, puoi semplicemente scegliere un layout esistente e personalizzarlo in base alle tue esigenze.

Ogni volta che crei una nuova pagina o post, avrai accesso a tutti questi layout predefiniti:

E come ho detto sopra, puoi sempre utilizzare i tuoi modelli che hai salvato nella Libreria.

Opzioni di navigazione

Divi ti offre alcuni fantastici design per il tuo menu di navigazione. Infatti, puoi creare una navigazione verticale per il tuo sito se non desideri utilizzare quella normale.

Puoi giocare con il logo e la posizione del menu per dargli un aspetto unico.

Costruttore di messaggi Divi

Mentre il layout di post predefinito in WordPress è di facile lettura e pulito, non ha alcuna opzione di design fantasiosa per ravvivare i tuoi post importanti.

Il post-builder Divi ti offre incredibili opzioni per creare un ricco design di post che creerà un forte impatto sui tuoi lettori.

Gestore del colore Divi

La gestione del colore Divi è la nuova funzionalità introdotta. Il sistema tiene automaticamente traccia di tutti i colori che hai utilizzato di recente e ti presenta una nuova finestra quando arrivi a modificare il tuo sito.

Hai incredibili combinazioni di colori che adorerai ed è divertente implementare il colore e rendere attraente ogni sezione del tuo sito.

Crea un negozio online

L'eCommerce è un grande business in questi giorni e se desideri creare il tuo negozio online per vendere il tuo prodotto o qualsiasi prodotto di terze parti, puoi utilizzare il tema Divi per creare il tuo negozio.

Come già accennato, il tema Divi è dotato del supporto completo di WooCommerce plugin in modo da poter creare facilmente il tuo negozio.

Otterrai bellissimi modelli di design pronti da utilizzare sul tuo sito di e-commerce in modo che sia più facile e veloce per te iniziare sul tuo sito.

Divi Builder ti offre una serie di moduli per creare layout accattivanti per mostrare i prodotti sul tuo sito.

Opzioni linguistiche

Divi è un tema molto popolare ed è utilizzato da molti parlanti di lingue diverse. Quindi, il tema ti offre una facile opzione per tradurre l'intero tema (in entrata e in uscita) in 32 lingue diverse.

Forte sicurezza

La sicurezza del tuo sito è uno dei parametri più importanti da considerare quando selezioni il tuo hosting o il tuo tema.

Il tema Divi prende molto sul serio la sicurezza e si assicura che il tuo sito web non sia invadibile dai malintenzionati.

Base di conoscenza e supporto eccellenti

Un'altra cosa grandiosa di Divi è che ha un'enorme base di supporto. Non solo Elegant Themes ha creato un'enorme base di conoscenza piena di tutorial video e guide dettagliate, ma pubblica anche articoli sul proprio blog progettati per aiutarti a ottenere più valore da Divi:

E se ciò non bastasse, puoi persino trovare interi siti Web di terze parti dedicati a fornire tutorial Divi.

Aggiornamento velocità Divi

Divi Theme ho ricevuto di recente un aggiornamento molto importante per migliorare la velocità di caricamento complessiva. Dopo che Google ha lanciato l'aggiornamento Core Vital ed è diventato parte dell'algoritmo di ricerca di Google, la velocità di caricamento è diventata ancora più importante.

Se il tuo sito non si carica all'istante, perderai utenti e ranking. Ora, per un tema come Divi con così tanti moduli, è difficile tenere sotto controllo la velocità di caricamento poiché ci sono così tanti file CSS che devono essere caricati.

Tuttavia, con il recente aggiornamento Divi, tutto è cambiato. Puoi ottenere un perfetto 100 100 su Google Page Speed ​​e il 100% su GTMetrix dopo questo aggiornamento.

Quindi, come fa Divi a raggiungere questo obiettivo?

In precedenza, quando un utente caricava una pagina, tutti gli elementi venivano utilizzati per caricare anche i moduli non richiesti su quella particolare pagina. Ora, con Dynamic Framework, vengono caricati solo i moduli necessari su una pagina.

Quindi, se una pagina utilizzava solo 5 moduli su oltre 50 moduli di progettazione offerti da Divi, il sistema caricherà solo quei 5 moduli e non tutti i 50 moduli, rendendo il caricamento della pagina notevolmente più rapido di prima.

Ha anche introdotto il CSS dinamico e i file sono suddivisi in centinaia di file per assicurarsi che non tutto sia caricato ma rigorosamente quelli richiesti. JavaScript viene caricato solo se è richiesto per un modulo.

Il sistema CSS critico di Divi identifica il CSS necessario per modellare il contenuto above the fold e rinvia tutto il resto per assicurarsi che la tua pagina sia velocissima.

Divi ottimizza anche i caratteri di Google memorizzandoli nella cache e caricandoli in linea.

Divi ha anche pubblicato un confronto con alcuni dei migliori Divi Theme concorrenti. Puoi dargli un'occhiata sul sito Elegant Themes.

Sei bloccato usando Divi per sempre?

Una critica comune a Divi è che Divi Builder ti "blocca" nell'usare Divi per sempre. Questo perché Divi Builder utilizza codici brevi per creare pagine. Questa è una critica valida, ma non è così rilevante come una volta...

È perché Temi eleganti ha ascoltato e apportato una modifica fondamentale per mitigare il problema. Ora puoi utilizzare Divi Builder come plug-in autonomo.

Ciò significa che se mai vorrai cambiare tema lungo la linea, le pagine che hai creato con Divi continueranno a funzionare finché manterrai il Plugin Divi Builder.

Anche se dovrai comunque utilizzare il plug-in Divi Builder, sei libero di cambiare tema ogni volta che vuoi senza paura di rompere le tue pagine esistenti. Niente più blocco del tema.

Comunità Divi

La revisione del tema Divi non sarà completa senza menzionare la comunità attorno al tema. In effetti, la community è uno dei principali punti di forza del tema, assicurandoti di poter ottenere quasi tutto con questo potente tema.

La community Divi condivide costantemente gadget che puoi utilizzare sul tuo sito creato con Divi.

Sebbene sia estremamente semplice con Divi Builder creare un design unico per il tuo sito, potresti non avere il tempo o l'abilità minima richiesta per creare layout attraenti, è qui che la community viene in tuo aiuto.

La comunità Divi condivide regolarmente fantastici modelli già pronti per il sito che puoi utilizzare sul tuo sito. Uno dei posti migliori per iniziare la tua ricerca sarà il blog ElegantThemes.

Divi Theme Recensione: I miei pensieri finali

Divi è popolare per un motivo. Rende possibile a chiunque, indipendentemente dalle proprie capacità progettuali, di creare un bellissimo sito web.

Se vuoi sbloccare il potere di WordPress e creare un sito web unico e bellissimo, allora dovresti assolutamente prendere in considerazione l'utilizzo del tema Divi.

Otterrai un tema potente e multiuso e un'ottima base di supporto se hai bisogno di aiuto con qualsiasi cosa.