{"id":18352,"date":"2025-03-27T10:11:30","date_gmt":"2025-03-27T09:11:30","guid":{"rendered":"https:\/\/www.hostnet.nl\/academy\/?p=18352"},"modified":"2025-03-27T10:11:31","modified_gmt":"2025-03-27T09:11:31","slug":"blokeditor-gutenberg-wordpress","status":"publish","type":"post","link":"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress","title":{"rendered":"De (Gutenberg) WordPress blokeditor: de nieuwe standaard van WordPress\u00a0"},"content":{"rendered":"\n<p>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.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"van-teksteditor-naar-blokeditor\">Van teksteditor naar blokeditor&nbsp;<\/h2>\n\n\n\n<p>Het Project Gutenberg markeert een belangrijke mijlpaal in de evolutie van WordPress. Ontworpen om het maken en bewerken van content intu\u00eftiever en flexibeler te maken, vervangt Gutenberg de traditionele teksteditor (TinyMCE) met een moderne&nbsp;blokgebaseerde&nbsp;interface.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Elk stuk content \u2013 van paragrafen en afbeeldingen tot video&#8217;s en widgets \u2013 wordt gepresenteerd als een afzonderlijk blok dat eenvoudig kan worden aangepast en verplaatst.&nbsp;<\/p>\n\n\n\n<p>Zelf meteen aan de slag met WordPress? <\/p>\n\n\n\n<div class=\"product-card-multiple grid-row equalheight gutter-margin-top no-margin-bottom\">\n            <div class=\"col col-tab-l-6 col-desk-l-4\">\n            <a class=\"product-card col-box-basic bg-white block-shadow-elevation-hover\" href=\"https:\/\/www.hostnet.nl\/wordpress-website-maken#product-table-wordpress-website-maken\" aria-label=\"Meer informatie\">\n                <div class=\"box box-small\">\n                    <img decoding=\"async\" src=\"\/\/atlas.hostnet.nl\/images\/boxes\/WHWP-package-small.svg\" alt=\"\">\n                <\/div>\n                <div class=\"box-content list-style-check text-small\">\n                    <h3 class=\"title h-size-18 text-blue\" class=\"title h-size-18 text-blue\" id=\"wordpress-website-maken\">WordPress-website maken<\/h3>\n                    <p>Start eenvoudig een blog of website met \u2018s werelds favoriete cms.<\/p>\n                    <ul>\n                        <li>Ruime keuze uit thema&#8217;s en plugins<\/li>\n                             <li>Automatisch ge\u00efnstalleerd<\/li>\n                             <li>Zakelijke e-mail<\/li>                    <\/ul>\n                <\/div>\n                <div class=\"box-footer\">\n                    <div class=\"button button-icon icon-right button-ellipsis\">\n                        <i class=\"svg-icon\" aria-hidden=\"true\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-arrow-up-right\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line><polyline points=\"7 7 17 7 17 17\"><\/polyline><\/svg>\n                        <\/i>\n                        <span class=\"btn-text hide-on-mobile hide-on-tablet hide-on-desktop-small\">Meer info<\/span>\n                                  <span class=\"btn-text hide-on-desktop-large\">Meer informatie<\/span>                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n            <div class=\"col col-tab-l-6 col-desk-l-4\">\n            <a class=\"product-card col-box-basic bg-white block-shadow-elevation-hover\" href=\"https:\/\/www.hostnet.nl\/wordpress-hosting#product-table-wordpress\" aria-label=\"Meer informatie\">\n                <div class=\"box box-small\">\n                    <img decoding=\"async\" src=\"\/\/atlas.hostnet.nl\/images\/boxes\/WHWP-package-small.svg\" alt=\"\">\n                <\/div>\n                <div class=\"box-content list-style-check text-small\">\n                    <h3 class=\"title h-size-18 text-blue\" class=\"title h-size-18 text-blue\" id=\"wordpress-hosting\">WordPress Hosting<\/h3>\n                    <p>Bouw snel websites, webshops en apps. Inclusief uitgebreide features.<\/p>\n                    <ul>\n                        <li>Geoptimaliseerde WordPress-hosting<\/li>\n                             <li>Stabiel en razendsnel platform<\/li>\n                             <li>Zakelijke e-mail<\/li>                    <\/ul>\n                <\/div>\n                <div class=\"box-footer\">\n                    <div class=\"button button-icon icon-right button-ellipsis\">\n                        <i class=\"svg-icon\" aria-hidden=\"true\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-arrow-up-right\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line><polyline points=\"7 7 17 7 17 17\"><\/polyline><\/svg>\n                        <\/i>\n                        <span class=\"btn-text hide-on-mobile hide-on-tablet hide-on-desktop-small\">Meer info<\/span>\n                                  <span class=\"btn-text hide-on-desktop-large\">Meer informatie<\/span>                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n            <div class=\"col col-tab-l-6 col-desk-l-4\">\n            <a class=\"product-card col-box-basic bg-white block-shadow-elevation-hover\" href=\"https:\/\/www.hostnet.nl\/wordpress-website-verhuizen#product-check-domain-wp\" aria-label=\"Meer informatie\">\n                <div class=\"box box-small\">\n                    <img decoding=\"async\" src=\"\/\/atlas.hostnet.nl\/images\/boxes\/WEBSITE_MIGRATION-package-small.svg\" alt=\"\">\n                <\/div>\n                <div class=\"box-content list-style-check text-small\">\n                    <h3 class=\"title h-size-18 text-blue\" class=\"title h-size-18 text-blue\" id=\"wordpress-website-verhuizen\">WordPress-website verhuizen<\/h3>\n                    <p>Verhuis zorgeloos je WordPress-website naar Hostnet.<\/p>\n                    <ul>\n                        <li>Wij regelen de verhuizing<\/li>\n                             <li>Je site blijft online<\/li>\n                             <li>Snel geregeld<\/li>                    <\/ul>\n                <\/div>\n                <div class=\"box-footer\">\n                    <div class=\"button button-icon icon-right button-ellipsis\">\n                        <i class=\"svg-icon\" aria-hidden=\"true\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-arrow-up-right\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line><polyline points=\"7 7 17 7 17 17\"><\/polyline><\/svg>\n                        <\/i>\n                        <span class=\"btn-text hide-on-mobile hide-on-tablet hide-on-desktop-small\">Meer info<\/span>\n                                  <span class=\"btn-text hide-on-desktop-large\">Meer informatie<\/span>                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/div>\n\n\n\n<div class=\"product-banner border-radius gutter-padding no-padding-top gutter-margin-bottom gutter-margin-top\">\n    <div class=\"svg-icon-text gutter-margin-top\">\n        <i class=\"svg-icon icon-large no-margin-left gutter-margin-right-half icon-stroke-blue\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"60\" height=\"60\" viewBox=\"0 0 60 60\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M35.9 50c-.2.6-.8 1-1.4 1h-8c-.6 0-1.2-.4-1.4-1H1.6c-.3 0-.6.3-.6.6v2.8c0 .3.3.6.6.6h56.8c.3 0 .6-.3.6-.6v-2.8c0-.3-.3-.6-.6-.6H35.9z\"><\/path><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M25.1 50c.2.6.8 1 1.4 1h8c.7 0 1.2-.4 1.4-1H56V11.1C56 9.4 54.6 8 52.9 8H7.1C5.4 8 4 9.4 4 11.1V50h21.1z\"><\/path><circle fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" cx=\"30.5\" cy=\"29.5\" r=\"12.5\"><\/circle><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M37 24.5l-8 9-5-4\"><\/path><\/svg>        <\/i>\n        <span class=\"text-blue gutter-margin-right-half\">\n            Breng je blog, website of webshop tot leven met WordPress. Inclusief installatie, https-verbinding en zakelijke e-mail.        <\/span>\n    <\/div>\n    <div class=\"button-holder gutter-margin-top\">\n        <a href=\"https:\/\/www.hostnet.nl\/wordpress-website-maken#product-table-wordpress-website-maken\" class=\"button\">\n            <span class=\"btn-text\">\n                Bestel nu            <\/span>\n        <\/a>\n    <\/div>\n<\/div>\n\n<script>\n    var productBanner = \"wordpress\";\n    dataLayer.push({'pageCategory': 'ac-' + productBanner});\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"waarom-gutenberg\">Waarom Gutenberg?&nbsp;<\/h2>\n\n\n\n<p>De overstap naar Gutenberg is ingegeven door de noodzaak om het cre\u00ebren van content te vereenvoudigen en te moderniseren. Met de blokeditor kun je rijke en dynamische pagina&#8217;s maken. Je hoeft geen code te kennen om prachtige lay-outs en ontwerpen te cre\u00ebren. Dit maakt het toegankelijk voor iedereen, of je nu een blogger, een ondernemer of een webontwikkelaar bent.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"wat-kun-je-verwachten-in-deze-serie-artikelen\">Wat kun je verwachten in deze serie artikelen?&nbsp;<\/h2>\n\n\n\n<p>In deze serie van artikelen laten we je stap voor stap zien hoe je kunt werken met de Gutenberg blokeditor:&nbsp;<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Kennismaking met de blokeditor: Leer de basisbeginselen van Gutenberg kennen, inclusief de gebruikersinterface en hoe je kunt navigeren in de editor.&nbsp;<br>&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Werken met verschillende blokken: Ontdek de diverse soorten blokken die beschikbaar zijn en hoe je ze kunt gebruiken om je content te verrijken.&nbsp;<br>&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Pagina&#8217;s opmaken zonder technische kennis: Krijg tips en trucs voor het eenvoudig opmaken van pagina&#8217;s, zelfs zonder enige voorkennis van webontwikkeling.&nbsp;<br>&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Blokthema&#8217;s aanpassen: Leer hoe je met Gutenberg je blokthema&#8217;s kunt aanpassen om je website een unieke uitstraling te geven.&nbsp;<br>&nbsp;<\/li>\n<\/ol>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>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.&nbsp;<\/li>\n<\/ol>\n\n\n\n<p>Door deze serie artikelen te volgen, krijg je voldoende kennis die je nodig hebt om optimaal gebruik te maken van de Gutenberg blokeditor.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Dus laten we aan de slag gaan en ontdekken hoe je eenvoudig en effectief prachtige content kunt cre\u00ebren met Gutenberg!&nbsp;<\/p>\n\n\n\n<p><strong>Klik door naar andere artikelen in de reeks over de WordPress&nbsp;blokeditor:&nbsp;<\/strong><\/p>\n\n\n\n<p>Blokeditor&nbsp;<\/p>\n\n\n\n<p>Praktische blokken&nbsp;<\/p>\n\n\n\n<p>Lay-out&nbsp;maken&nbsp;<\/p>\n\n\n\n<p>Blokthema\u2019s&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1368\" height=\"799\" src=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/1-full-gutenberg-editor-guide-featured-img-tiny.jpeg\" alt=\"Screenshot van Project Gutenberg in WordPress\" class=\"wp-image-18357\" srcset=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/1-full-gutenberg-editor-guide-featured-img-tiny.jpeg 1368w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/1-full-gutenberg-editor-guide-featured-img-tiny-792x463.jpeg 792w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/1-full-gutenberg-editor-guide-featured-img-tiny-768x449.jpeg 768w\" sizes=\"(max-width: 1368px) 100vw, 1368px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"wat-is-project-gutenberg\">Wat is Project Gutenberg?&nbsp;<\/h2>\n\n\n\n<p>Gutenberg is de naam van een langdurig WordPress-project met als&nbsp;onderdeel een nieuwe editor. De naam is een verwijzing naar Johannes&nbsp;Gutenberg, de uitvinder van de boekdrukkunst in Europa (1400-1468).&nbsp;<\/p>\n\n\n\n<p>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.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Sinds versie 5.9 kun je met de site-editor niet alleen blokthema&#8217;s aanpassen, maar ook helemaal zelf ontwerpen.&nbsp;<\/p>\n\n\n\n<p>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.&nbsp;<\/p>\n\n\n\n<p>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.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"de-editor-is-pas-het-begin\">De editor is pas het begin&nbsp;<\/h2>\n\n\n\n<p>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&#8217;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.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"roadmap-2019-2025\">Roadmap 2019 \u2013 2025&nbsp;<\/h3>\n\n\n\n<p>De CEO van WordPress &#8211; 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.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"fase-1-2019\">FASE 1 &#8211; 2019&nbsp;<\/h3>\n\n\n\n<p>Het uitbrengen van een nieuwe standaard blokeditor waarmee het bewerken van berichten en pagina&#8217;s gebruiksvriendelijker en flexibeler wordt.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"570\" src=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/1-wordpress-gutenberg-1024x570-enhanced-47.jpeg\" alt=\"Screenshot van WordPress Gutenberg editor\" class=\"wp-image-18362\" srcset=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/1-wordpress-gutenberg-1024x570-enhanced-47.jpeg 1024w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/1-wordpress-gutenberg-1024x570-enhanced-47-792x441.jpeg 792w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/1-wordpress-gutenberg-1024x570-enhanced-47-768x428.jpeg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"fase-2-2022\">FASE 2 &#8211; 2022&nbsp;<\/h3>\n\n\n\n<p>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.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1360\" height=\"666\" src=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/gutenberg-wordpress-interface-enhanced-52.png\" alt=\"Screenshot van de Gutenberg interface in het WordPress-dashboard\" class=\"wp-image-18363\" srcset=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/gutenberg-wordpress-interface-enhanced-52.png 1360w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/gutenberg-wordpress-interface-enhanced-52-792x388.png 792w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/gutenberg-wordpress-interface-enhanced-52-768x376.png 768w\" sizes=\"(max-width: 1360px) 100vw, 1360px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"fase-3-2024\">FASE 3 &#8211; 2024&nbsp;<\/h3>\n\n\n\n<p>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\u2019s.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1440\" height=\"809\" src=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/gutenberg-wordPress-multi-user-editing-enhanced-57-1440x809.png\" alt=\"Screenshot van Gutenberg WordPress multi user editing\" class=\"wp-image-18364\" srcset=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/gutenberg-wordPress-multi-user-editing-enhanced-57-1440x809.png 1440w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/gutenberg-wordPress-multi-user-editing-enhanced-57-792x445.png 792w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/gutenberg-wordPress-multi-user-editing-enhanced-57-768x431.png 768w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/gutenberg-wordPress-multi-user-editing-enhanced-57.png 1508w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"fase-4-2025\">FASE 4 &#8211; 2025&nbsp;<\/h3>\n\n\n\n<p>In deze fase wordt er gewerkt aan een methode om direct vanuit het systeem een meertalige website te ondersteunen. Het gebruik van een meertalige&nbsp;plug-in&nbsp;is dan niet meer nodig. &nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1440\" height=\"548\" src=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/meertalige-website-wordpress-enhanced-62-tiny-1440x548.png\" alt=\"Voorbeeld van een meertalige WordPress website\" class=\"wp-image-18368\" srcset=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/meertalige-website-wordpress-enhanced-62-tiny-1440x548.png 1440w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/meertalige-website-wordpress-enhanced-62-tiny-792x301.png 792w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/meertalige-website-wordpress-enhanced-62-tiny-768x292.png 768w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/meertalige-website-wordpress-enhanced-62-tiny-1536x584.png 1536w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/meertalige-website-wordpress-enhanced-62-tiny-2048x779.png 2048w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/meertalige-website-wordpress-enhanced-62-tiny-1568x596.png 1568w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"tot-slot\">Tot slot<\/h2>\n\n\n\n<p>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.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welkom bij deze serie artikelen over de Gutenberg blokeditor van WordPress. In deze reeks duiken we in Het Project Gutenberg,&hellip; <a class=\"more-link\" href=\"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress\">Lees verder <span class=\"screen-reader-text\">De (Gutenberg) WordPress blokeditor: de nieuwe standaard van WordPress\u00a0<\/span><\/a><\/p>\n","protected":false},"author":151,"featured_media":18355,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[12],"class_list":["post-18352","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website","tag-wordpress","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gutenberg WordPress blokeditor [volledige gids] | Hostnet<\/title>\n<meta name=\"description\" content=\"De (Gutenberg) WordPress blokeditor is de nieuwe standaard van het populaire WordPress. Volg onze reeks artikelen en ga zelf aan de slag!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gutenberg WordPress blokeditor [volledige gids] | Hostnet\" \/>\n<meta property=\"og:description\" content=\"De (Gutenberg) WordPress blokeditor is de nieuwe standaard van het populaire WordPress. Volg onze reeks artikelen en ga zelf aan de slag!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress\" \/>\n<meta property=\"og:site_name\" content=\"Hostnet\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Hostnetbv\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-27T09:11:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-27T09:11:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/1gutenberg-wordpress-64.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Roy E. Sahupala\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hostnet\" \/>\n<meta name=\"twitter:site\" content=\"@hostnet\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Roy E. Sahupala\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gutenberg WordPress blokeditor [volledige gids] | Hostnet","description":"De (Gutenberg) WordPress blokeditor is de nieuwe standaard van het populaire WordPress. Volg onze reeks artikelen en ga zelf aan de slag!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress","og_locale":"nl_NL","og_type":"article","og_title":"Gutenberg WordPress blokeditor [volledige gids] | Hostnet","og_description":"De (Gutenberg) WordPress blokeditor is de nieuwe standaard van het populaire WordPress. Volg onze reeks artikelen en ga zelf aan de slag!","og_url":"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress","og_site_name":"Hostnet","article_publisher":"https:\/\/www.facebook.com\/Hostnetbv\/","article_published_time":"2025-03-27T09:11:30+00:00","article_modified_time":"2025-03-27T09:11:31+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/1gutenberg-wordpress-64.jpg","type":"image\/jpeg"}],"author":"Roy E. Sahupala","twitter_card":"summary_large_image","twitter_creator":"@hostnet","twitter_site":"@hostnet","twitter_misc":{"Geschreven door":"Roy E. Sahupala","Geschatte leestijd":"6 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress#article","isPartOf":{"@id":"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress"},"author":{"name":"Roy E. Sahupala","@id":"https:\/\/www.hostnet.nl\/academy\/#\/schema\/person\/851e3190b768e632c5df44f79ec8d18f"},"headline":"De (Gutenberg) WordPress blokeditor: de nieuwe standaard van WordPress\u00a0","datePublished":"2025-03-27T09:11:30+00:00","dateModified":"2025-03-27T09:11:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress"},"wordCount":875,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostnet.nl\/academy\/#organization"},"image":{"@id":"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress#primaryimage"},"thumbnailUrl":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/1gutenberg-wordpress-64.jpg","keywords":["WordPress"],"articleSection":["Website"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress","url":"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress","name":"Gutenberg WordPress blokeditor [volledige gids] | Hostnet","isPartOf":{"@id":"https:\/\/www.hostnet.nl\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress#primaryimage"},"image":{"@id":"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress#primaryimage"},"thumbnailUrl":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/1gutenberg-wordpress-64.jpg","datePublished":"2025-03-27T09:11:30+00:00","dateModified":"2025-03-27T09:11:31+00:00","description":"De (Gutenberg) WordPress blokeditor is de nieuwe standaard van het populaire WordPress. Volg onze reeks artikelen en ga zelf aan de slag!","breadcrumb":{"@id":"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress#primaryimage","url":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/1gutenberg-wordpress-64.jpg","contentUrl":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2025\/03\/1gutenberg-wordpress-64.jpg","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostnet.nl\/academy\/blokeditor-gutenberg-wordpress#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostnet.nl\/academy\/"},{"@type":"ListItem","position":2,"name":"De (Gutenberg) WordPress blokeditor: de nieuwe standaard van WordPress\u00a0"}]},{"@type":"WebSite","@id":"https:\/\/www.hostnet.nl\/academy\/#website","url":"https:\/\/www.hostnet.nl\/academy\/","name":"Hostnet","description":"Haal meer uit je online succes met handige tips en tricks","publisher":{"@id":"https:\/\/www.hostnet.nl\/academy\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostnet.nl\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/www.hostnet.nl\/academy\/#organization","name":"Hostnet","url":"https:\/\/www.hostnet.nl\/academy\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.hostnet.nl\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2021\/11\/Hostnet-logo2021-RGB-Leftcloud.png","contentUrl":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2021\/11\/Hostnet-logo2021-RGB-Leftcloud.png","width":581,"height":99,"caption":"Hostnet"},"image":{"@id":"https:\/\/www.hostnet.nl\/academy\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Hostnetbv\/","https:\/\/x.com\/hostnet","https:\/\/www.instagram.com\/hostnetbv\/","https:\/\/nl.linkedin.com\/company\/hostnet-bv","https:\/\/nl.pinterest.com\/hostnet\/","https:\/\/www.youtube.com\/channel\/UCiMHZBSkh8FKopNquGmzgyQ"]},{"@type":"Person","@id":"https:\/\/www.hostnet.nl\/academy\/#\/schema\/person\/851e3190b768e632c5df44f79ec8d18f","name":"Roy E. Sahupala","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.hostnet.nl\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cc12add5ffbf525122f21a97119f3dccdf713264c22000df0583a366315470f5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cc12add5ffbf525122f21a97119f3dccdf713264c22000df0583a366315470f5?s=96&d=mm&r=g","caption":"Roy E. Sahupala"},"description":"Roy E. Sahupala is webdeveloper, auteur en een veelgevraagd trainer met ruim 20 jaar ervaring in WordPress. Over WordPress schreef hij 7 boeken, van thema's maken tot WooCommerce, die te koop zijn in alle online boekenwinkels."}]}},"_links":{"self":[{"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/posts\/18352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/users\/151"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/comments?post=18352"}],"version-history":[{"count":7,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/posts\/18352\/revisions"}],"predecessor-version":[{"id":18373,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/posts\/18352\/revisions\/18373"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/media\/18355"}],"wp:attachment":[{"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/media?parent=18352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/categories?post=18352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/tags?post=18352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}