Sai come funziona Divi Page Builder? Una volta installato e avviato, è chiaro che bisogna comprendere come lavora il page builder di Divi. Ovvero, quali sono i punti essenziali da conoscere per realizzare pagine Web efficaci? E come si interviene su elementi grafici, testi o altri aspetti che servono a ottenere il risultato finale? Bisogna iniziare questa riflessione da un punto chiaro: ormai sono stati fatti passi da gigante nella direzione della semplificazione.
Ogni passaggio viene ridotto alla sua immediatezza e anche chi non conosce l'HTML o le regole del CSS può utilizzare Divi Visual Builder per ottenere ciò che desidera.
Chiaramente questo non significa sminuire l'importanza delle competenze, anzi: nelle mani giuste il page builder Divi diventa eccezionale. Prima, però, dobbiamo capire come funziona.
Partire da zero o usare moduli già pronti
Primo aspetto da considerare quando vuoi approfondire come funziona Divi Page Builder: puoi iniziare da alcuni moduli già pronti e creare una pagina Web utilizzando delle formule predefinite, oppure lavori partendo da zero. Vale a dire, selezionando dei frame di base per comporre la struttura che preferisci. In entrambi i casi puoi modificare e personalizzare il tuo output.
Solo che, utilizzando i moduli, hai una base di partenza ben strutturata e che velocizza il lavoro successivo. Che si basa su un concetto di contenitori dei vari elementi che puoi comporre come preferisci. La struttura di partenza può essere di diversa natura.
Scegli il modello delle pagine Web.
Ad esempio monolitica, divisa in due colonne o più, a forma di griglia. In ogni blocco aggiungi nuovi elementi che hanno dei comandi molto semplici per modificare le impostazioni.
Il menu dei singoli elementi di Divi
Come suggerito, la base di partenza può essere predefinita o senza alcun elemento se non la divisione in sezioni. Puoi inserire i vari moduli come testo, immagini, titoli o video.
I comandi di Divi Page Builder.
Ognuno ha il suo comando che è composto, in buona sostanza, in sposta con trascinamento, editing, clona, salva in libreria ed elimina. Ai fini del funzionamento ci interessa approfondire la sezione editing, quella con l'icona a forma di ingranaggio. Una volta cliccata si apre un menu che ti consente di intervenire sulla forma e la sostanza del blocco.
Contenuti
Come funziona Divi Page Builder? Qui puoi inserire e modificare l'aspetto dei contenuti, ciò che riempie il blocco con elementi significativi come immagini e testo. Qui carichi le foto e scrivi ciò che vuoi comunicare ai clienti, impostando gli elementi di formattazione e miglioramento SEO. L'editor ti consente di scrivere ciò che desideri o caricare il visual.
Design
Qui puoi modificare gli aspetti grafici dell'elemento che hai deciso di editare. Ad esempio, intervieni sui margini e sul colore di tutto ciò che è incluso come il testo o i bordi.
Se necessario, aggiungi delle animazioni ma ricorda sempre la regola per ottimizzare un sito Web anche dal punto di vista dell'usabilità e dell'UX: semplicità. Il fatto che le modifiche siano disponibili e facili da applicare non vuol dire che si debbano effettuare senza un reale motivo.
Advanced
Chi l'ha detto che Divi Page Builder è solo per chi non conosce HTML e CSS? Nella sezione avanzata puoi modificare quello che serve in profondità, aggiungendo codice e stili personalizzati in modo da rendere unico il tuo lavoro. Se non sai come intervenire puoi tranquillamente ignorare questa sezione.
Gestione degli elementi
Ogni finestra di dialogo ha delle icone in alto a destra. Come funziona Divi Page Builder in questi casi? Il primo elemento ti permette di lavorare a schermo pieno, il secondo sposta tutto a sinistra e il terzo introduce una serie di funzioni per ottimizzare il tuo operato.
Ad esempio puoi chiedere che un determinato elemento venga bloccato o salvato nella libreria, generare contenuti con l'AI, estendere lo stile scelto ad altri blocchi in modo da avere coerenza nella pagina e creare split test per capire quali soluzioni sono più vantaggiose.
Devi sempre salvare le modifiche effettuate
Ora che sai come funziona Divi Page Builder, e hai inserito ciò che serve a modificato gli aspetti grafici, puoi salvare il lavoro che hai svolto. In che modo? Basta cliccare sul pulsante verde che trovi nel box. A questo punto puoi chiudere e passare ad altro. Se non vuoi salvare puoi cliccare sul tasto rosso. Le due frecce permettono di andare alla versione precedente o successiva delle modifiche. Così se hai sbagliato qualcosa puoi recuperare.
