Come creare un sito WordPress moderno senza saper programmare
Sommario
Guida Divi principianti: è uno dei page builder più potenti e intuitivi per WordPress, capace di trasformare qualsiasi principiante in un vero creatore di siti web. Il suo Visual Builder consente di vedere in tempo reale tutto ciò che costruisci, senza bisogno di conoscere linguaggi di programmazione.
Se stai iniziando ora con WordPress, qui trovi una guida semplice, completa e alla portata di tutti per realizzare le tue prime pagine con Divi.
Guida Divi principianti: Cos’è Divi e perché è così usato
Divi è un tema e page builder sviluppato da Elegant Themes.
È molto più di un semplice editor: è una piattaforma completa che permette di:
-
creare pagine tramite moduli e sezioni
-
costruire layout complessi senza codice
-
personalizzare design, colori, tipografie
-
lavorare in modalità drag & drop
-
visualizzare tutto in anteprima reale
Per questo è apprezzato da freelance, agenzie, aziende e privati che vogliono siti moderni, veloci e bellissimi senza competenze tecniche.
Come si installa Divi
Per iniziare hai bisogno di:
-
WordPress installato
-
la tua licenza Divi attiva
-
il file .zip del tema
L’installazione è semplice:
-
vai in Aspetto → Temi → Aggiungi nuovo
-
carica il file Divi
-
attiva il tema
-
inserisci la tua chiave API in Divi → Theme Options
Da questo momento puoi usare il Visual Builder ovunque nel sito.
Come funziona il Visual Builder
Il cuore di Divi è proprio il Visual Builder. Quando apri una pagina e selezioni “Abilita Visual Builder”, entri nella modalità che ti permette di costruire tutto in tempo reale.
Divi si basa su una logica molto semplice:
Sezioni → Righe → Moduli
-
Sezione = la macro-area della pagina
-
Riga = la suddivisione interna
-
Modulo = il contenuto vero e proprio (testo, immagini, pulsanti, video, ecc.)
Una volta compreso questo schema, Divi diventa estremamente intuitivo.
Guida Divi principianti: I moduli essenziali per iniziare
Divi offre più di 40 moduli differenti, ma all’inizio ne bastano pochi:
Testo
Usato per paragrafi, titoli e contenuti descrittivi.
Immagine
Per inserire immagini, miniature, foto prodotto o grafiche.
Pulsante
Perfetto per call to action personalizzate.
Blurb (Icona + Testo)
Ideale per mostrare servizi, punti di forza, categorie.
Slider / Fullwidth Slider
Per creare sezioni dinamiche con immagini e testo.
Contact Form
Per inserire moduli di contatto semplici e immediati.
Con questi moduli puoi già costruire la maggior parte delle pagine di un sito moderno.
Guida Divi principianti: Personalizzare colori, font e stile del sito
Da Divi → Theme Customizer puoi gestire:
-
colori principali
-
font globali
-
dimensioni testo
-
header e menu
-
footer
-
spaziature
Questo ti consente di creare un design omogeneo e coerente su tutto il sito.
Creare header e footer personalizzati con il Theme Builder
Il Theme Builder è una delle funzioni più potenti di Divi.
Permette di realizzare header, footer e template personalizzati per pagine specifiche.
Percorso:
Divi → Theme Builder → Aggiungi Template
Puoi costruire l’header e il footer usando gli stessi moduli del Visual Builder, ottenendo un design completamente personalizzato.
Ottimizzare il sito per dispositivi mobili
Divi permette di personalizzare separatamente:
-
desktop
-
tablet
-
smartphone
Quasi ogni impostazione ha l’icona “mobile” che consente di impostare versioni diverse per ogni dispositivo:
-
dimensioni dei font
-
margini e padding
-
allineamenti
-
immagini diverse se necessario
Puoi anche visualizzare l’anteprima responsive direttamente dal builder.
Salvare elementi nella Libreria Divi
La Divi Library è un vero super-potere.
Puoi salvare:
-
sezioni
-
righe
-
moduli
-
interi layout
E riusarli ovunque nel sito, oppure crearne versioni globali che si aggiornano automaticamente in tutte le pagine.
È fondamentale per velocizzare il lavoro e mantenere coerenza grafica.
Consigli pratici per chi inizia, segui la guida Divi principianti
Da FanaticoWeb.com, dopo decine e decine di siti realizzati con Divi, questi sono i consigli che diamo sempre ai principianti:
Inizia da un layout già pronto
Ti aiuta a capire la logica delle sezioni e dei moduli.
Mantieni il design semplice
Evita troppi moduli pesanti, animazioni e font diversi.
Controlla sempre le spaziature
Padding e margini sono fondamentali per un sito elegante.
Ottimizza il sito con caching lato server
Divi funziona molto meglio su hosting performanti.
Prima struttura, poi grafica
Crea lo scheletro della pagina, poi cura i dettagli.
Testa sempre da mobile prima di pubblicare
Il 70% delle visite arriva da smartphone.
Si inizia con le basi per crescere
Divi è uno strumento ideale per chi vuole creare un sito professionale senza competenze tecniche.
Con il Visual Builder, i layout pronti, la libreria e il Theme Builder, puoi costruire pagine moderne, responsive e perfettamente personalizzate.
Questa guida è il punto di partenza perfetto per iniziare a utilizzare Divi in modo sicuro, semplice e produttivo.
Se vuoi fare un salto di qualità, possiamo aiutarti a:
➡ migliorare la velocità del tuo sito Divi
➡ creare landing page ad alta conversione
➡ ottimizzare Divi per la SEO
➡ sviluppare layout professionali per la tua attività
