Per iniziare a personalizzare il layout e la tipografia del tuo sito web, devi prima accedere al Customizer del tema facendo clic sul collegamento Divi> Personalizzazione del tema sulla dashboard di WordPress. Questo avvierà il customizer. Quindi cerca il pannello "Impostazioni generali". Fare clic sul pannello per aprire le impostazioni appropriate e avviare la personalizzazione. Nel pannello "Impostazioni generali" noterai tre sezioni: Impostazioni layout, Tipografia e Sfondo.
Impostazioni del layout
Il pannello di layout ti consente di regolare varie opzioni di dimensionamento e spaziatura per il tuo sito web. Qui puoi aumentare o diminuire la spaziatura tra colonne, righe e sezioni e regolare le dimensioni della barra laterale. Puoi anche abilitare la modalità Layout in scatola da questo pannello.
Abilita layout di nidificazione
Qui puoi modificare il tuo sito in un formato box che incornicia il contenuto del tuo sito ed espone uno sfondo che può essere personalizzato.
Larghezza del contenuto del sito web
Qui è dove puoi impostare la larghezza massima della sezione dei contenuti. Poiché il tuo contenuto è su un layout reattivo, si adatterà a dimensioni più piccole ma non si espanderà più della larghezza massima impostata qui.
L'impostazione predefinita è 1080px. È una buona larghezza per la maggior parte dei laptop e desktop standard.
Spaziatura delle colonne sul sito web
La larghezza della grondaia è la quantità di spazio orizzontale (margine) tra le colonne in ogni riga.
I valori opzionali per la larghezza della grondaia sono compresi tra 1 e 4.
1 rappresenta il margine zero tra le colonne.
2 rappresenta un margine del 3% tra le colonne.
3 rappresenta un margine del 5,5% tra le colonne.
4 rappresenta un margine del 8% tra le colonne.
Usa la larghezza della barra laterale personalizzata
Questo imposta la larghezza della barra laterale predefinita per il tuo tema. Questo vale per tutte le pagine del tuo tema che hanno una barra laterale e che non sono state create con Divi Builder.
Altezza della sezione e della linea
Queste opzioni regolano la quantità di spaziatura verticale (imbottitura superiore e inferiore) per ogni sezione e riga.
Colore accento del tema
Prima di iniziare a cambiare i colori degli altri elementi, devi prima cambiarli. Dopo averlo modificato, salva e pubblica le tue impostazioni e aggiorna la tua pagina. Ora il tema Accent Color aggiornato dovrebbe aver riempito automaticamente altri elementi.
tipografia
Il pannello Tipografia è il luogo in cui puoi regolare l'aspetto predefinito del testo nell'intero testo sito web. Puoi regolare la dimensione del carattere e delle intestazioni, che si rifletteranno proporzionalmente in tutte le aree del sito. Puoi regolarne i colori, l'altezza della linea, la spaziatura delle lettere e gli stili dei caratteri. Infine, puoi anche scegliere tra decine di caratteri da applicare a ciascuno.
Dimensione del testo del corpo
Questo cambia il corpo del testo predefinito per il tuo tema. La dimensione predefinita è 14 px.
Altezza della linea del corpo
L'altezza della riga di ogni riga di testo.
Dimensioni del testo dell'intestazione
Divi ti consente di impostare qui la dimensione del testo predefinita per la tua intestazione. Ciò influisce sugli elementi Divi come i titoli dei moduli di intestazione a larghezza intera.
Spazio della lettera di intestazione
La spaziatura delle lettere regola lo spazio orizzontale tra le lettere. Il valore della spaziatura delle lettere di intestazione influisce su tutti i livelli di intestazione (h1, h2, h3, h4, h5, h6), virgolette e titoli delle diapositive.
Altezza riga di intestazione
Proprio come il valore di spaziatura delle lettere, il valore di altezza della riga di intestazione influisce su tutti i livelli di intestazione (h1, h2, h3, h4, h5, h6), virgolette e titoli di diapositive.
Stile di polizia
Utilizzare queste opzioni per modificare lo stile del carattere delle intestazioni.
Carattere del corpo e dell'intestazione
Il carattere predefinito in Divi è Open Sans, ma Divi ha quasi un centinaio di caratteri tra cui scegliere! Approfitta di questi caratteri incorporati e prova quali funzionano meglio per il tuo tema.
Colore dei collegamenti del corpo
Il colore del collegamento del corpo viene ereditato dal colore principale del tema. Ma puoi sempre cambiarlo qui.
Colore del testo del corpo
Qui puoi cambiare il colore del tuo corpo.
Colore del testo dell'intestazione
Qui puoi cambiare il colore delle intestazioni.
Sfondo
Il pannello di sfondo ti consente di regolare il colore di sfondo del tema, nonché di caricare un'immagine di sfondo personalizzata e di regolarne il posizionamento sulla pagina. Le immagini ei colori di sfondo funzionano bene se abbinati all'impostazione Formattazione in box nel pannello Layout menzionato in precedenza.
Questo è tutto per questo tutorial, spero che ti permetta di regolare meglio il carattere e il layout del file Tema Divi.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]SCARICA TEMA DIVI [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]SCARICA IL MODELLI DIVI[/vcex_button][/vc_column][/vc_row]
Altri tutorial di Divi
- siti 5 che utilizzano Divi ristorante a tema
- Come aggiungere testo su un prodotto Divi WooCommerce
- Come cambiare il colore del menu tra le pagine Divi
- Come personalizzare le griglie di un blog con Divi
- Come utilizzare il ruolo di Editor Divi su WordPress
- Come creare un dispositivo di scorrimento Divi a schermo intero
- Come cambiare il colore dei menu tra le pagine di Divi
- Funzionalità che probabilmente non conosci su Divi
- Come usare Divi Builder su WordPress
- Come usare il modulo di scorrimento video Divi
- Come utilizzare il modulo Divi Builder Flip
- Come aggiungere un modulo di testimonianza su Divi Builder
- Come usare il modulo di testo Divi
- Come creare un dispositivo di scorrimento su Divi
- Come modificare un ruolo utente Divi
- Come usare il modulo Divi Social Media
- Come utilizzare il modulo negozio sul tema WordPress Divi
- Come utilizzare il modulo barra laterale Divi
- Come utilizzare il modulo Tabella prezzi Divi
- Come utilizzare il modulo del titolo delle pubblicazioni Divi
- Come aggiungere un modulo video di Divi
- Come utilizzare il modulo di navigazione dell'articolo
- Come usare il modulo di ricerca Divi
- Come utilizzare il modulo portafoglio Divi
- Come usare il modulo persona su Divi Builder
- Come usare il modulo portafoglio con filtro Divi
- Come utilizzare il modulo di scorrimento a larghezza piena
- Come utilizzare il modulo immagine Divi Builder
- Come utilizzare il modulo di navigazione a larghezza intera di Divi Builder
- Come utilizzare il modulo della galleria di immagini
- Come utilizzare il modulo Divi Builder Full-Width Card
- Come utilizzare il modulo Divi Full Width Portfolio
- Come utilizzare il modulo di intestazione a tutta larghezza Divi
- Come utilizzare il modulo contatore Divi
- Come utilizzare il dispositivo di scorrimento degli articoli su Divi Builder
- Come utilizzare il modulo Divi Email Optin
