WordPress3 min. lezen

Hoe gebruik je de WordPress (Gutenberg) blokeditor? Een intro

De (Gutenberg) WordPress blokeditor is de nieuwe standaard van het populaire WordPress. Samen lopen we door het introductiescherm heen.
16 apr 2025
Hoe gebruik je de WordPress (Gutenberg) blokeditor? Een intro

Eerder in deze reeks hadden we het over de Gutenberg blokeditor, de nieuwe standaard voor het bewerken van pagina’s in WordPress. In dit artikel duiken we dieper de blokeditor in aan de hand van het introductiescherm. Aan de hand van screenshots verkennen we verschillende opties zodat je goed van start kunt.

Wat is block-based editing?

In WordPress wordt content gezien als blokken die op elkaar gestapeld kunnen worden, waardoor het opmaken van een pagina of bericht eenvoudig wordt. Wat zijn blokken? Blokken zijn onderdelen zoals een titel, paragraaf, afbeelding, video, knoppen, kolommen, widgets, tabellen, enzovoort.

In WordPress wordt een introductie getoond wanneer een gebruiker voor het eerst een pagina of bericht gaat maken. Meestal wordt dit direct uitgeschakeld. Maar het is de moeite waard om dit wél goed door te nemen. Het laat namelijk in grote lijnen zien hoe je gebruik kunt maken van de blokeditor. Voor wie dit heeft gemist of overgeslagen, laat ik dit nogmaals zien.

wordpress-blokeditor-welkom-bij-de-blokeditor-200x200.png

Na het uitschakelen van de introductie (x) kun je direct een titel aanmaken, beginnen met schrijven of een blok plaatsen.

Wil je de introductie zien, ga dan naar Opties > Welkomstgids.

De gebruikersomgeving van de blokeditor

Ben je begonnen met schrijven of heb je een blok geselecteerd, dan krijg je het volgende te zien.

wordpress-blokeditor-gebruikersomgeving.png

Elk blok bestaat uit Content, een Top Toolbar en een zijbalk met Document of Blokinstellingen. Afhankelijk van het soort blok zal Content, Top toolbar en Opties verschillen van andere blokken.

Zoals in de introductie wordt aangegeven: “Maak elk blok van jezelf.” Bekijk alle blokken, selecteer een blok en bekijk alle opties in de Top toolbar en blok-instellingen voordat je hiervan gebruik maakt.

Meer gereedschap & opties

Iets wat vaak over het hoofd wordt gezien zijn de standaardinstellingen. Door deze aan te passen bespaar je een hoop tijd en ergernis. Heb je niet alle blokelementen nodig, dan kun je deze beter uitzetten. Vanuit een pagina of bericht ga je naar rechtsboven Opties (3 puntjes) > Voorkeuren. Klik daarna op de tab Blokken.

wordpress-blokeditor-voorkeuren.png

Deactiveer alle blokken die niet nodig zijn. Het is ook mogelijk om een categorie uit te schakelen. Klik daarna op het sluit-icoontje (x).

Een webredacteur heeft hierdoor meer overzicht en kan zich daardoor beter concentreren op het maken van content.

Kijk ook naar Opties > Toetscombinaties. Dit geeft extra informatie om het schrijfproces te versnellen.

wordpress-blokeditor-toetscombinaties.png

Met Spotlight-modus zorg je ervoor dat de focus op één blok is gericht. Hiermee wordt duidelijk welk blok is geselecteerd.

wordpress-blokeditor-spotlight-modus.png

Door de Top toolbar te activeren, wordt een werkbalk aan de bovenkant van het scherm geplaatst in plaats van boven een contentblok.

Hoe gebruik je de WordPress (Gutenberg) blokeditor? Een intro

Door Volledig schermmodus uit te zetten, is het niet meer nodig om op het WordPress-logo (linksboven) te klikken om de editor af te sluiten.

Met Code editor heb je toegang tot HTML-code. Heb je code aangepast, klik dan op Updaten en daarna op Visuele editor.

wordpress-blokeditor-visuele-editor.png

Met Voorkeuren kun je een aantal instellingen vastleggen.

wordpress-blokeditor-voorkeuren-kopie.png

Ga naar Algemeen – Publiceren endeactiveer Pre-publicatie-controles… .

Hierdoor is het niet meer nodig om twee keer een Pagina of Bericht te publiceren.

Tot slot

We zijn samen het introductiescherm doorgelopen, zodat je een goede start hebt bij het gebruiken van de Gutenberg WordPress blokeditor. In het volgende artikel kijken we naar de verschillende blokken in de editor. Heb je vragen over de editor of WordPress in het algemeen – laat ze achter in de comments!

Artikel tags


Profielfoto Roy E. Sahupala
Geschreven doorRoy E. Sahupala
Auteur
Roy E. Sahupala is webdeveloper, auteur en een veelgevraagd trainer met ruim 20 jaar ervaring in WordPress. Over WordPress schreef hij 7 boeken, van thema's maken tot WooCommerce, die te koop zijn in alle online boekenwinkels.

Aanbevolen blogartikelen

  • Een laptop met daarop het WordPress-logo op een tafel voor een artikel over de WordPress 7 release.
    WordPress15 apr 2026

    WordPress 7.0 komt er (bijna) aan: dit verandert er voor jou

    WordPress 7.0 verschijnt in april 2026. Wat betekent deze grote update voor jouw website? Ontdek wat er nieuw is aan deze release.
  • Madurodam WordCamp Nederland
    WordPress12 dec 2025

    Hostnet op WordCamp Nederland 2025: samen bouwen aan een betere webwereld

    Als trotse partner van de WordPress-community was Hostnet ook dit jaar weer van de partij op WordCamp Nederland. Lees hier onze highlights.
  • een klein gevuld winkelmandje op een laptop om een webshop uit te beelden
    Webshop16 sep 2025

    De beste webshopsoftware voor zzp en mkb in 2025: 4 platforms vergeleken

    Wat is de beste webshopsoftware voor zzp’ers en kleine bedrijven? Bekijk onze uitgebreide vergelijking met alle voor- en nadelen!