De Gutenberg editor (ook wel block editor genoemd) is sinds WordPress 5.0 de standaard editor. In plaats van een tekstveld werk je met blokken die je kunt slepen en aanpassen. In deze handleiding leer je hoe je er effectief mee werkt.

Wat zijn blokken?

Alles in Gutenberg is een blok: paragrafen, afbeeldingen, knoppen, kolommen. Elk blok heeft zijn eigen instellingen en kun je los van elkaar bewerken en verplaatsen.

Voordelen van blokken:

  • Visueel bewerken zonder code
  • Flexibele layouts maken
  • Consistent design door herbruikbare blokken
  • Minder afhankelijk van page builders

De interface

Bovenbalk

  • + knop - Voeg nieuwe blokken toe
  • Ongedaan maken/Opnieuw - Stappen terug of vooruit
  • Document overzicht - Lijst van alle blokken
  • Opslaan/Publiceren - Sla je wijzigingen op

Zijbalk

  • Document tab - Pagina instellingen (categorieën, uitgelichte afbeelding, etc.)
  • Blok tab - Instellingen voor het geselecteerde blok

Basisblokken

Paragraaf

Het standaard tekstblok. Begin gewoon met typen en Gutenberg maakt automatisch een paragraaf blok. Druk op Enter voor een nieuw blok.

Kop (Heading)

Voor titels en tussenkoppen. Kies H2 voor hoofdsecties, H3 voor subsecties. Gebruik geen H1 in je content, die is voor de paginatitel.

Afbeelding

Upload een afbeelding of kies uit je mediabibliotheek. Vergeet niet de alt-tekst in te vullen voor toegankelijkheid en SEO.

Lijst

Maak opsommingen (bullets) of genummerde lijsten. Je kunt lijstitems indenteren met de Tab toets.

Citaat (Quote)

Voor het uitlichten van een citaat of belangrijk stuk tekst. Verschijnt meestal met een opvallende opmaak.

Layout blokken

Kolommen

Verdeel je content in meerdere kolommen. Kies een vooraf ingestelde verdeling of pas de breedte aan. Ideaal voor vergelijkingen of het naast elkaar plaatsen van tekst en afbeeldingen.

Groep

Groepeer meerdere blokken samen. Handig om een achtergrondkleur toe te passen op een sectie of om blokken samen te verplaatsen.

Scheidingslijn

Een horizontale lijn om secties visueel te scheiden.

Spacer

Voegt witruimte toe tussen blokken. Pas de hoogte aan in de blokinstellingen.

Handige tips

Sneltoetsen

  • / - Type een slash om snel een blok te zoeken
  • Ctrl + Shift + D - Dupliceer een blok
  • Ctrl + Alt + T - Voeg blok toe voor huidige
  • Ctrl + Alt + Y - Voeg blok toe na huidige

Blokken verplaatsen

Klik op de zes puntjes links van een blok om te slepen. Of gebruik de pijltjes om een blok naar boven of beneden te verplaatsen.

Blok transformeren

Selecteer een blok en klik op het bloktype icoon in de toolbar. Je kunt bijvoorbeeld een paragraaf omzetten naar een kop of een lijst.

Herbruikbare blokken

Maak je een blok dat je vaker wilt gebruiken? Selecteer het, klik op de drie puntjes en kies "Toevoegen aan herbruikbare blokken". Je kunt het daarna overal invoegen.

Veelvoorkomende problemen

Blok werkt niet zoals verwacht

Soms conflicteert een plugin of thema met Gutenberg. Probeer:

  1. De pagina te verversen
  2. Browser cache te legen
  3. Tijdelijk plugins uit te schakelen

Classic editor nodig?

Sommige oudere plugins werken beter met de klassieke editor. Installeer de "Classic Editor" plugin om terug te schakelen. Je kunt dan per pagina kiezen welke editor je gebruikt.

Gutenberg vs page builders

Gutenberg is geen volledige vervanging voor page builders zoals Elementor. De verschillen:

  • Gutenberg - Ingebouwd, lichtgewicht, goed voor standaard content
  • Page builders - Meer designopties, complexere layouts, zwaarder

Voor blogs en eenvoudige pagina's is Gutenberg vaak voldoende. Voor landingspagina's en complexe designs biedt een page builder meer mogelijkheden.

Nieuwe functies

WordPress blijft Gutenberg uitbreiden. Recente toevoegingen:

  • Full Site Editing - Bewerk ook headers en footers met blokken
  • Block patterns - Kant-en-klare blokcombinaties
  • Global styles - Pas kleuren en lettertypen site-breed aan

Houd je WordPress up-to-date om van nieuwe functies te profiteren.

Vragen over Gutenberg of hulp nodig met je WordPress site? Bij Theory7 staan we voor je klaar.

Veelgestelde vragen

Kan ik terug naar de oude editor?

Ja, installeer de "Classic Editor" plugin. Je kunt dan kiezen welke editor je per pagina gebruikt.

Zijn mijn oude berichten nog te bewerken?

Ja, bestaande content wordt automatisch omgezet naar een "Classic" blok. Je kunt dit blok behouden of converteren naar losse Gutenberg blokken.

Werken alle plugins met Gutenberg?

De meeste plugins zijn compatible. Test nieuwe plugins eerst op een staging omgeving. Sommige oudere plugins hebben een Classic blok of shortcode nodig om te werken.