Il testo può essere aggiunto ovunque sulla tua pagina con Divi. I moduli di testo possono essere inseriti in qualsiasi tipo di colonna e, se combinati con altri moduli, creano una vera pagina dinamica. Quando aggiungi un modulo di testo, hai tutte le funzionalità di modifica di una normale pagina WordPress. Il modulo di testo Divi può essere utilizzato per creare una piccola porzione di testo in un layout complesso, oppure può essere utilizzato in una colonna a larghezza intera per creare un'intera pagina.
Come aggiungere il modulo Divi Text
Prima di poter aggiungere un modulo di testo alla tua pagina, devi prima passare a Divi Builder. Una volta che il file Tema Divi installé sul vostro sito web, noterai un pulsante Usa Divi Builder sopra l'editor dei post ogni volta che crei una nuova pagina. Fare clic su questo pulsante per attivare Divi Builder e accedere a tutti i moduli Divi Builder. Quindi fare clic sul pulsante Usa Visual Builder per avviare il generatore in modalità visuale. Puoi anche fare clic sul pulsante Usa Visual Builder quando sfogli il tuo sito web in primo piano se hai effettuato l'accesso alla dashboard di WordPress.
Una volta entrato in Visual Builder, puoi fare clic sul pulsante più grigio per aggiungere un nuovo modulo alla tua pagina. I nuovi moduli possono essere aggiunti solo all'interno delle righe. Se stai iniziando una nuova pagina, ricordati di aggiungere prima una riga alla tua pagina.
Individua il modulo di testo nell'elenco dei moduli e fai clic su di esso per aggiungerlo alla tua pagina. L'elenco dei moduli è ricercabile, il che significa che puoi anche digitare la parola "testo" e quindi fare clic su Invio per trovare e aggiungere automaticamente il modulo di testo! Una volta aggiunto il modulo, sarai accolto dall'elenco delle opzioni del modulo. Queste opzioni sono suddivise in tre gruppi principali: Contenuto , Design et avanzato .
Opzioni di contenuto
Contenuto testuale
Questo campo è dove puoi inserire il contenuto del corpo del tuo modulo. Il contenuto del testo copre l'intera larghezza della colonna in cui si trova.
Se il tuo testo è posizionato su uno sfondo scuro, il colore del testo dovrebbe essere impostato su "Scuro". Tuttavia, se il testo è posizionato su uno sfondo chiaro, il colore del testo dovrebbe essere impostato su "Chiaro".
Colore di sfondo
Qui puoi scegliere un colore di sfondo per il tuo modulo di testo.
Immagine di sfondo
Qui puoi scegliere un'immagine di sfondo per il tuo modulo di testo.
Etichetta amministrativa
Per impostazione predefinita, il modulo di testo verrà visualizzato con un'etichetta che recita "Testo" nel generatore. Il tag Admin ti consente di modificare questo tag per una facile identificazione.
Opzioni di design
Qui puoi modellare e / o posizionare il testo o il testo dell'intestazione come desideri scegliendo il colore del testo, l'orientamento, il carattere, la dimensione del carattere, la spaziatura e l'altezza del carattere. linea.
È inoltre possibile designare uno stile del bordo, impostare una larghezza massima per il modulo e aggiungere margine e riempimento personalizzati.
Opzioni avanzate
Usa le opzioni avanzate per dare al tuo modulo di testo ID personalizzati e classi CSS. Aggiungi CSS personalizzato per uno stile avanzato e indica la visibilità del modulo su alcuni dispositivi.
Questo è tutto per questo tutorial, spero che ti permetta di utilizzare il modulo di testo su 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