{"id":262,"date":"2026-08-07T18:23:13","date_gmt":"2026-08-07T16:23:13","guid":{"rendered":"https:\/\/helloblog.io\/nl\/gutenberg-23-7-nieuwigheden\/"},"modified":"2026-08-07T18:23:13","modified_gmt":"2026-08-07T16:23:13","slug":"gutenberg-23-7-nieuwigheden","status":"publish","type":"post","link":"https:\/\/helloblog.io\/nl\/gutenberg-23-7-nieuwigheden\/","title":{"rendered":"Gutenberg 23.7: duidelijkere galerijen en veel editorreparaties"},"content":{"rendered":"\n<p>Gutenberg 23.7 is beschikbaar als <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\">downloadbare plugin<\/a>. Deze release bouwt voort op 23.6 met zichtbare verbeteringen in de blok-editor, een duidelijkere dynamische modus voor het Galerijblok, een opt-in-interface voor overerving in Globale stijlen en een lange reeks reparaties voor editor, componenten en tooling.<\/p>\n\n\n\n<p>Je kunt de release direct uitproberen in <a href=\"https:\/\/playground.wordpress.net\/?plugin=gutenberg&#038;url=%2Fwp-admin%2Fpost-new.php%3Fgutenberg-demo\">WordPress Playground<\/a>. Gutenberg is het ontwikkelproject achter de WordPress-editor, waarin content en layouts uit afzonderlijke blokken bestaan.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Zichtbare verbeteringen in de editor en blokken van Gutenberg 23.7 (05 augustus)<\/h2>\n\n\n\n<p>De editor werkt op meerdere kleine, maar merkbare punten consistenter. Zwevende blokken overlappen geen sticky blokken meer, de lege bloktoevoeger staat nu goed in blokken die hun eigen toolbar beheren en het Pullquote-blok toont een aangepaste regelhoogte in de editor zoals op de front-end.<\/p>\n\n\n\n<p>De vaste hoogtes van apparaatvoorbeelden zijn terug voor mobiel en tablet. Verder verlaat je Cover- en Accordion-blokken met Enter, behoudt een Lijstblok zijn geordende type bij inspringen en verschijnt tijdens het laden van een bijgesneden mediabestand een laadstatus.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/06-various-block-editor-improvements.webp\" alt=\"Verbeteringen aan de Gutenberg-blokeditor, waaronder zwevende en sticky blokken\" class=\"wp-image-259\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/06-various-block-editor-improvements.webp 1920w, https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/06-various-block-editor-improvements-300x169.webp 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/06-various-block-editor-improvements-1024x576.webp 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/06-various-block-editor-improvements-768x432.webp 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/06-various-block-editor-improvements-1536x864.webp 1536w, https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/06-various-block-editor-improvements-400x225.webp 400w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><figcaption class=\"wp-element-caption\">Gutenberg 23.7 corrigeert onder meer de plaatsing van zwevende blokken en de lege bloktoevoeger. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Dynamische galerijen krijgen een duidelijke ontkoppeling<\/h2>\n\n\n\n<p>De dynamische modus van het Galerijblok kwam in Gutenberg 23.6 beschikbaar. De toolbaractie <code>Convert to images<\/code> maakte niet duidelijk wat er met de gekoppelde afbeeldingen gebeurde. Gutenberg 23.7 hernoemt deze actie naar <code>Detach<\/code> en toont een modal die uitlegt wat ontkoppelen doet.<\/p>\n\n\n\n<p>De omzetting van een dynamische galerij vormt bovendien \u00e9\u00e9n undo-stap. Daardoor hoef je niet meerdere herstelacties uit te voeren als je een ontkoppeling wilt terugdraaien.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/01-detach-images-gallery-1024x561-1.webp\" alt=\"Toolbar van een dynamische galerij met de actie Detach\" class=\"wp-image-260\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/01-detach-images-gallery-1024x561-1.webp 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/01-detach-images-gallery-1024x561-1-300x164.webp 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/01-detach-images-gallery-1024x561-1-768x421.webp 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/01-detach-images-gallery-1024x561-1-400x219.webp 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">De oude, dubbelzinnige omzetactie heet nu Detach. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/02-detach-images-gallery-1024x561-1.webp\" alt=\"Modal die uitlegt wat het ontkoppelen van galerijafbeeldingen doet\" class=\"wp-image-261\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/02-detach-images-gallery-1024x561-1.webp 1024w, https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/02-detach-images-gallery-1024x561-1-300x164.webp 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/02-detach-images-gallery-1024x561-1-768x421.webp 768w, https:\/\/helloblog.io\/app\/uploads\/sites\/7\/2026\/08\/02-detach-images-gallery-1024x561-1-400x219.webp 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">De bevestigingsmodal maakt de gevolgen van ontkoppelen duidelijk. \u2014 <em>Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Globale stijlen, Math en formuliercomponenten<\/h2>\n\n\n\n<p>De interface voor overerving van Globale stijlen is experimenteel en staat niet standaard aan. Activeer hem via de pagina Gutenberg Experiments als je overge\u00ebrfde waarden in de inspector van blokken wilt zien. De release haalt daarnaast gedeeld beheer van presets uit schaduwen en lettergroottes, lost linkstijlen op in inspectorinstellingen voor blokken die links zijn en voorkomt dat twee kleurpresets met dezelfde hexwaarde de verkeerde preset tonen of opslaan.<\/p>\n\n\n\n<p>Het Math-blok gebruikt voor LaTeX-invoer nu <code>ValidatedTextareaControl<\/code>. Parsefouten onderbreken je daardoor niet meer na iedere toetsaanslag: de feedback verschijnt wanneer het veld voor het eerst focus verliest, terwijl de screenreader geen melding meer bij elke aanslag uitspreekt.<\/p>\n\n\n\n<p>Combobox, Select en SelectControl krijgen de subcomponenten <code>Group<\/code> en <code>GroupLabel<\/code>. Daarmee bouwen ontwikkelaars gegroepeerde opties op dezelfde manier op in deze families van itempop-ups. DataViewsPicker ondersteunt Shift+klik voor bereikselectie in tabel-, raster- en activiteitenweergaven, en zoekvelden in DataViews en de Font Library krijgen een vaste breedte tegen layoutverspringen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Functionele verbeteringen en reparaties<\/h2>\n\n\n\n<p>Naast de zichtbare wijzigingen bevat 23.7 een brede set verbeteringen voor blokken, de posteditor, media en realtime samenwerking (RTC). RTC voorkomt Quick Edit terwijl iemand een bericht bewerkt, laat synchronisatie van aangestuurde blokken undo niet onderscheppen, bewaart niet-opgeslagen bewerkingen van medebewerkers wanneer iemand anders opslaat en comprimeert gegevens tijdens serialisatie.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Blokbibliotheek en media<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>Het Table of Contents-blok krijgt end-to-enddekking voor het volledige gebruikersscenario.<\/li>\n\n\n<li><code>render_block_core_video()<\/code> houdt rekening met een VIDEO-tag die niet in kleine letters staat.<\/li>\n\n\n<li>De navigatielinkinterface toont binnen templateonderdelen weer de optie Add block.<\/li>\n\n\n<li>De Query Loop geeft het label Offset een vertaalcontext.<\/li>\n\n\n<li>De Tumblr-markup van het Social Link-blok bevat geen los sluitend element meer en de knoptekst voor een playlistnummer is korter.<\/li>\n\n\n<li>Het Cover- en Accordion-blok verlaat je met Enter; een Lijstblok behoudt bij inspringen het geordende type.<\/li>\n\n\n<li>De media-editor toont een laadstatus tijdens het laden van een bijgesneden bestand; de overbodige vlag <code>__heicUploadSupport<\/code> is verwijderd.<\/li>\n\n\n<li>Lange geanimeerde GIF&#8217;s laten uploads niet meer vastlopen bij conversie naar een stilstaand uitvoerbestand, omdat alleen het eerste frame wordt gedecodeerd.<\/li>\n\n\n<li>Mediatemplates forceren <code>crossorigin<\/code> niet langer op IMG-tags.<\/li>\n\n\n<li>De Media REST API bevat de teruggeporteerde uploadgroottecontrole voor sideloading vanaf een URL-pad.<\/li>\n\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Blokeditor en posteditor<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>De focusring van de achtergrondafbeeldinginstelling verschijnt niet dubbel meer; basisstijlen laten bovendien de kleur van de focusring in <code>outset-ring__focus<\/code> overschrijven.<\/li>\n\n\n<li>De lege bloktoevoeger staat goed in blokken die een toolbar vastleggen. De cursorpositie blijft correct bij voorwaarts verwijderen van lege blokken.<\/li>\n\n\n<li>Shift+klik werkt opnieuw voor selectie in rich text. Shift+pijl breidt blokselecties uit wanneer geen native selectie bestaat, shift+klik telt als multiselectie en de pagina scrollt niet tijdens cursorbewegingen in blokken die hoger zijn dan het viewport.<\/li>\n\n\n<li>RichText past geen inputtransformatie toe zonder <code>onReplace<\/code>, en plakken van bestanden laat de paste-handler niet crashen.<\/li>\n\n\n<li>Velden die hun eigen undo beheren laten undo aan de browser over. Metaboxkoppen volgen de stijl van Gutenberg-panelen en meldingen gebruiken ThemeProvider met een hoekradius van nul.<\/li>\n\n\n<li>Notities leggen het doelblok vast v\u00f3\u00f3r het opslaan van een bloknotitie, registreren inline-opmaak bij import, rapporteren opslagsucces consequent en synchroniseren de zijbalkselectie met de marker bij de cursor.<\/li>\n\n\n<li>Een buitengesloten bezoeker ziet bij een berichtvergrendeling niet meer onterecht de melding dat iemand anders de overname uitvoerde.<\/li>\n\n\n<li>Op iOS verdwijnt de jumping-hack en komt typewriter-gedrag erbij.<\/li>\n\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Componenten, toegankelijkheid en prestaties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>Inputvelden van type <code>number<\/code> verbergen hun native spincontrols. SearchControl rendert alleen een suffix als er een bestaat en Autocomplete krijgt de primitive <code>Autocomplete.Row<\/code>.<\/li>\n\n\n<li>Een sandboxcomponent accepteert een <code>sandbox<\/code>-prop. DataForm laat validatie van cards en details focus niet overnemen.<\/li>\n\n\n<li>GradientPicker selecteert op slug zodat presets met hetzelfde verloop hun identiteit behouden. ToolsPanel, Disabled, FormTokenField en SearchControl migreren naar SCSS-modules.<\/li>\n\n\n<li>Autocomplete koppelt de suggestielijst met <code>aria-controls<\/code> en <code>aria-haspopup<\/code>; ExternalLink gebruikt de gedeelde focusringmixin.<\/li>\n\n\n<li>Uitlijningselementen verwerken properties beter en een hoverend submenu in de Navigation-overlay werkt <code>aria-expanded<\/code> weer bij.<\/li>\n\n\n<li>Rich text leest <code>contentEditable<\/code> in <code>ownsSelection<\/code> om geforceerde layout te vermijden. De release pakt ook een regressie in typprestaties aan en FlatTermSelector haalt termen niet onnodig opnieuw op.<\/li>\n\n\n<li>Core Data verplaatst <code>EntitiesSavedState<\/code> uit de editor.<\/li>\n\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">API&#8217;s, thema&#8217;s en experimentele dashboardwidgets<\/h2>\n\n\n\n<p>De release werkt versiebeheer van de viewconfiguratie-API bij. Merges met een afwijkende vorm worden afgewezen, lege arrays krijgen expliciete semantiek en toegevoegde leden raken nullwaarden kwijt. <code>createInterpolateElement<\/code> verwerkt niet-overeenkomende sluittags zonder fout.<\/p>\n\n\n\n<p>Voor thema&#8217;s maakt Theme JSON de specificiteit van presetclasses op blokniveau gelijk met <code>:Where()<\/code>. De posteditor heeft daarnaast een instelling <code>responsiveEditingEnabled<\/code>, waarmee je de optie Responsive styles kunt verbergen.<\/p>\n\n\n\n<p>Experimentele Dashboard Widgets ontsmetten actie-URL&#8217;s en hulp-links strenger. Het Widget Dashboard meet hoe de header past en documenteert de browserchrome; Widget Primitives worden als scriptmodule geleverd.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ontwikkelaarservaring, documentatie en buildtooling<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>De Interactivity API herstructureert directives tot zelfregistrerende modules. <code>editableRoot<\/code> is voortaan een private blokinstelling in plaats van publieke support, en attribuutwaarden die fouten gooien zijn afgevangen.<\/li>\n\n\n<li>De documentatie voegt <code>nvm use<\/code> toe aan AGENTS.md, beschrijft progressieve ontdekking van agentinstructies en skills, vult ontbrekende globale documentatie in <code>table-of-contents\/index.php<\/code> aan en verduidelijkt <code>getBlock<\/code> bij innerblockcontrollers.<\/li>\n\n\n<li>De documentatie breidt de gids voor backporting naar WordPress-core uit, eist dat callbacks voor viewconfiguratiefilters de container teruggeven, actualiseert iframe-richtlijnen voor Gutenberg 23.6 en server-side viewconfiguratiefilters, en voegt richtlijnen toe voor dialog versus drawer.<\/li>\n\n\n<li>WP_Icon_Collections_Registry krijgt ontbrekende docblocks op bestands- en classniveau. Storybookvoorbeelden voor het adminkleurenschema zijn bijgewerkt; inline-documentatie gebruikt een link voor URL&#8217;s.<\/li>\n\n\n<li>ESLint vult de denylist aan, webpack-dev-server gaat naar <code>^5.2.1<\/code>, changelogcontroles werken voor pull requests uit forks en dependencies worden onafhankelijk van de <code>node_modules<\/code>-indeling opgelost.<\/li>\n\n\n<li>date-fns gaat naar 4.4.0, memize naar 2.1.1 en Color.js naar 0.7.1. De verouderde workaround voor colorjs.io verdwijnt.<\/li>\n\n\n<li>De build krijgt een afzonderlijk React 18-vendorpakket, verwerkt projectpaden met spaties, neemt ge\u00ebxtraheerde stijlen mee in de assetversiehash en voorkomt een oneindige worker-buildloop.<\/li>\n\n\n<li>Er is een compatibiliteitstest voor het booleaanse <code>inert<\/code>-attribuut van React 19. Storybook verwijdert Emotion als JSX-importbron en bouwt resolve-specificaties als URL-achtige strings.<\/li>\n\n\n<li>Jest gaat naar versie 30, met een aangepaste ignore-regel voor TypeScript-declaratiebestanden. Prestatiemetingen voor blokselectie rapporteren niet meer onterecht 0 ms.<\/li>\n\n\n<li>End-to-endtests dekken uitbreidbaarheid van viewconfiguratie, en RTC-tests werken weer bij verwijderde gebruikers in multisite.<\/li>\n\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Overige kwaliteitsverbeteringen<\/h2>\n\n\n\n<p>Gutenberg 23.7 verfijnt ook interne onderdelen zonder directe wijziging in de interface. Voorbeelden zijn het samenvoegen van duotone-utilities in de global-styles-engine, minder dubbele presetutilities, een functionele component voor <code>URLInput<\/code>, validatie dat SVG-iconen een <code>viewBox<\/code> bevatten en het verplaatsen van realtime-samenwerkingscode naar <code>lib\/experimental\/collaboration<\/code>.<\/p>\n\n\n\n<p>De release actualiseert verder release- en ontwikkeltools: de releasetool vereist een werkende GitHub CLI voor cherry-picks, npm-toegangscontroles zijn verbeterd en de releaseformulierdocumentatie toont de nieuwe GitHub-interface voor releaselabels. Installeer Gutenberg 23.7 in een testomgeving als je deze editor-, blok- en ontwikkelaarswijzigingen v\u00f3\u00f3r opname in WordPress-core wilt beoordelen.<\/p>\n\n\n<div class=\"references-section\">\n                <h2>Referenties \/ Bronnen<\/h2>\n                <ul class=\"references-list\"><li><a href=\"https:\/\/make.wordpress.org\/core\/2026\/08\/06\/whats-new-in-gutenberg-23-7-05-august\/\" target=\"_blank\" rel=\"noopener noreferrer\">What\u2019s new in Gutenberg 23.7? (05 August)<\/a><\/li><\/ul>\n            <\/div>","protected":false},"excerpt":{"rendered":"<p>Gutenberg 23.7 maakt dynamische galerijen begrijpelijker, herstelt diverse editorinteracties en voegt gerichte verbeteringen toe voor ontwikkelaars. Dit zijn alle relevante wijzigingen in de release van 5 augustus.<\/p>\n","protected":false},"author":23,"featured_media":258,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[128],"tags":[129,130,25,10,131],"class_list":["post-262","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blok-editor","tag-blok-editor","tag-globale-stijlen","tag-gutenberg","tag-wordpress","tag-wordpress-plugin"],"_links":{"self":[{"href":"https:\/\/helloblog.io\/nl\/wp-json\/wp\/v2\/posts\/262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helloblog.io\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helloblog.io\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/helloblog.io\/nl\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/helloblog.io\/nl\/wp-json\/wp\/v2\/comments?post=262"}],"version-history":[{"count":0,"href":"https:\/\/helloblog.io\/nl\/wp-json\/wp\/v2\/posts\/262\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helloblog.io\/nl\/wp-json\/wp\/v2\/media\/258"}],"wp:attachment":[{"href":"https:\/\/helloblog.io\/nl\/wp-json\/wp\/v2\/media?parent=262"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helloblog.io\/nl\/wp-json\/wp\/v2\/categories?post=262"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helloblog.io\/nl\/wp-json\/wp\/v2\/tags?post=262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}