{"id":19771,"date":"2018-08-21T02:29:13","date_gmt":"2018-08-21T00:29:13","guid":{"rendered":"https:\/\/kinsta.com\/?p=11648"},"modified":"2023-11-07T07:57:20","modified_gmt":"2023-11-07T06:57:20","slug":"gutenberg-wordpress-editor","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/gutenberg-wordpress-editor\/","title":{"rendered":"Een uitgebreide uitleg over de nieuwste Gutenberg WordPress editor"},"content":{"rendered":"

Toen de WordPress blockeditor, beter bekend als de Gutenberg editor, gelanceerd werd in december 2018<\/a>, wist niemand echt wat we moesten verwachten. Uiteraard hadden we allemaal ruim de tijd gehad om met de beta-versie te spelen, maar we konden niet voorspellen hoe soepel de daadwerkelijke lancering zou gaan, en hoe enthousiast gebruikers en developers de nieuwe editor zouden ontvangen.<\/p>\n

De afgelopen twee jaar sinds we dit artikel hebben gepubliceerd, hebben we de Gutenberg editor enorm zien groeien. Het is van een Minimum Viable Product (MVP) gegroeid tot een volwassen project dat steeds dichter in de buurt komt van het doel van een geharmoniseerde Full Site Editing<\/a> ervaring voor WordPress.<\/p>\n

Om deze veranderingen recht te doen, kijken we opnieuw naar de Gutenberg editor om het nieuwe uiterlijk te bespreken en te kijken hoe de editor zich de komende tijd gaat ontwikkelen.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Wat is de Gutenberg blockeditor?<\/h2>\n

Gutenberg, ook bekend als de “WordPress blockeditor” of gewoon de “WordPress editor”, is de WordPress content editor die ge\u00efntroduceerd werd bij WordPress 5.0<\/a>, met een release op 6 december 2018.<\/p>\n

Als je die term nog nooit eerder gehoord hebt, het gaat over de standaard editor die alle WordPress websites gebruiken, tenzij je dit specifiek uitzet. Dit ziet er ongeveer zo uit:<\/p>\n

\"De
De Gutenberg WordPress editor.<\/figcaption><\/figure>\n

Het grote verschil tussen de Gutenberg WordPress editor en de vorige WordPress editor (die we nu de “klassieke editor” noemen, of de “TinyMCE editor”), is de op blokken (\u201cblocks\u201d genoemd) gebaseerde aanpak bij het maken van content.<\/p>\n

Bij Gutenberg is elk element van je content een block, waardoor je content sneller kan bewerken. Elke alinea is een block, elke afbeelding is een block, elke knop is een blok, en ga zo maar door.<\/p>\n

Externe developers kunnen ook hun eigen blocks maken, wat een eind maakt aan de relatie van WordPress met shortcodes<\/a>. Stel dat je een contactformulier<\/a> wil opnemen in je website. In plaats van het toevoegen van een shortcode (bijvoorbeeld `[jouw-formulier-shortcode]`) zoals vroeger, kan je nu gewoon een block van je formulierenplugin naar de gewenste pagina slepen.<\/p>\n

Daarnaast kan je blocks gebruiken om complexe layouts te maken, zoals een ontwerp met meerdere kolommen, of het groeperen van blocks voor meer samenhang in je pagina’s.<\/p>\n

Naarmate we meer laten zien van hoe je de blockeditor kan gebruiken, zul je steeds beter snappen hoe je met blocks mooiere en betere content kan maken.<\/p>\n\n

Gutenberg is niet alleen een content editor<\/h3>\n

Een belangrijk idee dat je moeten begrijpen is dat het Gutenberg project niet alleen gaat om het maken van een leuke content editor.<\/p>\n

In juli 2021 was Gutenberg inderdaad nog primair alleen een content editor. Maar het lange-termijn doel voor Gutenberg is dat het steeds meer gaat naar een concept dat Full Site Editing<\/strong> heet.<\/p>\n

Het principe achter Full Site Editing (oftewel het bewerken van volledige pagina’s), is dat je 100% van je website kan ontwerpen met de Gutenberg editor. In plaats van dat je bijvoorbeeld beperkt met tot de opties voor headers in je WordPress thema<\/a>, kan je dan Gutenberg gebruiken om je eigen headers te ontwerpen, dankzij de block editor.<\/p>\n

Dit soort functionaliteit is nog<\/em> niet beschikbaar, maar dit komt er zeker wel aan en we hebben al wat “proof of concept” projecten die we verderop zullen laten zien.<\/p>\n

Voordelen en nadelen van Gutenberg ten opzichte van populaire alternatieven<\/h2>\n

Nu we inmiddels de WordPress blockeditor al twee jaar hebben mogen gebruiken, hebben we een goed idee van de voordelen en nadelen van Gutenberg ten opzichte van andere oplossingen.<\/p>\n

Er zijn twee belangrijke alternatieven voor het maken van content<\/a> op WordPress:<\/p>\n