Le opzioni di Divi

In questa lezione vedremo come personalizzare il tema per adattarlo alla tua grafica e ai tuoi colori.

Nella barra degli strumenti di sinistra , dopo l’installazione di divi apparirà il menu a lui dedicato.

Selezionando opzioni tema avremo la lista delle opzioni che, come abbiamo visto per i temi precendenti, consentono di gestire l’aspetto generale del tuo sito.

Nelle impostazioni generali puoi inserire il tuo logo, l’icona, scegliere una tavolozza predefinita di colori, potrai inserire i codici di mailchimp, inserire i profili i social, il numero di post da visualizzare nelle varie pagine e altre opzioni che ti consigliamo di provare per verificare l’effetto che hanno sul tuo sito.

Nella tab dedicata ai menu puoi decidere se disabilitarlo per determinate pagine o categorie, puoi decidere come ordinare i link e se abilitare o meno i menu a tendina.

Nella tab per il layout si gestiscono alcune opzioni per i singoli post o delle singole pagine.

Puoi scegliere quali dati recuperare, se abilitare i commenti, e se inserire le anteprime delle news.

Divi predispone anche uno spazio banner  che potrai eventualmente inserire nei post.

Dal pannello Pubblicità scegli se abilitare o meno il banner, inserisci la URL della tua immagine, quella a cui vuoi far puntare il banner e anche il codice per Adsense se sei iscritto al programma.

Nella tab SEO puoi controllare tutte le opzioni riguardanti il posizionamento generale sui motori di ricerca, e utilizzare il plugin già compreso in Divi, ma per una attività di questo tipo, ci sentiamo comunque di consigliare l’utilizzo di un plugin specifico come YOAST SEO che potrai installare senza problemi anche su Divi.

Se hai avuto modo di studiare il nostro corso SEO avrai compreso che, essendo studiato appositamente, ti fornirà sicuramente una gestione migliore per quanto riguarda gli aspetti di posizionamento.

Le ultime due tab consentono di aggiungere dei codici personalizzati in punti speficici delle tue pagine, sull’header, all’interno del body della pagina, all’inizio o alla fine dei post, come ad esempio il codice di analytics per tracciare i dati sulle visite e inserire il tuo username e la chiave API della tua registrazione a elegant theme per ottenere gli aggiornamenti a tema e plugin.

Viste le impostazioni generali, passiamo ora alla personalizzazione grafica del tema grazie allo strumento Modificatore di tema, che troverai sempre nel menu di sinistra.

Questo è uno strumento davvero sensazionale, perchè, come accennato nella lezione di presentazione di Divi, ti consentirà in tempo reale di valutare le modifiche che stai apportando alle tue pagine.

Clicchiamo quindi su modificatore di tema e vediamo che la pagina si divide in due, sul lato sinistro è apparso un menu con una lista di impostrazioni, mentre sulla destra appare l’anteprima della pagina che abbiamo realizzato.

Nelle impostazioni generali ad esempio si definiscono, oltre all’identità del sito, le impostazioni di layout.

Puoi scelgiere se usare il layout a piena pagina o quello definito “a scatola”.

Puoi modificare la dimensione della pagina e dei contenuti, semplicemente trascinando i regolatori.

Stesso discorso vale per la tipografia.

Ogni aspetto legato ai font può essere modificato e gestito per farlo calzare perfettamente ai propri desideri.

Possiamo cambiare le dimensioni del testo, l’altezza tra le linee, la distanza tra le lettere, gli stili del testo, il tipo di carattere, e il colore.

Nella sezione header scegli il tipo di intestazione e come si deve disporre il menu.

Puoi provare le diverse opzioni che ti vengono proposte, abilitare la navigazione in verticale, e fare dei tentativi fino a trovare quella perfetta per il tuo progetto.

Puoi scegliere come deve essere il tuo menu, personalizzando, come per i testi, ogni aspetto, dal carattere, ai colori, alle dimensioni, e agli sfondi.

Puoi aggiungere elementi come le icone social, il numero di telefono o la mail.

Nella sezione footer scegli il numero di colonne che dovrà contenere l’aspetto dei widget che inserirai e ovviamente, ogni impostazione di colore.

Ai bottoni puoi cambiare aspetto sia per lo stato a riposo che al passaggio del mouse, definendoli, anche in questo caso, in ogni minimo dettaglio.

Un altro aspetto su cui mi voglio soffermare è un Divi rende questo tema davvero unico.

Nel customizer che troviamo in tutti i temi wordpress è stata aggiunta una sezione mobile.

Da qui potrai gestire le opzioni di visualizzazione dei principali elementi anche per i dispotitivi tablet e mobile, in modo che il tuo sito risulti perfetto per chiunque lo navighi.

Le altre voci, sono le stesse che si trovano nel pannello di customizzazione di ogni tema wordpress.

Passiamo ora alla gestione di tutti i moduli.

Divi offre anche l’ulteriore possibilità di modificare tutti i moduli che ti mette a disposizione.

Dal menu modificatore di moduli potrai sbirrarrirti a modificare ogni singolo elemento.

Le impostazioni che elegant theme offre di default sfiorano già la perfezione, ma se sei un maniaco della grafica, qui avrai in un unico pannello la possibilità di gestire ogni cosa.

Come vedi la lista delle opzioni di personalizzazione è infinita, quello che ti consigliamo è di prenderti un pò di tempo per fare dei test e capire cosa modifica cosa.

Un suggerimento che ti possiamo dare in questo senso è di costruire una pagina vuota inserendo uno ad uno tutti i moduli che troverai nel builder.

Poi accedendo a questa sezione fai una prova per vedere cosa viene modificato quando sposti un cursore, in brevissimo tempo diventerai padrone dello strumento e riuscirai a realizzare il tuo sito esattamente come te lo eri immaginato.

Nella prossima lezione vedremo come utilizzare la libreria Divi per organizzare gli elementi delle tue pagine.