Voordat u een videomodule aan uw pagina kunt toevoegen, moet u eerst de Divi Builder gebruiken. Zodra de Divi-thema geïnstalleerd op uw Site web, je ziet een knop Gebruik de visual builder boven de uitgever telkens wanneer u een nieuwe pagina maakt.

Klik op deze knop om Divi Builder te activeren en toegang te krijgen tot alle Divi Builder-modules. Klik vervolgens op de knop Gebruik de visual builder om de generator in visuele modus te starten. U kunt ook op de knop klikken Visual Builder inschakelen wanneer u door uw bladert Site web op de voorgrond als u bent ingelogd op uw WordPress-dashboard.

ga naar de visuele builder.jpeg

Nadat u Visual Builder heeft geopend, kunt u op de grijze plusknop klikken om een ​​nieuwe module aan uw pagina toe te voegen. Nieuwe modules kunnen alleen binnen rijen worden toegevoegd. Als u een nieuwe pagina begint, vergeet dan niet om eerst een rij aan uw pagina toe te voegen.

voeg de module video.jpeg toe

Zoek de videoschuifregelaar in de lijst met modules en klik erop om deze aan uw pagina toe te voegen. De lijst met modificaties is doorzoekbaar, wat betekent dat je ook "Videoslider" kunt typen en vervolgens op Enter kunt drukken om automatisch de videomod te zoeken en toe te voegen! Zodra de module is toegevoegd, wordt u begroet door de lijst met moduleopties. Deze opties zijn onderverdeeld in drie hoofdgroepen: Inhoud , Ontwerpfase et vergevorderd.

voeg de module video.jpeg toe

Vul de videocursor met inhoud

hoe de video-inhoud te vullen Divi module video.jpg

Voordat u te veel instellingen aanpast, is het waarschijnlijk het beste om uw videoslider te vullen met videodia's. Op deze manier kunt u bij het aanbrengen van wijzigingen zien hoe deze het eindresultaat beïnvloeden. Om een ​​nieuwe videodia toe te voegen, moet u op de link klikken + Voeg een nieuw item toe .

voeg een nieuw video.jpeg-element toe

Hier kunt u een .mp4- of Webm-bestand downloaden. U kunt ook een video-URL op YouTube invoegen. Wanneer u uw bestand heeft geüpload of de YouTube-link heeft toegevoegd, klikt u op de groene knop in de rechter benedenhoek en u keert terug naar het hoofdinhoudtabblad van de videoslider-module. Herhaal dit proces voor elke video die u wilt toevoegen.

Instellingen video slider module-inhoud

Nu uw inhoud is toegevoegd, zijn er nog een paar gebieden die u kunt verkennen. De drie vervolgkeuzemenu's op het inhoudstabblad waar de instellingen zijn gegroepeerd die van invloed zijn op de hele module.

Communie

Onder de items kunt u de pijl- en schuifregelaarinstelling van de videoslider-module aanpassen.

deksel

Hier kunt u ervoor kiezen om de video-overlays op de hoofdvideo weer te geven of te verbergen. Dit kan worden gedaan door een overlay toe te voegen aan elke videodia of automatisch gegenereerd door Divi.

Admin-label

In deze vervolgkeuzelijst kunt u een admin-tag toevoegen die zal verschijnen in de back-end builder, evenals de skeletweergave van de visuele builder.

Parameters van het videoslider-moduleontwerp

video-optie design.jpeg

Op dit tabblad wordt slechts één parametergroep aangeroepen Kleurbediening . Hier kunt u de kleur van de schuifregelaars wijzigen van licht naar donker, de kleur van het afspeelpictogram wijzigen en de kleur van de miniatuuroverlay aanpassen.

Video Slider Module Geavanceerde instellingen

geavanceerde parameter module.jpeg

Op het tabblad Geavanceerd van uw videoslider-module kunt u een unieke ID en CSS-klasse toevoegen. U kunt ook aangepaste css toevoegen aan verschillende vooraf gedefinieerde (en vooraf geselecteerde) css-selectors in de aangepaste css drop-down videoslider-module. Ten slotte kunt u in de vervolgkeuzelijst zichtbaarheid de zichtbaarheid van uw module op telefoons, tablets en desktops aanpassen.

Individuele instellingen voor video-inhoud

configureer videos.jpeg

Als u specifieke instellingen voor individuele dia's wilt maken, moeten deze in de videodia's zelf worden geconfigureerd. Klik gewoon op het tandwielpictogram op die dia om de unieke instellingen te openen.

individuele video-configuratie.jpeg

Video

Zoals hierboven aangetoond, kunt u hier uw video-inhoud toevoegen.

deksel

Vanuit de vervolgkeuzelijst overlay kunt u een afbeelding uploaden om uw videodia te bedekken of ervoor kiezen om er automatisch een te genereren.

Individuele video-ontwerpinstellingen

stel video's in

Op het tabblad Ontwerpen van uw videodia kunt u de kleur van de pijl van uw dia wijzigen van licht naar donker.

individuele video-configuratie

Dat is alles voor deze tutorial, ik hoop dat je hiermee de videoscrolmodule op Divi kunt gebruiken.

[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”]DOWNLOAD DIVI THEMA [/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”]DOWNLOAD DE TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

Andere Divi-zelfstudies