---
title: "Gutenberg: de blokeditor van WordPress uitgelegd"
description: "Gutenberg is de blokeditor van WordPress, waarmee je berichten en pagina's opbouwt uit losse blokken."
canonical: https://www.keurigonline.nl/begrippenlijst/gutenberg
last_modified: 2025-12-18
---

[Terug naar begrippenlijst](https://www.keurigonline.nl/begrippenlijst)

# Gutenberg

Gutenberg is de blokeditor van WordPress, waarmee je berichten en pagina's opbouwt uit losse blokken.

Gutenberg is de blokeditor van WordPress: de editor waarin je berichten en pagina's opbouwt uit losse blokken, zoals een alinea, een afbeelding, een knop of een rij kolommen. Sinds WordPress 5.0 uit december 2018 is het de standaardeditor. Gutenberg is eigenlijk de naam van het project dat de editor bouwt, en in WordPress zelf heet hij gewoon de blokeditor.

Elk blok heeft eigen instellingen voor bijvoorbeeld kleur, uitlijning en lettergrootte. WordPress bewaart de inhoud als gewone HTML, met commentaarregels die de blokken afbakenen, zoals <!-- wp:paragraph -->. Daardoor blijft je tekst leesbaar als je ooit van editor wisselt, en kunnen plugins eigen blokken toevoegen. Sinds WordPress 6.3 bouw je met de site-editor ook je header, footer en sjablonen uit blokken, als je een blokthema gebruikt.

Vergeleken met een page builder zoals Elementor heeft Gutenberg één groot voordeel: het zit in WordPress zelf. Je hebt dus geen extra plugin nodig, en je pagina's laden minder extra code. Een page builder geeft meer ontwerpvrijheid, met bijvoorbeeld animaties en nauwkeurige marges per scherm, maar maakt je afhankelijk van die plugin en zijn updates.

Werk je liever met de oude editor, dan kan dat met de officiële plugin Classic Editor, die WordPress blijft onderhouden zolang dat nodig is. Op je hosting is vooral één ding belangrijk: de blokeditor slaat op via de REST API van WordPress, op adressen onder /wp-json/. Blokkeert een beveiligingsplugin of een regel in .htaccess dat pad, dan krijg je bij het opslaan een foutmelding.

## Geschiedenis

Het Gutenberg-project begon in januari 2017. De eerste versie verscheen in juni 2017 als plugin, tijdens WordCamp Europe, en in december 2018 werd de editor onderdeel van WordPress 5.0 ([Block Editor Handbook](https://developer.wordpress.org/block-editor/explanations/faq/)).

Belangrijke mijlpalen:

- **Juni 2017:** Eerste Gutenberg-plugin tijdens WordCamp Europe
- **December 2018:** WordPress 5.0 maakt de blokeditor de standaard ([WordPress 5.0](https://wordpress.org/news/2018/12/bebo/))
- **2023:** WordPress 6.3 rondt fase 2 af met de site-editor
- **Nu:** Fase 3 richt zich op samenwerken in de editor ([WordPress Roadmap](https://wordpress.org/about/roadmap/))

## Bronnen

1. **WordPress.org** - [Block Editor Handbook](https://developer.wordpress.org/block-editor/)
2. **WordPress.org** - [Block Editor: Frequently Asked Questions](https://developer.wordpress.org/block-editor/explanations/faq/)
3. **WordPress.org** - [Markup representation of a block](https://developer.wordpress.org/block-editor/getting-started/fundamentals/markup-representation-block/)
4. **WordPress.org (2018)** - [WordPress 5.0 “Bebo”](https://wordpress.org/news/2018/12/bebo/)
5. **WordPress.org** - [Classic Editor](https://wordpress.org/plugins/classic-editor/)

## Gerelateerde artikelen

AI 28 jan 2026

[Je eerste WordPress Ability bouwen: een SEO meta generator](https://www.keurigonline.nl/blog/wordpress-ability-seo-meta-generator)

## Bonus: abilities gebruiken in JavaScript

WordPress biedt `wp.apiFetch` voor REST API calls vanuit JavaScript. Let op de `input` wrapper:

```javascript
// In een <mark>Gutenberg</mark> block of admin script
wp.apiFetch( {
    path: '/wp-abilities/v1/abilities/keurigonline/generate-seo-meta/run',
    method: 'POST',
    data: {
        input: {
            content: 'Dit is de content waarvoor we SEO willen genereren...',
            language: 'nl'
        }
    }
} ).then( ( result ) => {
    console.log( 'SEO titel:', result.seo_title );
    console.log( 'Meta description:', result.meta_description );
} ).catch( ( error ) => {
    console.error( 'Ability error:', error.message );
} );
```

**Tip:** `wp.apiFetch` handelt automatisch authenticatie af via de WordPress nonce. Je hoeft geen Bearer token mee te geven als je ingelogd bent.

AI 28 jan 2026

[WordPress 6.9 "Gene" - Wat is er nieuw?](https://www.keurigonline.nl/blog/wordpress-6-9)

Het wp-admin dashboard krijgt een nieuw uiterlijk. DataViews vervangt de huidige lijst-weergaven. Meer flexibiliteit in hoe je content bekijkt en beheert.

### Verdere Gutenberg integratie

De block editor blijft groeien. Meer onderdelen van WordPress worden blok-gebaseerd. De scheiding tussen "classic" en "block" themes vervaagt.

WordPress 22 jan 2026

[WordPress Studio: gratis WordPress leren op je computer](https://www.keurigonline.nl/blog/wordpress-studio)

- **Plugins** - Extra functies toevoegen aan WordPress
- **Settings (Instellingen)** - Algemene site-instellingen

### Je eerste post maken

Klik op **Posts → Add New** (Berichten → Nieuw).

Je ziet de WordPress editor. Dit heet de *Block Editor* of *Gutenberg*. Typ een titel. Typ wat tekst. Klik op "Publish" (Publiceren).

Gefeliciteerd. Je hebt je eerste WordPress post gemaakt.

### Je eerste pagina maken

Klik op **Pages → Add New** (Pagina's → Nieuw).