De (Gutenberg) WordPress blokeditor: de nieuwe standaard van WordPress 

Roy E. Sahupala

27-03-2025

5minutenleestijd

WordPress

Welkom bij deze serie artikelen over de Gutenberg blokeditor van WordPress. In deze reeks duiken we in Het Project Gutenberg, verkennen we waarom deze blokeditor is ontwikkeld, en ontdekken we de talloze mogelijkheden die de editor biedt voor zowel beginners als gevorderde gebruikers. Onderaan de pagina kun je doorklikken naar de andere artikelen in deze reeks. 

Van teksteditor naar blokeditor 

Het Project Gutenberg markeert een belangrijke mijlpaal in de evolutie van WordPress. Ontworpen om het maken en bewerken van content intuïtiever en flexibeler te maken, vervangt Gutenberg de traditionele teksteditor (TinyMCE) met een moderne blokgebaseerde interface.  

Elk stuk content – van paragrafen en afbeeldingen tot video’s en widgets – wordt gepresenteerd als een afzonderlijk blok dat eenvoudig kan worden aangepast en verplaatst. 

Zelf meteen aan de slag met WordPress?

WordPress-website maken

Start eenvoudig een blog of website met ‘s werelds favoriete cms.

• Ruime keuze uit thema’s en plugins
• Automatisch geïnstalleerd
• Zakelijke e-mail

Meer info Meer informatie

WordPress Hosting

Bouw snel websites, webshops en apps. Inclusief uitgebreide features.

• Geoptimaliseerde WordPress-hosting
• Stabiel en razendsnel platform
• Zakelijke e-mail

Meer info Meer informatie

WordPress-website verhuizen

Verhuis zorgeloos je WordPress-website naar Hostnet.

• Wij regelen de verhuizing
• Je site blijft online
• Snel geregeld

Meer info Meer informatie

Waarom Gutenberg? 

De overstap naar Gutenberg is ingegeven door de noodzaak om het creëren van content te vereenvoudigen en te moderniseren. Met de blokeditor kun je rijke en dynamische pagina’s maken. Je hoeft geen code te kennen om prachtige lay-outs en ontwerpen te creëren. Dit maakt het toegankelijk voor iedereen, of je nu een blogger, een ondernemer of een webontwikkelaar bent. 

Wat kun je verwachten in deze serie artikelen? 

In deze serie van artikelen laten we je stap voor stap zien hoe je kunt werken met de Gutenberg blokeditor: 

1. Kennismaking met de blokeditor: Leer de basisbeginselen van Gutenberg kennen, inclusief de gebruikersinterface en hoe je kunt navigeren in de editor. 
    

2. Werken met verschillende blokken: Ontdek de diverse soorten blokken die beschikbaar zijn en hoe je ze kunt gebruiken om je content te verrijken. 
    

3. Pagina’s opmaken zonder technische kennis: Krijg tips en trucs voor het eenvoudig opmaken van pagina’s, zelfs zonder enige voorkennis van webontwikkeling. 
    

4. Blokthema’s aanpassen: Leer hoe je met Gutenberg je blokthema’s kunt aanpassen om je website een unieke uitstraling te geven. 
    

5. Geavanceerde functies en tips: Verken de meer geavanceerde functies van Gutenberg en hoe je ze kunt toepassen om je site naar een hoger niveau te tillen. 

Door deze serie artikelen te volgen, krijg je voldoende kennis die je nodig hebt om optimaal gebruik te maken van de Gutenberg blokeditor.  

Dus laten we aan de slag gaan en ontdekken hoe je eenvoudig en effectief prachtige content kunt creëren met Gutenberg! 

Klik door naar andere artikelen in de reeks over de WordPress blokeditor: 

Blokeditor 

Praktische blokken 

Lay-out maken 

Blokthema’s 

Wat is Project Gutenberg? 

Gutenberg is de naam van een langdurig WordPress-project met als onderdeel een nieuwe editor. De naam is een verwijzing naar Johannes Gutenberg, de uitvinder van de boekdrukkunst in Europa (1400-1468). 

Het is de bedoeling dat de Gutenberg-gebruikerservaring in het hele systeem wordt opgenomen. WordPress noemt de editor een Blokeditor. Dit geeft een nieuwe kijk op het maken van websites. Met de editor kun je niet alleen tekst verwerken, maar ook eenvoudig andere soorten content toevoegen, zoals een galerij, video, widgets, kolommen, tabellen, enz. 

Sinds versie 5.9 kun je met de site-editor niet alleen blokthema’s aanpassen, maar ook helemaal zelf ontwerpen. 

Deze vernieuwing heeft meer dan een jaar geduurd voordat het in versie 5 werd opgenomen. In het begin stuitte de nieuwe editor op veel weerstand, maar inmiddels wordt het door veel WordPress-gebruikers gewaardeerd. 

Dankzij deze ontwikkeling zijn third-party Page builders zoals Elementor of Beaver Builder eigenlijk overbodig geworden. Deze zijn ontstaan vanwege de beperkingen van de vorige tekstverwerker, TinyMCE. Het resultaat was een overvloed aan page-editors met een eigen gebruikersinterface. 

De editor is pas het begin 

Gutenberg is meer dan alleen het vervangen van een editor. Het is een nieuwe gebruikerservaring die in het systeem wordt toegepast. Het opmaken van pagina’s en het opzetten van een website met behulp van onderdelen zoals de Blokeditor, Site Editor, Widgets en Navigatiemenu zal met de Gutenberg gebruikersinterface worden uitgevoerd.  

Roadmap 2019 – 2025 

De CEO van WordPress – Automattic, Matt Mullenweg, heeft het project in vier fases verdeeld. Het project zou in 2025 klaar moeten zijn. Hieronder een overzicht van de verschillende fases. Zoals het er nu naar uitziet, zal de afronding echter in 2026 plaatsvinden. 

FASE 1 – 2019 

Het uitbrengen van een nieuwe standaard blokeditor waarmee het bewerken van berichten en pagina’s gebruiksvriendelijker en flexibeler wordt.  

FASE 2 – 2022 

Vanaf deze fase is de Gutenberg interface te vinden in andere dashboard-onderdelen, zoals de Site, Menu en Widget editor. Hierdoor ontstaat een uniforme gebruikersinterface.  

FASE 3 – 2024 

In deze fase ligt de focus op samenwerking. Door middel van multi-user editing wordt het mogelijk om bijvoorbeeld gezamenlijk inhoud te schrijven of te werken aan thema’s.  

FASE 4 – 2025 

In deze fase wordt er gewerkt aan een methode om direct vanuit het systeem een meertalige website te ondersteunen. Het gebruik van een meertalige plug-in is dan niet meer nodig.  

Tot slot

Het Gutenberg-project is weldoordacht. Het afronden van de fases gaat helaas niet zoals gepland. Developers nemen de tijd om de verschillende fases te doorlopen en continu te verbeteren.