Prima di poter aggiungere un modulo video alla tua pagina, devi prima utilizzare Divi Builder. Una volta il Tema Divi installato sul tuo sito web, noterai un pulsante Usa il visual builder sopra l'editore 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 il 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.

vai a visual builder.jpeg

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.

aggiungi il modulo video.jpeg

Individua il modulo dello slider video nell'elenco dei moduli e fai clic su di esso per aggiungerlo alla tua pagina. L'elenco delle mod è ricercabile, il che significa che puoi anche digitare "Video slider" e quindi premere Invio per trovare e aggiungere automaticamente la mod video! 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.

aggiungi il modulo video.jpeg

Riempi il cursore video con contenuti

come compilare il contenuto del video Divi module video.jpg

Prima di regolare troppe impostazioni, è probabilmente meglio andare avanti e riempire il dispositivo di scorrimento video con diapositive video. In questo modo quando apporti delle modifiche sarai in grado di vedere come influenzano il risultato finale. Per aggiungere una nuova diapositiva video, è necessario fare clic sul collegamento + Aggiungi un nuovo elemento .

aggiungi un nuovo elemento video.jpeg

Qui puoi scaricare un file .mp4 o Webm. Puoi anche inserire l'URL di un video su YouTube. Quando hai caricato il tuo file o aggiunto il link YouTube, fai semplicemente clic sul pulsante verde nell'angolo in basso a destra e tornerai alla scheda del contenuto principale del modulo di scorrimento video. Ripeti questo processo per ogni video che desideri aggiungere.

Impostazioni del contenuto del modulo di scorrimento video

Ora che il tuo contenuto è stato aggiunto, ci sono alcune altre aree da esplorare. I tre menu a discesa nella scheda dei contenuti in cui sono state raggruppate le impostazioni che influenzeranno l'intero modulo.

elementi

Sotto gli elementi, puoi regolare le impostazioni della freccia e del cursore del modulo del cursore video.

copertura

Qui puoi scegliere di mostrare o nascondere le sovrapposizioni video sul video principale. Questo può essere fatto aggiungendo una sovrapposizione a ciascuna diapositiva video o generata automaticamente da Divi.

Etichetta amministrativa

In questo elenco a discesa, puoi aggiungere un tag amministratore che apparirà nel generatore di back-end, così come la vista scheletro del generatore visivo.

Parametri di progettazione del modulo cursore video

opzione video design.jpeg

In questa scheda è presente un solo gruppo di parametri chiamato Controlli di colore . Qui puoi cambiare il colore dei controlli del cursore da chiaro a scuro, cambiare il colore dell'icona di riproduzione e regolare il colore della sovrapposizione della miniatura.

Impostazioni avanzate del modulo di scorrimento video

parametro avanzato module.jpeg

Nella scheda Avanzate del tuo modulo di scorrimento video, puoi aggiungere ID univoco e classe css. 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.

Impostazioni dei singoli contenuti video

configurare video.jpeg

Se desideri creare impostazioni specifiche per singole diapositive, queste devono essere configurate nelle diapositive video stesse. Basta fare clic sull'icona dell'ingranaggio su quella diapositiva per aprire le sue impostazioni uniche.

singolo video configuration.jpeg

Video

Come dimostrato sopra, qui è dove puoi aggiungere i tuoi contenuti video.

copertura

Dall'elenco a discesa Sovrapposizione, puoi caricare un'immagine per sovrapporre la diapositiva video o scegliere di generarne una automaticamente.

Impostazioni di progettazione video individuali

configurare i video

Nella scheda Progettazione della diapositiva video, puoi modificare il colore della freccia della diapositiva da chiaro a scuro.

configurazione video individuale

Questo è tutto per questo tutorial, spero che ti permetta di utilizzare il modulo di scorrimento video 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