Il modulo di scorrimento di Divi

Procédure

Divi builder è incluso nei nostri pacchetti dihosting web Wordpress. Se desiderate il supporto per DIVI builder, dovete sottoscrivere una licenza direttamente sul sito web del tema Elegent Divi.

Introduzione

LWS offre 3 plugin premium di Elegant Themes (Divi, Bloom e Monarch). Questi vengono aggiornati regolarmente. Una volta diventati clienti di LWS, avrete accesso gratuito a questi plugin scegliendo la distribuzione "Divi Builder" quando installate il CMS Wordpress con il nostro programma di installazione automatica.

Se disponete di un pacchetto cPanel o avete già installato Wordpress con questa distribuzione, ma non avete accesso a tutti i temi o agli aggiornamenti, fatecelo sapere fornendoci i dati di accesso all'area di amministrazione del vostro sito Wordpress, in modo che un tecnico possa aggiornare la licenza.

Nota bene: per usufruire dell'assistenza è necessario sottoscrivere una licenza Elegant Themes. LWS non fornisce assistenza per questi prodotti.

Che cos'è il modulo slider di Divi?

I cursori possono essere posizionati ovunque, coprendo l'intera larghezza della struttura a colonne in cui si trovano. I cursori Divi supportano sfondi parallasse e sfondi video!

Come aggiungere un modulo slider alla vostra pagina

Prima di poter aggiungere un modulo slider alla vostra pagina, dovete passare a Divi Builder. Una volta installato un tema Divi sul vostro sito web, noterete un pulsante Usa Divi Builder sopra l'editor di pubblicazione ogni volta che create una nuova pagina. Fate clic su questo pulsante per attivare Divi Builder e accedere a tutti i suoi moduli. Quindi, fate clic sul pulsante Usa Visual Builder quando navigate nel vostro sito web in primo piano, se avete effettuato l'accesso alla dashboard di WordPress.

Una volta entrati in Visual Builder, potete fare clic sul pulsante grigio"+" per aggiungere un nuovo modulo alla vostra pagina. I nuovi moduli possono essere aggiunti solo all'interno delle righe. Se state iniziando una nuova pagina, non dimenticate di aggiungere prima una riga.

Individuare il modulo del cursore nell'elenco dei moduli e fare clic su di esso per aggiungerlo alla pagina. Una volta aggiunto il modulo, si aprirà un elenco di opzioni per il modulo. Le opzioni sono suddivise in tre gruppi principali: Contenuto, Stile e Avanzate.

Caso d'uso: aggiungere uno slider alla pagina per promuovere le caratteristiche del prodotto

Uno slider è un modo eccellente per presentare le caratteristiche di un prodotto o di un servizio. La combinazione di immagini e contenuti può davvero dare ai vostri prodotti un aspetto professionale che si fa notare.

In questo esempio, aggiungerò uno slider per presentare alcune caratteristiche del prodotto. Ogni diapositiva avrà un'immagine di sfondo, un'immagine della diapositiva e una sezione di contenuto.

Utilizzando Visual Builder, aggiungere una nuova sezione con una linea fullwidth (1 colonna). Inserire quindi un modulo cursore sulla nuova riga. Nella scheda Contenuto dei parametri del cursore, fare clic su Aggiungi un nuovo elemento per creare la prima diapositiva.

Nei parametri della prima diapositiva, aggiornare le seguenti opzioni:

• Opzioni di contenuto: Intestazione, Testo del pulsante, Contenuto, URL del pulsante, Immagine della diapositiva, Immagine di sfondo.
• Opzioni di design:
  • Usa sovrapposizione sfondo: SÌ
  • Colore della sovrapposizione dello sfondo: rgba (0,0,0,0,2). Questa sovrapposizione scurisce leggermente l'immagine di sfondo per rendere il testo più leggibile.

Ora duplicate la diapositiva appena creata e aggiornate la nuova diapositiva con i nuovi contenuti, se necessario. Ripetete questa operazione per tutte le diapositive che desiderate aggiungere.

Video di presentazione del modulo slider su Divi

Conclusione

Perfetto! Ora sapete come aggiungere, configurare e personalizzare un modulo slider su Divi.

Avete domande? Non esitate a lasciare un commento nella sezione sottostante!

A presto per un nuovo tutorial ;)

Per saperne di più su Elegant Themes Divi e su come utilizzarlo

Modulo video di Divi

Il modulo e-commerce di Divi

> Consultate la sezione Aiuto di Elegant Theme Divi