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.

gå till den visuella byggaren.jpeg

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.

lägg till video.jpeg-modulen

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.

lägg till video.jpeg-modulen

Fyll videokursen med innehåll

hur man fyller videoinnehållet Divi-modulen video.jpg

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 .

lägg till ett nytt video.jpeg-element

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

videoalternativ design.jpeg

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

avancerad parametermodul.jpeg

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

konfigurera videos.jpeg

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.

individuell video configuration.jpeg

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

ställa in videoklipp

På fliken Design i din videobild kan du ändra färgen på din pil från ljus till mörk.

individuell videokonfiguration

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