Elementor biedt eenvoudige tools om video’s aan je WordPress-website toe te voegen en aan te passen. Hieronder worden de stappen beschreven om video’s toe te voegen met behulp van de Elementor-editor.
Stap 1: De Elementor Editor openen
Inloggen op je WordPress-dashboard
- Ga naar de inlogpagina van je WordPress-website (meestal
jouwwebsite.nl/wp-admin). - Voer je gebruikersnaam en wachtwoord in om in te loggen.
Pagina of bericht selecteren om te bewerken
- In het linker zijmenu, ga naar “Pagina’s” of “Berichten”, afhankelijk van waar je de video wilt toevoegen.
- Klik op de pagina of het bericht dat je wilt bewerken.
- Klik op de knop “Bewerken met Elementor” om de Elementor-editor te openen.
Stap 2: Video widget toevoegen
Video widget toevoegen
- In de Elementor-editor zie je aan de linkerkant een paneel met widgets.
- Zoek de “Video” widget in de lijst of gebruik de zoekbalk bovenaan het widgetpaneel.
- Sleep de “Video” widget naar de gewenste plek in je lay-out aan de rechterkant.
Stap 3: Video bron selecteren
Video widget instellen
- Klik op de video widget die je hebt toegevoegd. Aan de linkerkant verschijnt het widgetinstellingenpaneel.
- Je hebt nu de optie om een video van verschillende bronnen toe te voegen:
- YouTube: Plak de URL van de YouTube-video in het veld “Link”.
- Vimeo: Plak de URL van de Vimeo-video in het veld “Link”.
- Zelf gehoste video: Klik op het veld “Link” en selecteer “Media library” om een video te kiezen die je hebt geüpload naar je WordPress-mediabibliotheek, of upload een nieuwe video vanaf je computer.
Stap 4: Video instellingen aanpassen
Inhoudsinstellingen
- Starttijd en eindtijd: Stel een specifieke starttijd en eindtijd in als je wilt dat de video vanaf een bepaald punt begint of stopt.
- Afbeelding voor afspelen: Voeg een aangepaste thumbnail toe die wordt weergegeven voordat de video wordt afgespeeld.
- Auto-afspelen: Schakel auto-afspelen in als je wilt dat de video automatisch begint te spelen wanneer de pagina wordt geladen.
- Muten: Schakel dempen in als je wilt dat de video zonder geluid wordt afgespeeld.
- Loop: Laat de video continu herhalen door de lusoptie in te schakelen.
- Afspelerbediening: Schakel de bedieningselementen van de afspeler in of uit om te bepalen of gebruikers de videobediening zien.
Stijlopties
- Breedte: Pas de breedte van de video aan door een percentage of specifieke pixelwaarde in te stellen.
- Afstand en uitlijning: Stel de marges, padding en uitlijning van de video in om deze perfect te integreren in je paginaontwerp.
- Overlays en filters: Voeg een overlay afbeelding of kleur toe en pas filters toe zoals helderheid, contrast en verzadiging om de uitstraling van de video te verbeteren.
Geavanceerde instellingen
- CSS ID & klassen: Voeg aangepaste CSS-ID’s en klassen toe voor meer geavanceerde styling en scripting.
- Responsieve instellingen: Pas de instellingen voor mobiele weergave aan om ervoor te zorgen dat de video goed wordt weergegeven op alle apparaten.
- Bewegingseffecten: Voeg bewegingsanimaties toe, zoals fades of slides, om de video dynamischer te maken.
By Davy