Innan du kan lägga till en videomodul på din sida måste du först använda Divi Builder. När Divi-tema installerat på din webbplats, kommer du att märka en knapp Använd den visuella byggaren ovanför utgivaren varje gång du skapar en ny sida.
Klicka på den här knappen för att aktivera Divi Builder och få tillgång till alla Divi Builder-moduler. Klicka sedan på knappen Använd den visuella byggaren för att starta generatorn i visuellt läge. Du kan också klicka på knappen Aktivera Visual Builder när du bläddrar i din webbplats i förgrunden om du är inloggad på din WordPress-instrumentpanel.
När du har angett Visual Builder kan du klicka på den grå plusknappen för att lägga till en ny modul på din sida. Nya moduler kan bara läggas till inom rader. Om du börjar en ny sida, kom ihåg att först lägga till en rad på din sida.
Leta reda på skjutreglermodulen i listan över moduler och klicka på den för att lägga till den på din sida. Modlistan är sökbar, vilket innebär att du också kan skriva "Video slider" och sedan trycka på Enter för att automatiskt hitta och lägga till video mod! När modulen har lagts till hälsas du av listan över modulalternativ. Dessa alternativ är uppdelade i tre huvudgrupper: Innehåll , Conception et advanced.
Fyll videokursen med innehåll
Innan du justerar för många inställningar är det förmodligen bäst att fortsätta fylla din videoreglage med videobilder. När du gör ändringar kommer du att kunna se hur de påverkar slutresultatet. För att lägga till en ny videobild måste du klicka på länken + Lägg till en ny artikel .
Här kan du ladda ner en .mp4- eller Webm-fil. Du kan också infoga en video-URL på YouTube. När du har laddat upp din fil eller lagt till YouTube-länken klickar du bara på den gröna knappen i det nedre högra hörnet så återgår du till huvudfliken för videoklippet. Upprepa denna process för varje video du vill lägga till.
Inställningar för Video Slider Module
Nu när ditt innehåll har lagts till finns det några fler områden att utforska. De tre rullgardinsmenyerna på fliken innehåll där inställningarna har grupperats som påverkar hela modulen.
Element
Under artiklarna kan du justera pil- och reglageinställningen för videolidarmodulen.
lock
Här kan du välja att visa eller dölja videoöverlagren på huvudvideon. Detta kan göras genom att lägga till ett överlägg i varje videobild eller automatiskt genereras av Divi.
Admin-etikett
I den här rullgardinsmenyn kan du lägga till en admin-tagg som kommer att visas i backend-byggaren, såväl som den visuella byggarens skelettvy.
Parametrar för design av videolidarmodul
På den här fliken finns bara en parametergrupp Färgkontroller . Här kan du ändra färgen på skjutreglagen från ljus till mörk, ändra färgen på uppspelningsikonen och justera miniatyrfärgen.
Avancerade inställningar för Video Slider Module
På fliken Avancerat i din skjutreglermodul kan du lägga till unikt ID och css-klass. Du kan också lägga till anpassade css till olika fördefinierade (och förvalda) css-väljare i anpassad CS-rullgardinsmodul. Slutligen, i listrutan för synlighet kan du justera synligheten för din modul på telefoner, surfplattor och skrivbord.
Individuella videoinnehållsinställningar
Om du vill skapa specifika inställningar för enskilda bilder måste dessa konfigureras i själva videobilderna. Klicka bara på kugghjulsikonen på bilden för att öppna dess unika inställningar.
Vidéo
Som visas ovan är det här du kan lägga till ditt videoinnehåll.
lock
Från rullgardinsmenyn överlägg kan du ladda upp en bild för att lägga över din videobild eller välja att automatiskt skapa en.
Individuella inställningar för videodesign
På fliken Design i din videobild kan du ändra färgen på din pil från ljus till mörk.
Det här är allt för den här handledningen, jag hoppas att du kan använda videoscrollmodulen på 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=”platt” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]LADDA NED DIVI TEMA [/vcex_button][/vc_column 1 ][vc_column] /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”]LADDA NED DEN TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Andra Divi tutorials
- 5 webbplatser för restaurang användning Divi tema
- Så här lägger du till text på en Divi WooCommerce-produkt
- Så här byter du menyfärg mellan Divi-sidor
- Hur du anpassar rutorna på en blogg med Divi
- Hur man använder roll Divi editor på Wordpress
- Hur man skapar en Divi-skjutreglage på full skärm
- Hur man ändrar menyens färg mellan Divi-sidor
- Funktioner du antagligen inte känner till Divi
- Så här använder du Divi Builder på WordPress
- Så här använder du Divi video-rullningsmodulen
- Så här använder du Divi Builder Flip-modulen
- Hur man lägger till en vittnesmodul om Divi Builder
- Så här använder du Divi-textmodulen
- Hur man skapar en reglage på Divi
- Hur man redigerar en Divi-användarroll
- Så här använder du Divi Social Media-modulen
- Hur man använder butikmodulen på temat WordPress Divi
- Så här använder du Divi sidebar-modulen
- Så här använder du Divi Price Table Module
- Hur man använder titelfodulen i Divi-publikationer
- Hur lägger jag till en videomodul av Divi
- Så här använder du artikelnavigationsmodulen
- Så här använder du Divi-sökmodulen
- Så här använder du Divi-plånboksmodulen
- Hur man använder personmodulen på Divi Builder
- Hur man använder plånboksmodulen med Divi-filter
- Hur man använder skjutreglaget med hela bredden
- Så här använder du Divi Builder Image Module
- Så här använder du Divi Builder med fullbredd navigationsmodul
- Hur man använder modulen för bildgalleri
- Så här använder du Divi Builder Full-Width Card Module
- Så här använder du Divi Full Width Portfolio Module
- Hur du använder Divi-modulen med full bredd
- Så här använder du Divi Counter Module
- Hur man använder artiklarna på Divi Builder
- Så här använder du Divi Email Optin-modulen