In questo articolo Super esaustivo scoprirai che cos’è Divi, perché sceglierlo, tutte le potenzialità che ha da offrire per creare un sito web e portarlo al successo più una guida completa a come installare il tema wordpress divi, come settare le prime impostazioni e quali sono i moduli Divi che si utilizzano con più frequenza. Poi, vedremo alcuni plugin offerti sempre da Elegant theme inclusi nel pacchetto Divi da integrare con il tuo sito, come monarch e bloom.
Divi che cos’è
In realtà, Divi, nel tempo è diventato più di un semplice tema WordPress, ma un vero e proprio ecosistema e modalità di costruzione di siti web, supportato da una Community molto vasta e competente nonché da sviluppatori di tutto il mondo pronti a dare feedback sul programma.
Come la maggior parte dei colossi americani anche Divi è partito dal piccolo, il progetto nasce dall’idea di uno sviluppatore giovane e ambizioso, Nick Roach, che sogna di creare un tema semplice che tutte le persone possano usare senza avere particolari competenze e con molti layout pronti all’uso – c’è sia la possibilità di partire da un layout da zero sia di basarti sulle pagine già impostate di un ricco database che mettono a disposizione dei clienti.
Elegant them è l’azienda americana fondata da Nick Roach che ha sviluppato Divi ed Extra, due temi WordPress lanciati sul mercato ormai da più di dieci anni. Nel tempo Divi è stato un grandissimo successo tanto da diventare il tema professionale più utilizzato al mondo dai professionisti.
Ora vediamo perché sceglierlo e quindi quali sono le sue principali potenzialità.
Divi perché sceglierlo
- Web Design: da codice ma senza codice, questo che significa? Vuol dire che grazie alle opportunità grafiche messe a disposizione dagli sviluppatori di Divi puoi realizzare un sito che abbia le stesse identiche caratteristiche di un sito fatto da un programmatore completamente in codice html, css e javascript. Per esempio alcuni elementi che prima erano solo a disposizione di chi conosceva il codice oggi sono accessibili a tutti come la possibilità di inserire trasparenze, immagini di sfondo nelle proprie pagine, gradienti quindi tonalità e sfumature diverse. Di fatto, nel web design i due elementi che conquistano l’occhio sono: immagini e colori, con Divi theme questo mix può raggiungere livelli altissimi.
P.S.: più avanti ti elenco alcuni tra i siti web più belli al mondo realizzati con Divi
- Divi Builder visivo: cioè è quella possibilità di creazione delle pagine “dal vivo” cioè vedendo tu stesso il risultato di ciò che stai costruendo, per esempio cambiando i colori per vedere come funzionerebbero altre scelte o ancora scegliendo un font differente. Divi mette a disposizione una marea di moduli che puoi utilizzare per creare le tue pagine.
Cosa sono i moduli Divi?
I moduli divi sono quegli elementi che scegli quando vuoi inserire qualcosa all’interno della tua pagina, per esempio ora io sto utilizzando l’elemento testo. In questa pagina trovi anche altri elementi come: elemento immagine, elemento video, elemento blur (mix tra titolo, icona e testo). Più avanti ti elenco i moduli più noti e cosa ci puoi fare con esempi reali.
- Assistenza costante in live chat: ebbene sì, per rispondere alle domande degli utenti ed aiutarli nella costruzione, Divi mette a disposizione sia un blog super esaustivo con Guide scritte e video dopo puoi guardare tutti i passaggi per costruire i vari elementi delle tue pagine, sia una live chat dove puoi chattare con un assistente e chiedergli ciò di cu hai bisogno. Le live chat sono una benedizione, non puoi capire quanto io le utilizzi!!! Tra l’altro se non hai dimestichezza con l’inglese puoi usare sempre Google traduttore.
- Layout pronti all’uso: quando l’ho scoperto non ci potevo credere, cioè oltre a tutte le funzionalità presenti è presente una libreria di layout da poter scegliere per i propri progetti, ce ne sono veramente di ogni tipo e per tutte le professioni, quindi puoi scegliere di partire da zero come faccio io oppure se devi acquisire dimestichezza partire anche da layout già pronti solo da modificare.
- Interazioni social e optin: con l’acquisto del pacchetto Divi mette a disposizione anche diversi plugin, quelli più rilevanti sono Monarch e Bloom, il primo ti permette di inserire i pulsanti social per invitare le persone a condividere i tuoi contenuti, mentre il secondo ti permette di creare dei popup da collegare al tuo autorisponditore per fare email marketing. Non è fantastico?
Guarda l’offerta di Divi attiva ora
Divi vs Elementor
Per farti capire che cosa intendo, prima se io avessi voluto inserire un pulsante all’interno del mio menù in alto a destra avrei dovuto compiere tutta una serie di passaggi inserendo dei codici con html e css, stessa cosa per quanto riguarda il footer (la parte bassa del sito dove trovi tutte le varie info sulle pagine più importanti e i contatti).
Da quando Divi ha introdotto questa novità ha reso la vita più semplice a tutti i web designer come me che realizzano diversi siti e amano la flessibilità.
Questo metodo ti permette anche di creare menù diversi per le varie aree del sito, quindi io potrei creare un menù per le pagine dei servizi e un menù diverso con le categorie nella mia sezione blog.
Questa cosa è pazzescamente rivoluzionaria e utile!
P.S.: in questo modo puoi creare, moduli optin e contatti pulsanti dove vuoi, personalizzazioni grafiche pazzesche del tipo fare menù colorati, con gradienti o addirittura con sfondi.
Esempi siti creati con Divi
Dai un’occhiata e torna a leggere la Guida:
Divi website 1: Kissmetrics
Divi website 2: Adam Leap Wines
Divi website 3: 100 Exhibit
Divi website 4: Mary and the dot
Divi website 5: Nikki Hill Apothecary
Divi come funziona
All’interno di entrambe le soluzioni sono incluse: l’installazione di Divi su siti web illimitati (ovviamente per il primo pacchetto paghi sempre la quota annuale), l’accesso ai plugin della suite come Monarch e Bloom, l’assistenza in live chat, l’accesso alla newsletter con news su layout nuovi creati dai web designer che vanno ad ampliare il database già ricchissimo e alcuni importanti consigli su come fare personalizzazioni ai propri siti web.
Installare Divi è semplicissimo, una volta acquistato il pacchetto vai nella sezione Account – Download e troverai tutti i vari prodotti inclusi, in lato vedrai Divi, ti basta cliccare su Download per scaricalo. Una volta fatto vai sulla Dashboard di WordPress – Aspetto – Tema – Aggiungi nuovo e carichi il file. La procedura è automatica, in pratica si installa in autonomia e al completamente ti basta cliccare su Attiva, dopo pochi minuti Divi theme è installato sul tuo sito web.
Ora vediamo insieme le prime impostazioni e le funzionalità più importanti con una Guida Divi Wordpess specifica sui singoli elementi.
Guida COMPLETA su Divi WordPress Theme
Per generare un’api key di Divi vai sul tuo Account Divi – Account Details – Api Key e clicca su Generate new Api Key, puoi inserire un’etichetta con il nome del sito per ricordarti a chi hai assegnato quella chiave.
- Generale: qui puoi inserire il tuo logo, impostare la barra laterale, abilitare Google font e impostare tutti i vari profili social incollando l’url delle tue pagine all’interno dei box social.
- Navigazione: in navigazione vengono mostrati i contenuti accessibili, tendenzialmente le impostazioni standard vanno bene, se non dovessero essere selezionate attiva tutto nelle voci pagine e categorie, mentre lascia tutto spento in Impostazioni generali.
- Costruttore: in questa area tieni tutto attivo per permettere a Divi di attivare le funzionalità builder, cioè di costruzione in diretta.
- Disposizioni: qui puoi scegliere di far visualizzare o meno i commenti ad articoli e pagine, ti consiglio di lasciare i commenti attivi sui post mentre di toglierli sulle pagine.
- Annunci: sezione per attivare gli annunci inserendo gli url dei banner, personalmente io li inserisco a manualmente o utilizzando il generatore di tema, quindi non uso queste funzionalità.
- SEO: io non utilizzo questa sezione perché ho già installato il plugin Yoast SEO, ma se per te è comoda puoi attivare le funzioni e utilizzarla al posto di questo plugin.
- Integrazione: qui puoi inserire i codici CSS per apportare delle modifiche particolari a degli elementi o ancora per far “comunicare” tool esterni al tuo sito web, come Google Analytics, Google Search Console, tool SEO come Semrush e Seozoom e tutti i programmi che ti permettono un’integrazione utili al tuo progetto online.
Divi Builder: builder visivo
Ci sono web designer che amano questa modalità di costruzione, come nel mio caso, e che ritengono abbia semplificato molto il lavoro, mentre ci sono web designer di vecchio stampo che preferiscono costruire le pagine nel backend. La scelta è soggettiva, io trovo sia molto comodo vedere subito le modifiche effettuate e il risultato finale e per chi si avvicina a WordPress e non è un esperto credo sia la soluzione ideale.
Per costruire la tua pagina con il builder Divi ti basta andare in Pagine – Nuova pagina e cliccare su Costruisci nel font end oppure se lo hai appena installato Attiva divi builder. Mentre se vuoi modificare una pagina esistente ti basta andare nella pagina del sito e cliccare nella barra in alto Attiva Builder Visivo.
Il builder visivo è costituito essenzialmente da tre parti:
Sezioni
quando ti si apre una nuova pagina il tema ti chiede da dove vuoi partire, se selezioni la prima opzione che ti permette di partire da zero ti compariranno vari pulsanti colorati. Il pulsante blu identifica le sezioni cioè le macro parti della pagina costituite da righe ed elementi, quindi il tutto va visto come una matriosca componibile. Le sezioni possono essere standard, appunto quelle blu, specialità composte da più parti e a larghezza intera ideali quando vuoi inserire un codice a larghezza interna tipo una mappa. È più facile di quel che sembra e prendendo confidenza con le varie funzionalità vedrai che poi sarà un gioco da ragazzi. Il tipo di sezione che si usa per la maggiore è quella stardard.
Righe
Una volta creata la sezione standard apparirà un pulsante con un + verde, colore che identifica la riga. Puoi creare diversi tipi di righe: riga singola, riga a due, riga a tre etc. e righe personalizzate utilizzando le sezioni specialità.
Moduli
Questi sono i reali componenti della tua pagina, tra gli elementi o box più utilizzati ci sono: titolo, testo, immagine, galleria, video, pulsante, mappe, blur, barre contatori, modulo di contatto e modulo optin e testimonianza.
Guarda l’offerta di Divi attiva ora
Divi: elenco dei moduli del divi builder
Sommario, clicca per andare all’elemento.
Accedi
Accordino
Audio
Barra laterale o sidebar
Barre contatori
Contatori di barre, contatore circolare, conto alla rovescia, contatore numerico
Blog
All’interno di questo modulo potrai scegliere:
- Il numero di post da far visualizzare, selezionare i post contenuti solo in una specifica categoria, in più categorie o in tutte
- Gli elementi da far visualizzare, il titolo, l’immagine, il pulsante leggi di più, i metadati cioè le informazioni relative a data, autore e categoria
- Il tipo di design, se farli apparire a larghezza interna a o griglia (l’elenco che utilizzo io)
Blur
Call to action
Codice
Commenti
Email optin
Galleria
Immagine
Mappa
Menù
Modulo di contatto
Modulo separatore
Elementi a larghezza intera (sezione larghezza intera)
Codice, intestazione, immagine, mappa, menù, porfolio, slider, titolo, cursore
Negozio
Persona
Portfolio e portfolio filtrabile
Pulsante
Post navigation e post slider
Ricerca
Scheda
Segui social media
Slider post
Tabelle dei prezzi
Testimonial
Un altro motivo per scegliere Divi.
Testo
Toggle
Gli accordini sono ideali per le F.A.Q. domande frequenti, mentre a mio parere questi per chi ha dubbi e domande su un determinato prodotto/servizio e vuole fare dei confronti.
Video e video slider
Titolo del post
Guarda l’offerta di Divi attiva ora
Ricapitolando i vantaggi del Tema WordPress Divi…
Se hai letto tutta la Guida e non conoscevi il mondo di Divi potresti avere un tantino di confusione, ma quando utilizzi questi strumenti ogni singolo giorno diventano veramente semplici, anche perché poi gli elementi che si utilizzano con frequenza sono 5 o 6 quindi tranquillo se la cosa ti sembra complessa.
Ricapitolando i vantaggi dell’avere il tema WordPress Divi direi che sostanzialmente possono essere riassunti così:
- Design professionale da urlo, divi builder per creare con velocità e sito responsive per tutti i dispositivi
- Enormi personalizzazioni e funzionalità di moduli e plugin associabili
- Aggiornamenti costanti del software e supporto a vita della Community
Ecco il link per accedere a Divi:
Guarda il tema WordPress numero 1 Divi
Direi che questi sono i punti fondamentali che mi hanno convinta a scegliere Divi theme come tema per il mio blog e per la maggior parte dei siti web che creo. Se hai domande sull’argomento o dubbi scrivimi pure nei commenti, mi fa piacere risponderti e sciogliere ogni quesito.
Nadia
Nadia Kasa - Freelance Web Designer Milano e da remoto in tutta Italia e Consulente SEO. Mi occupo di Realizzazione siti web in Wordpress e Ottimizzazione SEO su Google.
Che cosa aspetti? Inizia a farti conoscere sul web! 
0 commenti