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.
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 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.
Riempi il cursore video con contenuti
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 .
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
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
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
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.
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
Nella scheda Progettazione della diapositiva video, puoi modificare il colore della freccia della diapositiva da chiaro a scuro.
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
- 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