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.
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.
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.
Vul de videocursor met inhoud
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 .
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
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
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
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.
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
Op het tabblad Ontwerpen van uw videodia kunt u de kleur van de pijl van uw dia wijzigen van licht naar donker.
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
- 5 websites voor restaurant gebruik Divi thema
- Tekst toevoegen aan een Divi WooCommerce-product
- Hoe de menukleur tussen Divi-pagina's te veranderen
- Hoe de rasters van een blog personaliseren met Divi
- Hoe de rol Divi editor op WordPress
- Een Divi-schuifregelaar op volledig scherm maken
- Hoe de kleur van menu's tussen Divi-pagina's te veranderen
- Functies die u waarschijnlijk niet kent over Divi
- Divi Builder gebruiken op WordPress
- Hoe de Divi-scrolmodule video te gebruiken
- Hoe de Divi Builder Flip-module te gebruiken
- Hoe een getuigenismodule op Divi Builder toe te voegen
- Hoe de Divi-tekstmodule te gebruiken
- Hoe maak je een schuifregelaar op Divi
- Hoe u een Divi-gebruikersrol kunt bewerken
- Hoe de Divi Social Media-module te gebruiken
- Hoe de shopmodule te gebruiken met het thema WordPress Divi
- Hoe de Divi zijbalkmodule te gebruiken
- Hoe de Divi Price Table-module te gebruiken
- Hoe de titelmodule van Divi-publicaties te gebruiken
- Hoe een videomodule van Divi toe te voegen
- Hoe de artikelnavigatiemodule te gebruiken
- Hoe de Divi-zoekmodule te gebruiken
- Hoe de Divi wallet-module te gebruiken
- Hoe de persoonsmodule op Divi Builder te gebruiken
- De walletmodule gebruiken met Divi-filter
- De schuifregelaarmodule op de volledige breedte gebruiken
- Hoe de Divi Builder-beeldmodule te gebruiken
- De navigatiemodule op de volledige breedte van Divi Builder gebruiken
- Hoe de afbeeldingengalerij-module te gebruiken
- Hoe de Divi Builder kaartmodule met volledige breedte te gebruiken
- Hoe de Divi Full Width Portfolio Module te gebruiken
- Hoe de Divi header-module over de volle breedte te gebruiken
- Hoe de Divi Counter-module te gebruiken
- De schuifregelaar voor artikelen gebruiken in Divi Builder
- Hoe de Divi Email Optin-module te gebruiken