CMS Wordpress 22 Avril 2024 Créé par 3mn de lecture

De Divi Video-module

Lien de l'article

Sommaire

Procédure

Divi builder is inbegrepen in onzeWordpress webhostingpakketten. Als je ondersteuning voor DIVI builder wilt, moet je je direct op de Elegent theme Divi website abonneren op een licentie.

Introductie

LWS biedt 3 premium plugins van Elegant Themes (Divi, Bloom en Monarch). Deze worden regelmatig bijgewerkt. Als je eenmaal klant bent bij LWS, krijg je gratis toegang tot deze plugins door de 'Divi Builder' distributie te kiezen bij de installatie van het Wordpress CMS met onze Auto-Installer.

Als je een cPanel pakket hebt of Wordpress al hebt geïnstalleerd met deze distributie, maar geen toegang hebt tot alle thema's of updates, laat het ons dan weten door ons de toegangsgegevens voor het administratiegedeelte van je Wordpress site te geven zodat een technicus de licentie kan updaten.

Let op: u dient een Elegant Themes licentie af te sluiten om gebruik te kunnen maken van ondersteuning. LWS biedt geen ondersteuning voor deze producten.

Wat is de Divi Video Module en wat kan ik ermee?

Met de Divi Video Module kun je eenvoudig video's aan je Divi pagina's toevoegen. Hiermee kun je video's van elke bron insluiten en de miniatuurafbeelding en afspeelknop aanpassen, zodat de insluiting er netter uitziet.

Hoe gebruik ik de Divi Video Module?

Voordat je een videomodule aan je pagina kunt toevoegen, moet je eerst overschakelen op Divi Builder. Zodra je het Divi-thema op je website hebt geïnstalleerd, zie je telkens wanneer je een nieuwe pagina maakt een knop Gebruik Divi Builder boven de editor.

Klik op deze knop om Divi Builder te activeren en toegang te krijgen tot alle Divi Builder-modules. Klik vervolgens op de knop Use Visual Builder om de generator in visuele modus te starten.

Je kunt ook op de knop Use Visual Builder klikken terwijl je op de voorgrond door je website bladert als je bent ingelogd op je WordPress dashboard.

Zodra je in Visual Builder bent, kun je op de"+" knop klikken om een nieuwe module aan je pagina toe te voegen. Nieuwe modules kunnen alleen binnen rijen worden toegevoegd. Als je een nieuwe pagina begint, vergeet dan niet om eerst een regel aan je pagina toe te voegen.

Zoek de videomodule in de lijst met modules en klik erop om deze aan uw pagina toe te voegen. De lijst met modules is doorzoekbaar, wat betekent dat je het woord "video" kunt intypen en dan op enter kunt klikken om de videomodule te zoeken en automatisch toe te voegen! Zodra de module is toegevoegd, wordt u begroet door een lijst met opties voor de module. Deze opties zijn onderverdeeld in drie hoofdgroepen: Inhoud, Stijl en Geavanceerd.

Voorbeeld use case: Een video toevoegen aan uw presentatiepagina

Het toevoegen van een video aan je presentatiepagina is een uitstekende manier om je producten te promoten en de algehele lay-out te verbeteren. In dit voorbeeld bekijken we hoe je de videomodule kunt gebruiken om een video toe te voegen aan je presentatiepagina. Er is een rode cirkel getekend waar we onze video willen plaatsen.

Met Visual Builder voegen we een nieuwe sectie toe met een lijn over de volle breedte (1 kolom). In de lijnparameters, op het tabblad Ontwerp, selecteer je de optie Aangepaste breedte gebruiken en voer je de gewenste grootte in. We kiezen 770px voor deze breedte zodat de module deze breedte niet overschrijdt en niet te groot is voor grotere schermformaten.

Vervolgens voegen we de videomodule toe aan de rij. Op het tabblad Inhoud van de parameter Videomodule voer ik de video-URL in van de video die we op de landingspagina willen insluiten. In dit voorbeeld gebruik ik de URL van een YouTube-video.

Vervolgens voegen we een URL voor de overlay van de video toe door op de knop Genereer video te klikken. Dit haalt automatisch een afbeelding uit de video om te gebruiken als overlay met een nieuw aangepast videopictogram.

Op het tabblad Ontwerp kun je de kleur van het afspeelpictogram aanpassen aan je landingspagina.

De Divi Video-module

Conclusie

Gefeliciteerd, je bewerkte presentatiepagina bevat nu je gepersonaliseerde video die past bij het algemene ontwerp!

Bedankt voor het volgen van deze handleiding :)