WordPress Gids

Insluitingsblokken

Bijgewerkt tot WordPress versie 5.9.3

WordPress laat je video, audio en andere inhoud van aantal online diensten aan je pagina’s toevoegen. Deze inhoud hoef je niet te downloaden maar gebeurt met insluitingen (embeds). Je linkt naar het bestand en het WordPress insluitingsblok doet de rest. Zo kun je bijvoorbeeld playlists van Spotify of video’s van YouTube op je pagina zetten.

Insluitingsblokken in de blok editor

De Insluitingen sectie biedt insluitingsblokken voor de volgende online diensten:

Insluiten van externe inhoud

Het insluiten van inhoud van de aangeboden online diensten op de pagina is voor ieder insluitingsblok hetzelfde en kan op twee manieren:

De lange manier:

  1. Zet het insluitingsblok voor de online dienst op je pagina. Hier een TikTok blok:

    Leeg insluitingsblok in de blok editor
  2. Kopieer de link van de online dienst naar het insluitingsblok. Als voorbeeld sluit ik een TikTok video in van Bella Poarch:

    Ingevuld insluitingsblok in de blok editor
  3. Klik op de Insluiten knop: Insluiten knop in de blok editor
  4. De TikTok wordt geladen en is ingesloten (zie hieronder).

De snelle manier:

Ga in een leeg blok zonder bloktype staan en plak de URL vaan de online dienst. Als de URL goed is zal de editor herkennen voor welke site er een insluiting moet worden gemaakt en het kant-en-klare blok daarvoor plaatsen.

@bellapoarch

I’m the newest @Crocs ambassador💖💗💞 Check out the brand new Cozzzy sandal with my cousin @bretmanrock! #crocsad #crocsambassador #croctok

♬ original sound – Bella Poarch

Blokmenu opties

Het blokmenu van het Insluitingsblok bevat een aantal opties om het blok uit te lijnen en aan te passen:

Blokmenu van het Insluitingsblok

Een aantal opties gelden voor alle tekst in het blok, sommige opties gelden alleen voor tekst die je met je muis of met het toetsenbord selecteert:

embed-tiktokicoon voor het insluitingsblok. Dit is een algemeen icoon, sommige insluitingsblokken hebben een aangepast icoon. Klik op het icoon om het blok transformeren naar een paragraaf-blok, om het in een kolom te zetten of om het in een groep op te nemen.
drag-handlehet blok verslepen. Klik je hierop met je linkermuisknop en hou je deze ingedrukt, dan kun je het blok verslepen naar een andere plaats.
Blok verplaatsen icoonhet blok omhoog of omlaag verplaatsen. Klik op omhoog of omlaag om het blok één positie te verplaatsen.
align-nonehet blok uitlijnen. De mogelijkheden zijn afhankelijk van je thema. Klik je op het icoon, dan open een vervolgkeuzelijst met de volgende opties:

align-none: geen
position-left: links uitlijnen
position-center: centreren
position-right: rechts uitlijnen
stretch-wide: wijde breedte
stretch-full-width: volledige breedte

Klik op de gewenste uitlijning. Het icoon in het blokmenu verandert dan ook in het icoon voor de gekozen uitlijning.

Bij links uitlijnen en rechts uitlijnen komt het blok naast het volgende blok en eventueel daarop volgende blokken te staan.
pencilde ingesloten URL aanpassen
more-verticalMeer opties. Klik je op het icoon, dan open een vervolgkeuzelijst met de volgende opties:
Meer instellingen tonen/verbergen: toont of verbergt de instellingen zijbalk.
Kopiëren: kopieert het blok. Op de plaats waar het blok moet komen maak je een nieuw blok zonder bloktype en druk je op Ctrl + V.
Dupliceren: dupliceert het blok. Het nieuwe blok komt onder het huidige blok te staan. Toetsencombinatie: Ctrl + Shift + D.
Invoegen voor: voegt een nieuw blok in vóór het huidige blok. Toetsencombinatie: Ctrl + Alt+ T.
Invoegen na: voegt een nieuw blok in na het huidige blok. Toetsencombinatie: Ctrl + Alt+ Y.
Verplaatsen naar: laat je het blok naar een andere plaats verplaatsen.
Als HTML bewerken: laat het blok zien als HTML, de code achter de pagina. Hier kun je aanpassingen maken in de HTML code.
Aan herbruikbare blokken toevoegen reusable-block: voegt het blok toe aan herbruikbare blokken.
Groeperen: groepeert het blok met eventuele andere blokken, zodat je het als één blok kunt bewerken.
Insluiten verwijderen: verwijdert het blok. Toetsencombinatie: Shift+ Alt+ Z.

Blok instellingen zijbalk

De blok instellingen zijbalk – aan de rechterkant van de editor – geeft je extra instellingen voor het blok. Selecteer om de instellingen te zien het blok en klik rechtsbovenin op tab Blok.

Voor het Insluitingsblok zijn de volgende instellingen beschikbaar:

Extra CSS-class(es)

Wil je meer invloed op het uiterlijk van het blok, dan kun je gebruik maken van de CSS taal. Dit vergt wel wat technisch inzicht.

Blok instellingen zijbalk: Extra CSS class(es)

In je stylesheet, of met behulp van een CSS plugin als Simple CSS, maak je een class voor de inhoud van het blok. Deze link je vervolgens aan het blok of aan meerdere blokken van hetzelfde type.

In het veld Extra CSS-class(es) zet je de naam van de gemaakte CSS class minus de punt. Wil je meerdere classes aan een blok toewijzen, dan kun je die in het veld kwijt met een spatie tussen de namen.