Aan de slag met de WordPress Blokeditor (Gutenberg) in 2026

Wat Is de WordPress Block Editor?

De WordPress Block Editor, vaak Gutenberg genoemd, is de standaard inhoudseditor in WordPress. Geïntroduceerd in WordPress 5.0, verving het de Classic Editor met een modulair, blok-gebaseerd systeem waarin elk stuk inhoud — een alinea, afbeelding, kop, of embed — een individueel blok is dat je onafhankelijk kunt rangschikken, aanpassen en herschikken.

Tegen 2026 is Gutenberg veel verder geëvolueerd dan een eenvoudige inhoudseditor. Met Full Site Editing (FSE) beheert het nu hele site-indelingen, inclusief kopteksten, voetteksten, sjablonen en sjabloondelen. Deze gids leidt je door alles wat je moet weten, van basis blokbewerking tot geavanceerde site-bouwtechnieken.

Overzicht van Kernblokken

WordPress wordt geleverd met meer dan 90 kernblokken, georganiseerd in categorieën. Hier zijn de blokken die je het meest zult gebruiken:

Inhoud Creëren met Blokken

Blokken Toevoegen

Er zijn verschillende manieren om blokken aan je inhoud toe te voegen:

• Plusknop (+): Klik op het plusicoon in de werkbalk of tussen blokken om de blokinvoegtoepassing te openen
• Slash-opdracht: Typ / gevolgd door een bloknaam (bijv. /image, /heading) voor snelle invoeging
• Opdrachtpalet: Druk op Ctrl+K (Windows) of Cmd+K (Mac) om naar een blok of actie te zoeken
• Sleep en zet neer: Sleep blokken vanuit het invoegpaneel direct op het canvas

Blokken Configureren

Elk blok heeft twee configuratiegebieden:

1. Werkbalk: Verschijnt boven het geselecteerde blok met veelvoorkomende acties (uitlijning, vet, cursief, link)
2. Zijpaneel: Biedt gedetailleerde instellingen, waaronder kleuren, typografie, ruimte en geavanceerde opties

Blokken Organiseren

Rangschik je inhoud door blokken omhoog of omlaag te verplaatsen met de pijlen in de blokwerkbalk, of sleep ze naar een nieuwe positie. Je kunt ook het Lijstweergave-paneel (Shift+Alt+O) gebruiken om de gehele documentstructuur te zien en blokken binnen de boom te slepen.

Herbruikbare Blokken (Gesynchroniseerde Patronen)

Herbruikbare blokken — hernoemd naar Gesynchroniseerde Patronen in 2026 — stellen je in staat om een blok of groep blokken één keer te maken en deze in meerdere berichten en pagina's in te voegen. Wanneer je het gesynchroniseerde patroon bijwerkt, wordt elke instantie automatisch bijgewerkt.

Veelvoorkomende toepassingen voor gesynchroniseerde patronen:

• Call-to-action secties die op meerdere pagina's verschijnen
• Auteur bio vakken die in blogberichten worden gebruikt
• Gestandaardiseerde disclaimers of affiliate openbaarmakingen
• Nieuwsbrief aanmeldformulieren
• Contactinformatie blokken

Om een gesynchroniseerd patroon te maken: selecteer blokken, klik op het menu met drie stippen, kies "Patroon maken," geef het een naam en zet "Gesynchroniseerd" aan. Om het later in te voegen, vind je het in het Patronen-tabblad van de blokinvoegtoepassing.

Blokpatronen

Blokpatronen zijn vooraf ontworpen arrangementen van blokken die je kunt invoegen en aanpassen. In tegenstelling tot gesynchroniseerde patronen zijn ze niet gekoppeld — het bewerken van een patrooninstantie heeft geen invloed op andere toepassingen.

Ingebouwde Patronen

WordPress bevat patronen voor veelvoorkomende indelingen: hero-secties, feature-raster, testimonial-indelingen, prijstabellen, en meer. Je actieve thema kan extra patronen registreren die geoptimaliseerd zijn voor zijn ontwerpsysteem.

WordPress.org Patroon Directory

De WordPress.org patroon directory biedt duizenden door de gemeenschap bijgedragen patronen. Je kunt patronen doorbladeren, een voorbeeld bekijken en patronen rechtstreeks kopiëren vanuit de invoegtoepassing of vanaf de patroon directory website.

Aangepaste Patronen Maken

Bouw je eigen patronen door blokken te rangschikken, ze allemaal te selecteren en een patroon te maken vanuit het blokmenu. Aangepaste patronen verschijnen in de sectie "Mijn Patronen" van de invoegtoepassing, waardoor ze herbruikbaar zijn op je site.

Basisprincipes van Full Site Editing

Full Site Editing (FSE) breidt blokbewerking uit van alleen berichten en pagina-inhoud naar de gehele site-structuur. Met een blokthema kun je:

• Templates: De indeling van specifieke paginatypes (enkele post, archief, 404, zoekresultaten) beheersen
• Template Delen: Herbruikbare secties zoals kopteksten en voetteksten bewerken
• Globale Stijlen: Site-brede kleuren, typografie instellen
  • Navigatie: Bouw en beheer menu's visueel

  Toegang tot de Site Editor

  Navigeer naar Weergave → Editor in je WordPress-dashboard. Dit opent de site-editor waar je sjablonen kunt doorbladeren, sjabloondelen kunt bewerken en globale stijlen kunt aanpassen. Houd er rekening mee dat FSE een blokthema vereist — klassieke thema's gebruiken in plaats daarvan de traditionele Customizer.

  Templates vs Sjabloondelen

  Concept	Wat Het Beheert	Voorbeeld
  Template	Volledige paginalay-out voor een inhoudstype	Enkele Post, Pagina, Archief, 404
  Sjabloondeel	Herbruikbare sectie binnen sjablonen	Header, Footer, Sidebar

  Blokken Aanpassen met theme.json

  Het theme.json bestand is het configuratiecentrum voor blokthema's. Het beheert:

  • Kleurpaletten en -gradiënten beschikbaar in de editor
  • Typografievoorkeuren (lettertypen, groottes, regelhoogtes)
  • Spatiëringsschalen en lay-out breedtes
  • Welke blokkenfuncties zijn ingeschakeld of uitgeschakeld
  • Standaardstijlen voor specifieke blokken

  Thema-ontwikkelaars gebruiken theme.json om een consistent ontwerpsysteem te creëren. Als site-eigenaar kun je deze instellingen aanpassen via de interface voor globale stijlen in de site-editor zonder het bestand direct te bewerken.

  Sneltoetsen

  Het leren van sneltoetsen versnelt je bewerkingsworkflow aanzienlijk:

  Actie	Windows / Linux	Mac
  Voeg nieuw blok toe	/ (slash)	/ (slash)
  Opdrachtpalet	Ctrl + K	Cmd + K
  Dupliceer blok	Ctrl + Shift + D	Cmd + Shift + D
  Verwijder blok	Shift + Alt + Z	Ctrl + Option + Z
  Open Lijstweergave	Shift + Alt + O	Ctrl + Option + O
  Schakel blokinvoeging in	Ctrl + Shift + ,	Cmd + Shift + ,
  Bewaar concept / Bijwerken	Ctrl + S	Cmd + S
  Ongedaan maken	Ctrl + Z	Cmd + Z
  Link invoegen	Ctrl + K	Cmd + K

  Gutenberg vs Classic Editor

  Sommige WordPress-gebruikers geven nog steeds de voorkeur aan de Classic Editor-plugin. Hier is hoe de twee zich verhouden:

  Aspect	Gutenberg	Classic Editor
  Bewerkingsaanpak	Blok-gebaseerd, modulair	Enkele tekstgebied (TinyMCE)
  Lay-out mogelijkheden	Kolommen, raster, volledige breedte secties	Lineaire inhoud alleen
  Media-afhandeling	Inline galerijen, omslagafbeeldingen, media+tekst	Basis media-invoeging
  Toekomstcompatibiliteit	Actief ontwikkeld, FSE-ondersteuning	Alleen onderhoudsmodus
  Plugin/thema ondersteuning	Groeiende blokecosysteem	Afnemende nieuwe ontwikkeling

  De Classic Editor-plugin wordt nog steeds onderhouden, maar de ontwikkeling van WordPress heeft zich volledig toegelegd op de blokeditor. Nieuwe functies, thema's en plugins richten zich steeds vaker eerst op Gutenberg.

  Blokplugins die Gutenberg uitbreiden

  Hoewel de kernblokken de meeste behoeften dekken, voegen deze plugins gespecialiseerde functionaliteit toe:

  • Flavor Plugin: Voegt geavanceerde blokken toe zoals tabbladen, accordeons, prijstabellen en postcarrousels
  • Flavor Plugin: Biedt contentgerichte blokken voor betere schrijfervaringen — voortgangsbalken, klik-om-te-tweeten, meldingen
  • Flavor Plugin: Biedt ontwerpgerichte blokken met animatie en geavanceerde stijlopties
  • Flavor Plugin: Breidt Gutenberg uit met blokken die specifiek zijn ontworpen voor FSE-thema's
  • Flavor Plugin: Voegt query- en filterblokken toe voor dynamische contentweergave

  Bij het selecteren van blokplugins, kies diegene die voldoen aan de WordPress-coderingsstandaarden en schone markup genereren. Vermijd plugins die zware JavaScript-frameworks laden, omdat ze de prestatievoordelen van Gutenberg tenietdoen.

  Praktische tips voor efficiënt blokbewerkingen

  Gebruik de Lijstweergave

  Voor complexe pagina's is de Lijstweergave (Shift+Alt+O) essentieel. Het toont de gehele documentstructuur als een boom, waardoor het eenvoudig is om geneste blokken te selecteren, secties opnieuw te ordenen en de hiërarchie van je pagina te begrijpen.

  Groep Blokken voor Bulkacties

  Selecteer meerdere blokken (klik eerst, Shift+klik laatst) en groepeer ze. Groepblokken kunnen samen worden gestyled, als een geheel worden verplaatst en worden omgezet naar patronen. Dit is bijzonder nuttig voor het creëren van consistente secties.

  Vergrendel Blokken om Onopzettelijke Wijzigingen te Voorkomen

  Vergrendel belangrijke blokken om onopzettelijk verplaatsen of verwijderen te voorkomen. Klik met de rechtermuisknop op een blok en kies "Vergrendelen" om wijzigingen te beperken. Dit is handig voor sjablonen of content die door meerdere redacteuren wordt beheerd.

  Gebruik Toetsenbord Sneltoetsen Intensief

  Het verschil tussen efficiënte en trage blokbewerkingen komt vaak neer op toetsenbord sneltoetsen. Leer eerst de vijf meest voorkomende sneltoetsen (slash-opdracht, dupliceren, verwijderen, opslaan, ongedaan maken), en breid je repertoire uit naarmate je meer vertrouwd raakt.

  Voor een vergelijking met Elementor en andere paginabouwers, zie onze Elementor vs Gutenberg vergelijking en onze bredere gids voor paginabouwers. Als je een thema kiest dat goed werkt met Gutenberg, lees dan onze gids voor themaselectie.

  Veelgestelde Vragen

  Kan ik de Classic Editor nog steeds gebruiken?

  Ja. De Classic Editor-plugin blijft beschikbaar en wordt onderhouden door het WordPress-team. Het ontvangt echter alleen onderhoudsupdates — geen nieuwe functies. WordPress raadt aan om over te stappen naar de blokeditor voor toegang tot moderne functies en voortdurende ontwikkeling.

  Werkt Gutenberg met alle WordPress-thema's?

  Gutenberg werkt met zowel klassieke als blokthema's. Klassieke thema's ondersteunen blokbewerkingen binnen post- en paginacontent. Blokthema's ondersteunen daarnaast Full Site Editing voor kopteksten, voetteksten, sjablonen en globale stijlen. Voor de volledige FSE-ervaring heb je een blokthema nodig.

  Hoe converteer ik Classic Editor-inhoud naar blokken?

  Wanneer je een Classic Editor-post in Gutenberg opent, wikkelt WordPress de inhoud in een Classic-blok. Je kunt op "Converteren naar blokken" klikken om de inhoud om te zetten in individuele blokken. Controleer de conversie daarna, aangezien complexe lay-outs mogelijk handmatige aanpassing vereisen.

  Zijn Gutenberg-pagina's langzamer dan Classic Editor-pagina's?

  Nee. Gutenberg genereert schone HTML die vergelijkbaar is met of slanker dan de output van de Classic Editor. De blokeditor voegt geen significante overhead aan de frontend toe. De editorinterface zelf (in de admin) gebruikt meer middelen dan de Classic Editor, maar dit heeft geen invloed op wat bezoekers ervaren.

  Kan ik aangepaste blokken maken zonder te coderen?

  Ja, tot op zekere hoogte. Je kunt aangepaste blokpatronen maken door bestaande blokken te rangschikken. Voor echt aangepaste blokken met unieke functionaliteit heb je JavaScript (React) ontwikkeling nodig. Verschillende plugins bieden no-code blokbouwers, hoewel ze beperkingen hebben in vergelijking met gecodeerde oplossingen.

  Wat zijn gesynchroniseerde patronen, en hoe verschillen ze van reguliere patronen?

  Gesynchroniseerde patronen (voorheen Herbruikbare Blokken) zijn gekoppeld aan al hun instanties. Het bewerken van één werkt alle bij. Reguliere patronen zijn sjablonen — het invoegen van één creëert een onafhankelijke kopie die je kunt aanpassen zonder andere toepassingen te beïnvloeden. Gebruik gesynchroniseerde patronen voor inhoud die overal consistent moet zijn (CTA's, disclaimers). Gebruik reguliere patronen voor lay-outs die je als startpunten wilt.

  Hoe los ik problemen met de blokeditor op?

  Veelvoorkomende oplossingen zijn: je browsercache wissen, plugins één voor één deactiveren om conflicten te identificeren, tijdelijk overschakelen naar een standaardthema, en de ontwikkelaarsconsole van je browser controleren op JavaScript-fouten. De meeste problemen met de blokeditor komen voort uit pluginconflicten in plaats van kernproblemen.

  Is Full Site Editing klaar voor productiegebruik?

  Vanaf 2026 is Full Site Editing stabiel en productieklare. De functie set is aanzienlijk verbeterd met elke WordPress-release. Echter, het ecosysteem van blokthema's en patronen groeit nog steeds. Als je uitgebreide vooraf gebouwde sjablonen nodig hebt, vind je de selectie mogelijk beperkter in vergelijking met klassieke thema-opties.

  Vind een Blok-Klaar WordPress Thema

  Blader door premium WordPress-thema's die geoptimaliseerd zijn voor Gutenberg en Full Site Editing. Schone code, snelle prestaties en professionele ontwerpen.

  Blader door Thema's →