Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62.

Prima di poter aggiungere un modulo testimonial alla tua pagina, devi prima accedere Divi Costruttore. Una volta che il Tema Divi installato sul tuo sito web, noterai un pulsante utiliser Divi Costruttore 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 che offre. Quindi fare clic sul pulsante Usa Visual Builder per avviare il generatore in modalità visuale. Puoi anche fare clic sul pulsante Abilita Visual Builder quando sfogli il tuo sito web in primo piano se hai effettuato l'accesso alla dashboard di WordPress.

usa il visual builder di Divi

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.

Modulo di testimonianza di Wordpress

Individua il modulo di testimonianza 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 "testimonial" e quindi premere Invio per cercare e aggiungere automaticamente il modulo testimonial! 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 .

Esempio di caso d'uso: sezione di testimonianze per una pagina di prodotto

L'aggiunta di una sezione di testimonianze è uno dei modi migliori per promuovere il tuo prodotto o servizio. Per questo esempio, ti mostrerò come utilizzare il modulo Testimonianza per creare una sezione di testimonianze nella parte inferiore di una pagina di destinazione per promuovere il tuo prodotto o servizio. Il titolo della sezione delle testimonianze è "Clienti felici". È importante avere un titolo efficace, creativo e pertinente. Tutte e tre le testimonianze sono brevi in ​​un layout a tre colonne seguito da un pulsante CTA nella parte inferiore della pagina.

Contenuto di esempio con testimonianze divi

Per aggiungere la sezione delle testimonianze alla pagina, utilizza il visual builder per aggiungere una sezione standard con una riga di tre colonne. Quindi aggiungi un modulo di testimonianza alla prima colonna della tua riga.

Sezione testimonianze Divi

Aggiorna le impostazioni del modulo Testimonial con quanto segue:

Scheda Contenuto

Nome dell'autore: [inserisci il nome]
Titolo articolo: [inserisci titolo]
Nome azienda: [inserire azienda]
Contenuto: [inserisci il contenuto della testimonianza]
URL immagine ritratto: [scarica immagine 90 × 90]
Icona citazione
:

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare Facile e gratuito qualsiasi sito web o blog design con un aspetto professionale. Smetti di pagare molto per un sito web che puoi fare da solo.

Scheda di progettazione

Colore del testo: chiaro
Orientamento del testo:
Corpo polizia: Roboto Light
Dimensione carattere corpo: 20px
Altezza della linea del corpo: 1.5em

Esempio di testimonianza di Divi wordpress

Ora che hai creato il tuo primo modulo di testimonianza, duplicalo due volte e trascina i moduli duplicati per riempire la seconda e la terza colonna.

Esempio di testimonianza divi

Poiché tutti i parametri di progettazione sono stati trasferiti su moduli duplicati nella seconda e terza riga, è possibile semplicemente tornare indietro e aggiornare i contenuti di ciascuno.

Tutto qui.

I parametri di contenuto del modulo Testimonial

Parametro del contenuto del modulo divi

Le impostazioni nella scheda contenuto sono organizzate in gruppi che puoi aprire per visualizzare più opzioni. Questo ti rende molto più facile trovare l'impostazione che stai cercando. Puoi anche utilizzare la barra di ricerca in alto per trovare tutte le schede delle impostazioni contemporaneamente per l'impostazione che stai cercando. Ti porterà dritto al punto!

Testo

Qui è dove puoi aggiungere il nome dell'autore della testimonianza, il titolo dell'articolo, l'azienda e il contenuto della testimonianza stessa.

Immagine

Se hai una foto del profilo o un altro tipo di immagine per accompagnare la tua testimonianza, è qui che la aggiungerai.

Scopri i migliori strumenti per il tuo sito web

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Collegamento

Qui puoi aggiungere l'URL dell'autore o dell'azienda e controllarne l'apertura.

elementi

Qui puoi scegliere di rendere visibile o nascosta l'icona della citazione.

contesto

Qui puoi scegliere di aggiungere un colore di sfondo o un'immagine alla tua testimonianza.

Etichetta amministrativa

In questo elenco a discesa, puoi aggiungere un'etichetta amministratore che apparirà nel builder sulla dashboard, nonché nella vista del visual builder.

I parametri di progettazione del modulo testimonial

Parameter design divi

Le impostazioni nella scheda Progettazione sono organizzate nei seguenti gruppi per rendere più facile trovare l'impostazione desiderata. E ricorda, puoi anche utilizzare la barra di ricerca per trovare un'impostazione ancora più veloce!

Icona di citazione

Qui è dove puoi regolare il colore dell'icona della citazione.

Ritratto

Le impostazioni del ritratto ti consentono di regolare il raggio del bordo, la larghezza del ritratto e l'altezza del ritratto per l'immagine che potresti aver aggiunto nella scheda Contenuto.

Testo

Queste impostazioni consentono di modificare il colore e l'orientamento del testo.

Il corpo del testo

Oltre 11 milioni di strumenti da scaricare

Envato Elements offre le migliori risorse per creare e sviluppare tutti gli aspetti del tuo sito web. Troverai milioni di modelli WordPress, grafica, risorse audio e molto altro. Perfetto per i principianti.

Queste impostazioni consentono di regolare il carattere, lo spessore, la dimensione, il colore, la spaziatura, l'altezza della linea e altro.

confine

Qui puoi scegliere di utilizzare un bordo. E se scegli di utilizzare un bordo, puoi anche selezionarne il colore, modificarne la larghezza e sceglierne lo stile.

spaziatura

Nell'area della spaziatura, puoi aggiungere un riempimento personalizzato in alto, a destra, in basso o a sinistra della testimonianza. È inoltre possibile modificare questi valori per desktop, tablet o dispositivi mobili.

I parametri avanzati del modulo Testimonial

Impostazioni avanzate per testimonianze

Nella scheda Avanzate del tuo modulo di testimonianza, puoi aggiungere un ID (identificatore) e una classe CSS univoca. Puoi anche aggiungere CSS personalizzati a vari selettori CSS predefiniti (e preselezionati) nel modulo di scorrimento video a discesa CSS personalizzato. Infine, nell'elenco a discesa della visibilità, puoi regolare la visibilità del tuo modulo su telefoni, tablet e desktop.

[vc_row center_row = "yes"] [vc_column width = "1/2 ″] [vcex_button target =" vuoto "layout =" espanso "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "piatto" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] SCARICA IL TEMA DIVI [/ vcex_button] [/ width_column] [» [vc_column] » 1/2″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "vuoto" layout = "espanso" align = "centro" 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 MODELLI DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

Altri tutorial di Divi

%d ai blogger piace questa pagina: