Embedden op WordPress: Wat is het, en hoe voeg je het toe aan jouw website?

Ben je benieuwd hoe je video’s, audiofragmenten of foto’s van andere platforms op je eigen WordPress-site kunt toevoegen? Embedden biedt een eenvoudige manier om rijke mediacontent toe te voegen zonder je server te belasten. Hier lees je alles over embedden op WordPress, van basisstappen tot handige tips voor optimale prestaties.

Wat is embedden?

Embedden betekent dat je media, zoals een video van YouTube of muziek van SoundCloud, op je website toont door een stukje code te gebruiken. In plaats van de media direct te uploaden, verschijnt de inhoud vanuit een externe bron op je site. Dit bespaart opslagruimte en verbetert de laadtijd van je website.

Waarom Embedden?

• Snellere laadtijden: De media worden gehost door externe servers, wat je website sneller maakt.
• Automatische updates: Als de originele content verandert, wordt deze automatisch bijgewerkt op je site.
• Gebruiksvriendelijk voor bezoekers: Bezoekers kunnen media bekijken zonder je website te verlaten.

Embedden in WordPress: Stap-voor-stap

Embedden op WordPress is eenvoudig dankzij de oEmbed-functie, waarmee WordPress automatisch URL’s omzet in ingesloten media.

Stap 1: Plak de URL in de editor

1. Open een pagina of bericht in de WordPress-editor.
2. Plak de URL van de media (bijvoorbeeld een YouTube-video) direct op de plek waar je de content wilt tonen.
3. WordPress herkent de URL en zet deze om in een ingesloten media-object.

Stap 2: Voorvertoning en controle

Zodra je de URL plakt, zie je een voorvertoning van de media in de editor. Dit helpt je om te controleren hoe de media op je site wordt weergegeven.

Aanpassen van embedded media

Met WordPress kun je de uitlijning en grootte van de ingesloten media aanpassen. Klik op de media in de editor om instellingen zoals centreren of aanpassen van de grootte te openen.

Embedden in de Gutenberg-editor

Gebruik je de Gutenberg-blokeditor? Dan kun je specifieke blokken gebruiken:

• YouTube-blok: Speciaal voor YouTube-video’s met opties zoals autoplay.
• Afbeeldings- en audioblokken: Hiermee kun je media eenvoudig embedden met extra weergaveopties.

Voor platforms zonder automatische embed-ondersteuning

Voor media die niet automatisch door WordPress wordt ondersteund, gebruik je een HTML-embed-code.

1. Zoek de embed-optie op het platform en kopieer de code.
2. Schakel in WordPress over naar de ‘HTML’-modus en plak de code.

Extra Tips voor Embedden op WordPress

Tip 1: Kies de juiste media voor je content

• Video: Ideaal voor het uitleggen van complexe onderwerpen.
• Audio: Voeg sfeer toe of deel podcasts voor extra interactie.
• Afbeeldingen: Gebruik visuele content om je teksten te ondersteunen.

Tip 2: Let op de Laadtijd

Als je veel media op één pagina toevoegt, kan dit de laadtijd iets vertragen. Test de snelheid van je pagina met tools zoals GTmetrix of Google PageSpeed Insights, en optimaliseer waar nodig.

Tip 3: Gebruik Plugins voor Extra Functionaliteit

• Embed Plus for YouTube: Voeg aangepaste starttijden en caching-opties toe.
• Smash Balloon Social Photo Feed: Voor het insluiten van Instagram-foto’s met controle over de stijl.
• SoundCloud Shortcode: Embed eenvoudig audiobestanden van SoundCloud.
• oEmbed Plus: Breid je embed-mogelijkheden uit naar minder bekende sites.

Met embedden kun je op een eenvoudige manier externe media toevoegen op je WordPress-website en zo je content verrijken zonder extra serverbelasting. Dit maakt het een waardevolle tool voor elke websitebouwer!