{"id":51541,"date":"2023-03-30T21:13:13","date_gmt":"2023-03-30T19:13:13","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=51541&#038;preview=true&#038;preview_id=51541"},"modified":"2023-05-23T10:27:08","modified_gmt":"2023-05-23T08:27:08","slug":"wordpress-6-2","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/","title":{"rendered":"Wat is er nieuw in WordPress 6.2: Browse modus, Style Book, verbeterde navigatiemenu&#8217;s, nieuwe API&#8217;s en nog veel meer"},"content":{"rendered":"<p><a href=\"https:\/\/wordpress.org\/news\/2023\/03\/dolphy\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.2 &#8220;Dolphy&#8221;<\/a> is uitgebracht en het is tijd voor ons om te verkennen wat er allemaal voor nieuws te vinden in alweer de eerste release van 2023.<\/p>\n<p>Met WordPress 6.2 komen we in de laatste fase van fase 2 van de langetermijn <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\" target=\"_blank\" rel=\"noopener noreferrer\">roadmap voor de ontwikkeling van Gutenberg<\/a>, en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39293\">verlaat de blokeditor officieel\u00a0de b\u00e8tafase<\/a>.<\/p>\n\n<p>Deze release richt zich vooral op het <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/06\/roadmap-to-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">verbeteren van de interface<\/a> en het stroomlijnen van de bewerkingservaring.<\/p>\n<p>Ook is er een nieuwe aanpak voor het navigeren tussen templates en templatedelen ge\u00efntroduceerd, evenals de mogelijkheid om widgets te importeren in blokthema&#8217;s, een nieuwe schrijfmodus zonder afleiding, een geschaalde ervaring met blokinstellingen, en veel grote en kleine verbeteringen aan bestaande blokken, prestaties en bruikbaarheid.<\/p>\n<p>Maar als er iets is dat qua functionaliteit en bruikbaarheid een sprong voorwaarts maakt, dan is het wel het Navigation blok. Sinds het voor het eerst werd uitgebracht, heeft het Navigation menu verschillende versies doorlopen die het bewerkingsproces in de loop der tijd aanzienlijk hebben gestroomlijnd. Met WordPress 6.2 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/41549\" target=\"_blank\" rel=\"noopener noreferrer\">gaat de ontwikkeling door<\/a>, en in dit artikel laten we je zien hoe eenvoudig je nu een navigatiemenu kunt beheren.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<p><strong>Bekijk onze <a href=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\" target=\"_blank\" rel=\"noopener noreferrer\">videohandleiding om uit te vinden wat er nieuw is in WordPress 6.2<\/a><\/strong><\/p>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\"><\/kinsta-video>\n<h2>Verbeterde bewerkingservaring<\/h2>\n<p>WordPress 6.2 introduceert een verbeterde bewerkingservaring, waarbij de algehele sitestructuur centraal staat. Je kunt nu gemakkelijker navigatiemenu&#8217;s beheren, stijlwijzigingen van een enkel blok naar globale stijlen pushen, en moeiteloos navigeren tussen templates en templatedelen met gekleurde templatedelen en herbruikbare blokken.<\/p>\n<p>Maar er is nog veel meer. Laten we de belangrijkste toevoegingen en wijzigingen aan de interface van de editor in detail verkennen.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"8\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Een vernieuwde Site Editor interface en Browse modus<\/h3>\n<p>Met WordPress 6.2 komen verschillende verbeteringen aan de editor interface naar de core. De eerste en meest interessante update be\u00efnvloedt <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#new-reorganized-site-editor-interface\" target=\"_blank\" rel=\"noopener noreferrer\">de Site Editor interface<\/a>. Dankzij een nieuwe Browse modus is het nu gemakkelijker om door templates\u00a0 en templatedelen te navigeren.<\/p>\n<figure id=\"attachment_149436\" aria-describedby=\"caption-attachment-149436\" style=\"width: 2930px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149436 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface.jpg\" alt=\"Een afbeelding van de Site Editor interface in WordPress 6.2\" width=\"2930\" height=\"1456\"><figcaption id=\"caption-attachment-149436\" class=\"wp-caption-text\">De Site Editor interface in WordPress 6.2<\/figcaption><\/figure>\n<p>Met de nieuwe interface kun je ook direct vanuit de zijbalk van de editor een nieuw template\u00a0 of templatedeel toevoegen door simpelweg <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46458\" target=\"_blank\" rel=\"noopener noreferrer\">te klikken op het plus (+) pictogram<\/a> rechts van de menutitel.<\/p>\n<figure id=\"attachment_149437\" aria-describedby=\"caption-attachment-149437\" style=\"width: 2928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149437 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-templates-menu.jpg\" alt=\"Het menu Templates van de site editor in WordPress 6.2\" width=\"2928\" height=\"1460\"><figcaption id=\"caption-attachment-149437\" class=\"wp-caption-text\">Het menu Templates van de site editor in WordPress 6.2<\/figcaption><\/figure>\n<p>Volgens <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ryan Welcher<\/a>, medewerker WP Core en Documentatie, &#8220;Het werken aan deze feature is gaande en zal blijven verbeteren naarmate nieuwe Gutenberg versies worden uitgebracht.&#8221;<\/p>\n<figure id=\"attachment_149438\" aria-describedby=\"caption-attachment-149438\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149438 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface-add-new-template.jpg\" alt=\"Een nieuw template toevoegen in WordPress 6.2\" width=\"2932\" height=\"1460\"><figcaption id=\"caption-attachment-149438\" class=\"wp-caption-text\">Een nieuw template toevoegen in WordPress 6.2<\/figcaption><\/figure>\n<p>De workflow is nu soepeler en naadlozer. Om te beginnen met het bewerken van het huidige template\/templatedeel, klik je gewoon op de knop <strong>Edit<\/strong> in het linkermenu, of op het Template preview in het midden van de pagina.<\/p>\n<figure id=\"attachment_149439\" aria-describedby=\"caption-attachment-149439\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149439 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface-edit-template.jpg\" alt=\"Klik op de knop Edit of op het template preview om een template te bewerken\" width=\"2932\" height=\"1458\"><figcaption id=\"caption-attachment-149439\" class=\"wp-caption-text\">Klik op de knop Edit of op het Template preview om een template te bewerken<\/figcaption><\/figure>\n<h3>Distraction Free modus<\/h3>\n<p>WordPress 6.2 introduceert een nieuwe Distraction Free bewerkingsmodus, die overbodige dingen van het canvas wegneemt en je in staat stelt je te concentreren op de content van de pagina.<\/p>\n<figure id=\"attachment_148385\" aria-describedby=\"caption-attachment-148385\" style=\"width: 2048px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148385 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-distraction-free-mode.jpg\" alt=\"Distraction Free modus inschakelen\" width=\"2048\" height=\"1422\"><figcaption id=\"caption-attachment-148385\" class=\"wp-caption-text\">Distraction Free modus inschakelen<\/figcaption><\/figure>\n<p>Je kunt <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#introduced-distraction-free-mode\" target=\"_blank\" rel=\"noopener noreferrer\">deze feature activeren<\/a> in het optiepaneel dat verschijnt door te klikken op het ellipspictogram (drie puntjes) in de rechterbovenhoek.<\/p>\n<p>Zodra de Distraction Free modus is geactiveerd, verdwijnen de externe zijbalken en werkbalken, zodat op het scherm alleen de content overblijft waaraan je werkt.<\/p>\n<h3 id=\"tabbed-block-inspector\" class=\"has-anchor-hash\">Block Inspector met tabbladen<\/h3>\n<p>WordPress 6.2 introduceert <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">een nieuwe Block Inspector<\/a> die zich richt op het aanbrengen van orde in de zijbalk door het verdelen van instellingscontroles in aparte panelen.<\/p>\n<p>Blokinstellingen zijn nu <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#improved-organization-of-block-settings-with-split-control\" target=\"_blank\" rel=\"noopener noreferrer\">verdeeld in tabbladen<\/a> om stijlinstellingen te scheiden van andere blokinstellingen.<\/p>\n<p>Indien beschikbaar worden de tabbladen van de Block Inspector in de volgende volgorde weergegeven:<\/p>\n<ul>\n<li><strong>List view:<\/strong> Bevat bedieningselementen voor het beheer van de childs van een blok, zoals submenu&#8217;s en links in het Navigation blok<\/li>\n<li><strong>Settings:<\/strong> Bevat configuratie-instellingen die geen betrekking hebben op het uiterlijk van het blok<\/li>\n<li><strong>Appearance:<\/strong> Bevat instellingen die specifiek betrekking hebben op de vormgeving van het huidige blok, zoals typografie en kleuren<\/li>\n<\/ul>\n<figure id=\"attachment_148393\" aria-describedby=\"caption-attachment-148393\" style=\"width: 1649px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148393 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-tabbed-settings-sidebar.jpg\" alt=\"De nieuwe zijbalk met instellingen in tabbladen voor een Button blok in WordPress 6.2\" width=\"1649\" height=\"1308\"><figcaption id=\"caption-attachment-148393\" class=\"wp-caption-text\">De nieuwe zijbalk met instellingen in tabbladen voor een Button blok in WordPress 6.2<\/figcaption><\/figure>\n<p>Dit is een opmerkelijke verbetering van de bruikbaarheid van de interface, vooral voor geavanceerde blokken met veel configuratie-opties zoals het Group blok of Navigation blok.<\/p>\n<p>Merk op dat:<\/p>\n<ul>\n<li>De nieuwe Inspector toont alleen een tabblad als het elementen bevat om weer te geven.<\/li>\n<li>Als het tabblad Settings alleen het paneel Advanced bevat, wordt het verplaatst naar het tabblad Appearance.<\/li>\n<li>Als de Block Inspector slechts \u00e9\u00e9n tabblad heeft, dan wordt deze weergegeven zoals v\u00f3\u00f3r WordPress 6.2.<\/li>\n<\/ul>\n<p>Bekijk de <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">dev note<\/a> voor meer informatie <span style=\"font-size: 1.125rem\">op de nieuwe Block Inspector.<\/span><\/p>\n<h3>Gekleurde templatedelen en Reusable blokken<\/h3>\n<p>Om ze gemakkelijker te onderscheiden van groepen en blokken, worden Template Parts en Reusable blokken nu gemarkeerd in een <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#quickly-identify-template-parts-and-reusable-blocks-by-color\" target=\"_blank\" rel=\"noopener noreferrer\">andere kleur<\/a> in\u00a0List View, Blok Inserter, Blok Toolbar, en in het editor canvas.<\/p>\n<figure id=\"attachment_148370\" aria-describedby=\"caption-attachment-148370\" style=\"width: 2142px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148370 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-colorized-template-part.jpg\" alt=\"Gekleurd Template Part in List View\" width=\"2142\" height=\"1082\"><figcaption id=\"caption-attachment-148370\" class=\"wp-caption-text\">Gekleurd Template Part in List View<\/figcaption><\/figure>\n<p>Dit gebeurt zowel in de site-editor als in de posteditor, zoals de afbeelding hieronder laat zien.<\/p>\n<figure id=\"attachment_148371\" aria-describedby=\"caption-attachment-148371\" style=\"width: 1850px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148371 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-colorized-reusable-block.jpg\" alt=\"Een afbeelding met een gekleurd Reusable blok in de posteditor\" width=\"1850\" height=\"742\"><figcaption id=\"caption-attachment-148371\" class=\"wp-caption-text\">Gekleurd Reusable blok in de posteditor<\/figcaption><\/figure>\n<h3>Een vernieuwde Block Inserter<\/h3>\n<p>In de Block Inserter zijn verschillende veranderingen aangebracht die de algehele bewerkingservaring aanzienlijk verbeteren.<\/p>\n<p>Ten eerste verbetert een nieuw interfaceontwerp de navigatie tussen patroon- en mediacategorie\u00ebn en biedt het <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#redesigned-the-main-pattern-inserter\" target=\"_blank\" rel=\"noopener noreferrer\">grotere previews<\/a> voor patronen en media-items.<\/p>\n<figure id=\"attachment_148386\" aria-describedby=\"caption-attachment-148386\" style=\"width: 1298px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148386 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-pattern-preview.jpg\" alt=\"Patroon preview in de Block Inserter in WordPress 6.2\" width=\"1298\" height=\"1322\"><figcaption id=\"caption-attachment-148386\" class=\"wp-caption-text\">Patroon preview in de Block Inserter in WordPress 6.2<\/figcaption><\/figure>\n<p>Als er media bestaan op de site, verschijnt er een <strong>Media<\/strong> tab <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#add-media-to-your-content-directly-from-the-inserter\" target=\"_blank\" rel=\"noopener noreferrer\">in de Block Inserter<\/a> om het invoegen van media <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/44918\" target=\"_blank\" rel=\"noopener noreferrer\">binnen de content<\/a> te vereenvoudigen. Je kunt afbeeldingen\/media verslepen of gewoon op je media klikken om ze aan de content toe te voegen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-media-tab.jpg\" alt=\"\"An\" width=\"1296\" height=\"1420\"><\/p>\n<p>Binnen het tabblad brengt een knop <strong>Open Media Library<\/strong>\u00a0je naar de WordPress <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-mediabibliotheek\/\">Media Library<\/a>.<\/p>\n<h3>Openverse integratie in de Block Inserter<\/h3>\n<p><a href=\"https:\/\/openverse.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse<\/a> is een tool dat tot doel heeft om werken met een open licentie of in het publieke domein te delen voor algemeen gebruik. Met WordPress 6.2, is <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#Openverse-Integration\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse ge\u00efntegreerd in de Block Inserter<\/a>.<\/p>\n<p>Om toegang te krijgen tot deze nieuwe feature klik je op het tabblad Media van de Block Inserter. Dit toont een paneel met een zoekveld en afbeeldingen die direct uit de Openverse repository komen.<\/p>\n<figure id=\"attachment_148381\" aria-describedby=\"caption-attachment-148381\" style=\"width: 1298px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148381 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-openverse-panel.jpg\" alt=\"Openverse is nu ge\u00efntegreerd in de Block Inserter\" width=\"1298\" height=\"1270\"><figcaption id=\"caption-attachment-148381\" class=\"wp-caption-text\">Openverse is nu ge\u00efntegreerd in de Block Inserter<\/figcaption><\/figure>\n<p>Zie voor de technische details het <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46251\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse integratie pull request<\/a>.<\/p>\n<h3>Widgets migreren naar blokthema&#8217;s<\/h3>\n<p>Vanaf WordPress 6.2 kunnen gebruikers met een site met een klassiek thema die besluiten over te stappen op een blokthema <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#import-sidebar-widgets-to-template-parts\" target=\"_blank\" rel=\"noopener noreferrer\">hun bestaande widgetgebieden migreren<\/a> naar het nieuwe thema, waarbij ze worden omgezet <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39270\" target=\"_blank\" rel=\"noopener noreferrer\">in templatedelen<\/a>.<\/p>\n<p>Laten we eens kijken hoe dat werkt.<\/p>\n<p>Maak eerst een widgetgebied in een klassiek thema. Je kunt bijvoorbeeld Twenty-Eleven activeren en een kalender toevoegen aan Footer Area One.<\/p>\n<figure id=\"attachment_148359\" aria-describedby=\"caption-attachment-148359\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148359 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-adding-widgets-in-classic-themes.jpg\" alt=\"Een widget toevoegen in Twenty Eleven\" width=\"2316\" height=\"1186\"><figcaption id=\"caption-attachment-148359\" class=\"wp-caption-text\">Een widget toevoegen in Twenty Eleven<\/figcaption><\/figure>\n<p>Verander nu het thema in <a href=\"https:\/\/kinsta.com\/nl\/blog\/twenty-twenty-three-thema\/\">Twenty Twenty-Three<\/a>. Open de Site Editor, kies een template om te bewerken, en voeg een templatedeel toe.<\/p>\n<figure id=\"attachment_148360\" aria-describedby=\"caption-attachment-148360\" style=\"width: 2318px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148360 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-add-template-part.jpg\" alt=\"Een templatedeel toevoegen aan een template met thema Twenty Twenty-Three theme\" width=\"2318\" height=\"1422\"><figcaption id=\"caption-attachment-148360\" class=\"wp-caption-text\">Een templatedeel toevoegen aan een template met thema Twenty Twenty-Three theme<\/figcaption><\/figure>\n<p>Selecteer in de blokzijbalk het te importeren widgetgebied in het dropdownmenu <strong>Import Widget Area<\/strong>.<\/p>\n<figure id=\"attachment_148361\" aria-describedby=\"caption-attachment-148361\" style=\"width: 2322px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148361 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-import-widget-area.jpg\" alt=\"Importeren widgetgebied in WordPress 6.2\" width=\"2322\" height=\"1422\"><figcaption id=\"caption-attachment-148361\" class=\"wp-caption-text\">Importeren widgetgebied in WordPress 6.2<\/figcaption><\/figure>\n<p>En dat is het. Nu kun je je vorige widgetgebied beheren zoals elk ander templatedeel..<\/p>\n<figure id=\"attachment_148362\" aria-describedby=\"caption-attachment-148362\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148362 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-widget-area-preview.jpg\" alt=\"Een voorbeeld van een ge\u00efmporteerd widgetgebied\" width=\"2316\" height=\"946\"><figcaption id=\"caption-attachment-148362\" class=\"wp-caption-text\">Een voorbeeld van een ge\u00efmporteerd widgetgebied<\/figcaption><\/figure>\n<h3>Document Details en\u00a0List View\u00a0gecombineerd<\/h3>\n<p>V\u00f3\u00f3r WordPress 6.2 waren er twee aparte knoppen in de werkbalk van de Editor voor <strong>Details<\/strong> en <strong>List View<\/strong>. In de volgende afbeelding zie je de <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-1\/#time-to-read-in-the-info-panel\">popover voor documentinformatie<\/a>\u00a0in WordPress 6.1, inclusief het aantal woorden, het aantal tekens, de leestijd, en het aantal koppen, paragrafen en blokken, en de Document Outline.<\/p>\n<figure id=\"attachment_131143\" aria-describedby=\"caption-attachment-131143\" style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131143 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/info-panel.jpg\" alt=\"De Details popover in WordPress 6.1\" width=\"1452\" height=\"802\"><figcaption id=\"caption-attachment-131143\" class=\"wp-caption-text\">De Details popover in WordPress 6.1<\/figcaption><\/figure>\n<p>Vanaf WordPress 6.2 zijn <strong>List View<\/strong>\u00a0en <strong>Details<\/strong> verplaatst naar een enkel <strong>Document Overview <\/strong>paneel, verdeeld in twee tabbladen: <strong>List View<\/strong>\u00a0en <strong>Outline<\/strong>.<\/p>\n<figure id=\"attachment_148376\" aria-describedby=\"caption-attachment-148376\" style=\"width: 1898px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148376 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-document-overview-panel.jpg\" alt=\"Het nieuwe paneel Document Overview in WordPress 6.2\" width=\"1898\" height=\"1278\"><figcaption id=\"caption-attachment-148376\" class=\"wp-caption-text\">Het nieuwe paneel Document Overview in WordPress 6.2<\/figcaption><\/figure>\n<p>Deze verandering moet zorgen voor een eenvoudiger manier om het document te beheren.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-plain\">\n        <p><\/p>\n<h3>WordPress 6.2 installeren op een lokale ontwikkelomgeving<\/h3>\n<p>Als je de ontwikkelingsversies van WordPress wilt uitproberen v\u00f3\u00f3r de offici\u00eble release, volg dan deze stappen:<\/p>\n<ol>\n<li>Open DevKinsta en maak een nieuwe <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-website-offline-bouwen\/\">lokale WordPress website<\/a> aan<\/li>\n<li>Als je klaar bent, open dan je WordPress dashboard en navigeer naar <strong>Plugins \u2192 Add New<\/strong><\/li>\n<li>Zoek en installeer de <strong>WordPress Beta Tester<\/strong> plugin<\/li>\n<li>Activeer de plugin en ga naar <strong>Tools \u2192 Beta Testing<\/strong><\/li>\n<li>Kies in het tabblad Instellingen WP Beta Tester de optie <strong>Bleeding edge<\/strong>\u00a0en sla de instellingen op<\/li>\n<li>Ga terug naar je WordPress Dashboard, open het <strong>Updates<\/strong> scherm, en werk bij naar de laatste nachtelijke versie<\/li>\n<\/ol>\n<p>Dat is alles! Nu heb je een lokale WordPress ontwikkelingsinstallatie, en ben je vrij om al je tests uit te voeren. Kijk eens rond en laat ons weten wat je van de nieuwe features vindt.<\/p>\n<p>Met DevKinsta heb je in een paar klikken een moderne ontwikkelomgeving voor WordPress op je lokale machine. \ud83d\udda5<\/p>\n<p><a href=\"https:\/\/kinsta.com\/nl\/devkinsta\/\">DevKinsta gratis downloaden<\/a> \ud83d\udc48<\/p>\n<\/aside>\n\n<h2>Uitgebreide blokmogelijkheden<\/h2>\n<p>Met WordPress 6.2 zijn de mogelijkheden van verschillende corebloktypen uitgebreid. Dit geldt met name voor het Navigation\u00a0blok, dat wordt be\u00efnvloed door verschillende veranderingen en verbeteringen in de bewerkingservaring.<\/p>\n<p>Laten we de belangrijkste veranderingen in detail bekijken.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Op lijsten gebaseerde bewerking voor\u00a0Navigation\u00a0blok<\/h3>\n<p>Met de release van WordPress 6.2 is het mogelijk om de indeling van Navigation\u00a0blok elementen te wijzigen vanuit een <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#add-list-based-editing-to-navigation-block\">lijstweergave in de zijbalk met\u00a0blokinstellingen<\/a>.<\/p>\n<figure id=\"attachment_148390\" aria-describedby=\"caption-attachment-148390\" style=\"width: 1588px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148390 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-menu-tab.jpg\" alt=\"Een nieuw Menu tabblad toont een lijstweergave van het Navigation menu\" width=\"1588\" height=\"1350\"><figcaption id=\"caption-attachment-148390\" class=\"wp-caption-text\">Een nieuw Menu tabblad toont een lijstweergave van het Navigation menu<\/figcaption><\/figure>\n<p>Als je op het menu-item klikt, kom je in de instellingenzijbalk van de geselecteerde paginalink, waar je de linkdetails kunt bewerken, inclusief label, URL, beschrijving, linktitel en linkrel.<\/p>\n<figure id=\"attachment_148391\" aria-describedby=\"caption-attachment-148391\" style=\"width: 1414px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148391 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-link-settings.jpg\" alt=\"De instellingenbalk van de Paginalink\" width=\"1414\" height=\"1238\"><figcaption id=\"caption-attachment-148391\" class=\"wp-caption-text\">De instellingenbalk van de Paginalink<\/figcaption><\/figure>\n<p>Deze verandering vereenvoudigt het bewerken van navigatiemenu&#8217;s aanzienlijk, zodat je items in je menu kunt toevoegen, rangschikken en verwijderen, of zelfs nieuwe navigatiemenu&#8217;s kunt maken.<\/p>\n<h3>Navigatie vergrendelen<\/h3>\n<p>Een andere verbetering van het Navigation blok is de mogelijkheid om <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#added-content-locking-to-the-navigation-block\" target=\"_blank\" rel=\"noopener noreferrer\">het bewerken van menu&#8217;s op een meer granulaire manier te vergrendelen<\/a>. Nu kun je <strong>Restrinct editing<\/strong>,\u00a0<strong>Disable movement<\/strong> en <strong>Prevent removal<\/strong>, terwijl met WordPress 6.1 alleen de opties <strong>Restrinct editing<\/strong> en <strong>Disable movement<\/strong>\u00a0beschikbaar waren.<\/p>\n<p>Bovendien kunnen de geselecteerde opties ook worden toegepast op de binnenste blokken (links en submenu&#8217;s).<\/p>\n<figure id=\"attachment_148392\" aria-describedby=\"caption-attachment-148392\" style=\"width: 2050px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148392 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-lock-navigation.jpg\" alt=\"Navigatie vergrendelen in WordPress 6.2\" width=\"2050\" height=\"1168\"><figcaption id=\"caption-attachment-148392\" class=\"wp-caption-text\">Navigatie vergrendelen in WordPress 6.2<\/figcaption><\/figure>\n<h3><strong>Add\/Remove caption <\/strong>in de Block Toolbar<\/h3>\n<p>Met een nieuwe knop <strong>Add\/Remove caption <\/strong>kunnen gebruikers vanuit de blokwerkbalk <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/\" target=\"_blank\" rel=\"noopener noreferrer\">captions regelen<\/a> voor verschillende blokken (Audio, Video, Image).<\/p>\n<p>Als je al een caption hebt ingesteld, wordt dat automatisch opgenomen als je de afbeelding aan je content toevoegt.<\/p>\n<figure id=\"attachment_148395\" aria-describedby=\"caption-attachment-148395\" style=\"width: 1350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148395 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-add-remove-image-caption.jpg\" alt=\"Add\/Remove caption in de block toolbar\" width=\"1350\" height=\"876\"><figcaption id=\"caption-attachment-148395\" class=\"wp-caption-text\">Add\/Remove caption in de Block toolbar<\/figcaption><\/figure>\n<h3>Verbeteringen aan het\u00a0Page List\u00a0blok<\/h3>\n<p>Twee verbeteringen <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#see-all-pages-in-list-view-for-the-page-list-block\" target=\"_blank\" rel=\"noopener noreferrer\">betreffen het Page List blok<\/a>.<\/p>\n<p>Ten eerste kan het Page List blok nu worden uitgebreid om de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45776\" target=\"_blank\" rel=\"noopener noreferrer\">lijst met pagina&#8217;s te tonen in het List View<\/a> paneel.<\/p>\n<figure id=\"attachment_148396\" aria-describedby=\"caption-attachment-148396\" style=\"width: 2046px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148396 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-list-view.jpg\" alt=\"Uitgevouwen Page List blok in List View\" width=\"2046\" height=\"754\"><figcaption id=\"caption-attachment-148396\" class=\"wp-caption-text\">Uitgevouwen Page List blok in List View<\/figcaption><\/figure>\n<p>Bovendien kun je met een nieuwe optie in de zijbalk van het blok nu <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45861\" target=\"_blank\" rel=\"noopener noreferrer\">een beginpagina instellen<\/a> en alleen de pagina&#8217;s die daarvan afstammen in het blok weergeven.<\/p>\n<figure id=\"attachment_148397\" aria-describedby=\"caption-attachment-148397\" style=\"width: 2072px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148397 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-starting-page-in-page-list.jpg\" alt=\"Instellen van een startpagina voor Page List blok\" width=\"2072\" height=\"956\"><figcaption id=\"caption-attachment-148397\" class=\"wp-caption-text\">Instellen van een startpagina voor Page List blok<\/figcaption><\/figure>\n<h3>Nieuwe placeholder voor Group blok<\/h3>\n<p>De Group blok placeholder toont nu <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#add-a-variation-picker-to-the-group-block-placeholder\" target=\"_blank\" rel=\"noopener noreferrer\">een variantenkiezer<\/a> wanneer het blok aan de paginacontent wordt toegevoegd.<\/p>\n<figure id=\"attachment_148398\" aria-describedby=\"caption-attachment-148398\" style=\"width: 2074px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148398 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-group-block-placeholder.jpg\" alt=\"De Group blok Placeholder in WordPress 6.2\" width=\"2074\" height=\"1232\"><figcaption id=\"caption-attachment-148398\" class=\"wp-caption-text\">De Group blok placeholder in WordPress 6.2<\/figcaption><\/figure>\n<h3>Ondersteuning voor sticky positionering blokken<\/h3>\n<p>WordPress 6.2 introduceert een nieuwe feature voor de ondersteuning van verschillende positioneringen van blokken, te beginnen met <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/sticky-position-block-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">sticky positionering<\/a>.<\/p>\n<p>Deze nieuwe feature is momenteel alleen van toepassing op Group blokken, waarvoor het standaard is gekozen.<\/p>\n<p>Themadevelopers\u00a0 kunnen sticky positionering op hun thema&#8217;s inschakelen met behulp van de feature\u00a0 <code>appearanceTools<\/code> in <strong>theme.json<\/strong>. Als je uitgebreidere controle wilt over deze tools, kun je ook de <code>settings.position.sticky<\/code> prop instellen op <code>true<\/code>.<\/p>\n<p>Je kunt sticky positionering inschakelen in het <strong>Position<\/strong> paneel van de Inspector controlezijbalk.<\/p>\n<figure id=\"attachment_148935\" aria-describedby=\"caption-attachment-148935\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148935 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-sticky-position.jpg\" alt=\"Positie instellen op Sticky in een Group blok\" width=\"2154\" height=\"1042\"><figcaption id=\"caption-attachment-148935\" class=\"wp-caption-text\">Positie instellen op Sticky in een Group blok<\/figcaption><\/figure>\n<p>Met sticky positionering ingeschakeld, krijgt de HTML tag een <code>is-position-sticky<\/code> class, en gelden sommige CSS regels voor het bijbehorende element:<\/p>\n<pre><code class=\"language-css\">.wp-container-6 {\n    top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));\n    position: sticky;\n    z-index: 10;\n}<\/code><\/pre>\n<figure id=\"attachment_148936\" aria-describedby=\"caption-attachment-148936\" style=\"width: 2160px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148936 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-sticky-position-in-tt3.jpg\" alt=\"Voorbeeld van sticky positioning met thema Twenty Twenty-Three\" width=\"2160\" height=\"980\"><figcaption id=\"caption-attachment-148936\" class=\"wp-caption-text\">Voorbeeld van sticky positioning met thema Twenty Twenty-Three<\/figcaption><\/figure>\n<p>Sticky positionering\u00a0 werkt alleen voor <strong>Group\u00a0<\/strong><strong>blokken aan de root van het document<\/strong>. Hoewel dit verwarring en fouten voor gebruikers kan voorkomen, zou je ingebouwde sticky positionering op dit moment een lastig kunnen vinden (en wil je misschien verschillende methoden bekijken om <a href=\"https:\/\/kinsta.com\/nl\/blog\/sticky-header\/\">een sticky header aan je WordPress website toe te voegen<\/a>). Maar volgens de dev note:<\/p>\n<blockquote><p>&#8230; bij handmatig testen gaf de feedback aan dat het zonder extra UI of UX werk verwarrend zou kunnen zijn voor gebruikers die sticky headers proberen te maken als ze per ongeluk een niet-root blok op sticky zetten, of bijvoorbeeld een blok <em>binnen<\/em> een header templatedeel op sticky. Voor 6.2 is besloten de feature terug te brengen tot alleen de rootblokken, zodat er meer tijd is om een geschikte oplossing voor geneste blokken te onderzoeken.<\/p><\/blockquote>\n<p>De positioneringsfeature is alleen beschikbaar voor individuele blokken, dus je vindt hem niet in Global Styles.<\/p>\n<h3>Aanvullende verbeteringen aan de blokbewerkingservaring<\/h3>\n<p>Enkele andere opmerkelijke verbeteringen aan het bewerken van blokken zijn de volgende:<\/p>\n<ul>\n<li>Je kunt nu afbeeldingen naar een lege alinea <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/13\/whats-new-in-gutenberg-14-3-12-october\/#improved-drag-and-drop-for-images\" target=\"_blank\" rel=\"noopener noreferrer\">draggen en droppen<\/a> om die te vervangen door een Image blok.<\/li>\n<li>Bedieningselementen voor typografie zijn <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/13\/whats-new-in-gutenberg-14-3-12-october\/#typography-panels\" target=\"_blank\" rel=\"noopener noreferrer\">gegroepeerd in panelen<\/a>. Dit maakt de Styles interface consistenter met de Settings interface en verbetert de bruikbaarheid ervan, omdat je nu bedieningselementen kunt tonen en verbergen zoals in de interface voor blokinstellingen.\n<p><figure id=\"attachment_148406\" aria-describedby=\"caption-attachment-148406\" style=\"width: 1358px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148406 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-typography-controls.jpg\" alt=\"Typografie besturingselementen in WordPress 6.1 vs. WordPress 6.2\" width=\"1358\" height=\"1096\"><figcaption id=\"caption-attachment-148406\" class=\"wp-caption-text\">Typografie besturingselementen in WordPress 6.1 vs. WordPress 6.2<\/figcaption><\/figure><\/li>\n<li>Het is nu mogelijk om <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#letter-spacing\" target=\"_blank\" rel=\"noopener noreferrer\">de letterafstand van de Heading blokken<\/a> direct in de interface Global Styles aan te passen.<\/li>\n<li>Je kunt nu de achtergrond-, link- en <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#a-more-polished-calendar-block\" target=\"_blank\" rel=\"noopener noreferrer\">tekstkleur van het Calender blok<\/a> instellen.<\/li>\n<li>Er zijn twee nieuwe <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#new-banners-and-footers-block-pattern-categories\">categorie\u00ebn\u00a0blokpatronen<\/a>\u00a0<strong>Banners<\/strong> en <strong>Footers<\/strong> ge\u00efntroduceerd om de structuur van webpagina&#8217;s beter weer te geven.<\/li>\n<li>Het is nu mogelijk om <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#autocompletion-for-links\">links in elk blok\u00a0automatisch aan te vullen<\/a> met de shortcut <code>[[<\/code>. V\u00f3\u00f3r deze verandering moesten blokken expliciet ondersteuning voor het automatisch aanvullen van links aangeven met <code>__experimentalSlashInserter<\/code>.<\/li>\n<li>Met een nieuwe sneltoets <code>control<\/code> + <code>option<\/code> + <code>1<\/code>&#8211;<code>6<\/code> kun je <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#transform-paragraph-into-heading\" target=\"_blank\" rel=\"noopener noreferrer\">een paragraaf veranderen in een kop<\/a>.<\/li>\n<li>Het blok Page List <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#typography-support-for-page-list-block\">ondersteunt nu\u00a0alle typografische opties<\/a>, inclusief lettertypefamilie, lettergrootte, uiterlijk, regelhoogte, letterafstand, decoratie en hoofdlettergebruik.\n<p><figure id=\"attachment_148407\" aria-describedby=\"caption-attachment-148407\" style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148407 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-list-typography-settings.jpg\" alt=\"Typografie instellingen voor het blok Page List in WordPress 6.2\" width=\"1920\" height=\"1246\"><figcaption id=\"caption-attachment-148407\" class=\"wp-caption-text\">Typografie instellingen voor het blok Page List in WordPress 6.2<\/figcaption><\/figure><\/li>\n<\/ul>\n<h2>Verbeterde ontwerptools<\/h2>\n<p>Veel van de nieuwe features en verbeteringen die met WordPress 6.2 zijn ge\u00efntroduceerd, verbeteren de styling- en ontwerpmogelijkheden van het CMS. Hieronder volgt een lijst van de meest interessante ontwerpgerelateerde features die met 6.2 komen; we zullen ze verder in detail bespreken.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3 id=\"style-book\" class=\"has-anchor-hash\">Style Book<\/h3>\n<p>WordPress 6.2 introduceert een nieuwe Style Book feature waarmee gebruikers elk blok dat op hun websites gebruikt kan worden kunnen <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/19\/style-book-preview-of-blocks-in-global-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">previewen<\/a>\u00a0zonder dat ze die blokken aan een template\/templatedeel hoeven toe te voegen. Je kunt <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#introduce-the-stylebook\" target=\"_blank\" rel=\"noopener noreferrer\">het Style Book<\/a> starten door te klikken op de knop <strong>Open Style Book<\/strong> (het oogicoontje) dat nu verschijnt in de <strong>Styles<\/strong> header binnen global styles.<\/p>\n<p>Dit opent een interface met een preview van elk coreblok en extern blok per categorie.<\/p>\n<figure id=\"attachment_148365\" aria-describedby=\"caption-attachment-148365\" style=\"width: 2528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148365 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-style-book-preview.jpg\" alt=\"Een afbeelding die de Style Book interface laat zien\" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148365\" class=\"wp-caption-text\">De interface van het Style Book<\/figcaption><\/figure>\n<p>De nieuwe Style Book interface vereenvoudigt het ontwerpproces door previews van elke blokstijl beschikbaar te maken op \u00e9\u00e9n centrale plaats.<\/p>\n<p>Technisch gezien wordt de nieuwe interface gegenereerd door een nieuw <code>StyleBook<\/code> component die is toegevoegd aan <code>@wordpress\/edit-site<\/code> om een preview van elk geregistreerd blok <a href=\"https:\/\/kinsta.com\/blog\/wordpress-iframe\/\">in een iframe<\/a> weer te geven (zie ook <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45960\" target=\"_blank\" rel=\"noopener noreferrer\">PR #45960<\/a>).<\/p>\n<p>Dezelfde interface geeft ook previews van individuele blokken. Als voorbeeld toont de volgende afbeelding de preview\u00a0van een aangepaste kalenderwidget.<\/p>\n<figure id=\"attachment_148366\" aria-describedby=\"caption-attachment-148366\" style=\"width: 2528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148366 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-style-book-calendar-preview.jpg\" alt=\"Aanpassen en previewing van het blok Calendar \" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148366\" class=\"wp-caption-text\">Aanpassen en previewing van het blok Calendar<\/figcaption><\/figure>\n<p>Developers\u00a0 kunnen een blok op twee manieren verbergen voor het invoegen en previewen. Ten eerste kun je <code>supports.inserter<\/code> instellen op <code>false<\/code> in <strong>block.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"supports\": {\n        \"inserter\": false\n    }\n}<\/code><\/pre>\n<p>Een andere manier om de blokpreview te verbergen is door de property <code>example<\/code> te vermijden, die wordt gebruikt om een preview van het blok te maken in het Inspector Help Panel (lees <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-registration\/#example-optional\" target=\"_blank\" rel=\"noopener noreferrer\">hier<\/a> meer).<\/p>\n<h3>Schaduwen in\u00a0Global Styles<\/h3>\n<p>Met WordPress 6.2 is het nu mogelijk om aan sommige blokken <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/shadows-in-global-styles-with-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">schaduwen toe te voegen en aan te passen<\/a> met behulp van Global Styles of <strong>theme.json<\/strong> (vanaf dit schrijven is de schaduwfeature alleen beschikbaar voor het Button blok).<\/p>\n<p>Ten eerste kun je in thema&#8217;s die deze feature ondersteunen schaduwen toevoegen vanuit de Global Styles interface.<\/p>\n<p>Om het in actie te zien, activeer je het thema <a href=\"https:\/\/kinsta.com\/nl\/blog\/twenty-twenty-three-thema\/\">Twenty Twenty-Three<\/a>, navigeer je naar <strong>Styles<\/strong> &gt; <strong>Blocks<\/strong> &gt; <strong>Button<\/strong>, en klik je op de <strong>Shadow<\/strong> knop.<\/p>\n<p>Een schaduwpopup laat je een schaduw kiezen uit de thema-presets.<\/p>\n<figure id=\"attachment_148833\" aria-describedby=\"caption-attachment-148833\" style=\"width: 1702px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148833 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-shadow.jpg\" alt=\"Schaduw instellen in Styles blok\" width=\"1702\" height=\"1344\"><figcaption id=\"caption-attachment-148833\" class=\"wp-caption-text\">Schaduw instellen in Styles blok<\/figcaption><\/figure>\n<p>Themadevelopers en geavanceerde gebruikers kunnen ook een schaduw toevoegen aan blokken met behulp van <strong>theme.json<\/strong>. De volgende definitie voegt een 4px zwarte schaduw toe aan Button\u00a0blokken:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"shadow\": \"4px 4px #000000\"\n        }\n    }\n},<\/code><\/pre>\n<p>Je kunt ook <a href=\"https:\/\/kinsta.com\/nl\/blog\/twenty-twenty-two-blokthema\/#settings\">presets defini\u00ebren<\/a> om themagebruikers de mogelijkheid te geven er een te selecteren in de Styles interface:<\/p>\n<pre><code class=\"language-json\">\"settings\": {\n    \"shadow\": {\n        \"presets\": [\n            {\n                \"shadow\": \"4px 4px #FF0000\",\n                \"name\": \"Red\",\n                \"slug\": \"red\"\n            },\n            {\n                \"shadow\": \"4px 4px #00FF00\",\n                \"name\": \"Green\",\n                \"slug\": \"green\"\n            },\n            {\n                \"shadow\": \"4px 4px #0000FF\",\n                \"name\": \"Blue\",\n                \"slug\": \"blue\"\n            }\n        ]\n    },\n}<\/code><\/pre>\n<p>Eenmaal gedefinieerd verschijnen je voorinstellingen in het <strong>Shadow <\/strong>paneel in het blok Styles.<\/p>\n<figure id=\"attachment_148832\" aria-describedby=\"caption-attachment-148832\" style=\"width: 1716px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148832 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-shadow-presets.jpg\" alt=\"Aangepaste schaduwvoorinstellingen in blok Styles\" width=\"1716\" height=\"1340\"><figcaption id=\"caption-attachment-148832\" class=\"wp-caption-text\">Aangepaste schaduwvoorinstellingen in blok Styles<\/figcaption><\/figure>\n<p>Je kunt ook de waarde van een preview kiezen en die gebruiken als standaardinstelling voor een blok:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"shadow\": \"var(--wp--preset--shadow--blue)\"\n        }\n    }\n}<\/code><\/pre>\n<h3>Nieuwe regeling voor\u00a0Minimum Height Dimension<\/h3>\n<p>Vanaf WordPress 6.2 biedt het paneel Dimensions van de zijbalk met blokinstellingen voor de blokken Group en Post Content nu een <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/minimum-height-dimensions-block-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">nieuwe Minimum Height regeling<\/a>\u00a0die standaard is ingeschakeld in thema&#8217;s die de feature <code>appearanceTools<\/code> gebruiken.<\/p>\n<figure id=\"attachment_148404\" aria-describedby=\"caption-attachment-148404\" style=\"width: 2076px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148404 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-group-block-minimum-height.jpg\" alt=\"Minimum Height regeling voor het Group blok\" width=\"2076\" height=\"1276\"><figcaption id=\"caption-attachment-148404\" class=\"wp-caption-text\">Minimum Height regeling voor het Group blok<\/figcaption><\/figure>\n<p>Met deze nieuwe regeling kunnen gebruikers een minimale hoogte instellen voor de blokken Group en Post Content en kan de footer onderaan de pagina worden gerendered, zelfs met weinig content.<\/p>\n<p>In combinatie met de nieuwe tools voor verticale uitlijning kun je hiermee ook binnenste elementen boven\/midden\/onder aan de pagina verticaal uitlijnen.<\/p>\n<p>Developers\u00a0kunnen ondersteuning voor minimale hoogte toevoegen aan thema&#8217;s door de instelling <code>minHeight<\/code> toe te voegen aan <strong>theme.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"settings\": {\n        dimensions: \"minHeight\": true\n    }\n}<\/code><\/pre>\n<p>Je kunt ook de property <code>appearanceTools<\/code> gebruiken:<\/p>\n<pre><code class=\"language-json\">{\n    \"settings\": {\n        \"appearanceTools\": true\n    }\n}<\/code><\/pre>\n<p>De nieuwe property <code>minHeight<\/code> kan ook worden gebruikt om een specifieke waarde rechtstreeks in <strong>theme.json<\/strong> in te stellen:<\/p>\n<pre><code class=\"language-json\">{\n    \"styles\": {\n        \"blocks\": {\n            \"core\/post-content\": {\n                \"dimensions\": {\n                    \"minHeight\": \"80vh\"\n                }\n            }\n        }\n    }\n}<\/code><\/pre>\n<p>Blokdevelopers\u00a0 kunnen de property\u00a0<code>supports.dimensions.minHeight<\/code> toevoegen aan hun <strong>block.json<\/strong> bestand en de waarde ervan instellen op <code>true<\/code>. Voor <a href=\"https:\/\/kinsta.com\/nl\/blog\/gutenberg-blokken\/\">statische blokken<\/a> zal de CSS <code>min-height<\/code> regel worden opgeslagen als een inline stijl, terwijl deze voor <a href=\"https:\/\/kinsta.com\/nl\/blog\/dynamische-blokken\/\">dynamische blokken<\/a> zal worden opgenomen in het stijlattribuut dat door <code>get_block_wrapper_attributes<\/code> wordt geretourneerd.<\/p>\n<h3>Aangepaste CSS in het\u00a0Styles\u00a0paneel<\/h3>\n<p>Een van de features\u00a0die in de Site Editor ontbraken ten opzichte van de Theme Customizer was de mogelijkheid om <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-css\/\">aangepaste CSS stijlen toe te voegen<\/a>. WordPress 6.2 vult dit gat en nu bevat de Global Styles interface <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">een tekstveld<\/a> om <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#Add-custom-CSS-rules-for-your-site\" target=\"_blank\" rel=\"noopener noreferrer\">aangepaste CSS regels toe te voegen<\/a> die niet worden overschreven als je je thema bijwerkt.<\/p>\n<figure id=\"attachment_148368\" aria-describedby=\"caption-attachment-148368\" style=\"width: 1782px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148368 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-additional-block-css.jpg\" alt=\"Extra blok CSS in het blok styles paneel\" width=\"1782\" height=\"1656\"><figcaption id=\"caption-attachment-148368\" class=\"wp-caption-text\">Extra blok CSS in het blok styles paneel<\/figcaption><\/figure>\n<p>Je kunt aangepaste stijlen toevoegen <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#Add-custom-CSS-on-a-per-block-basis\" target=\"_blank\" rel=\"noopener noreferrer\">per blok<\/a>, vanuit het <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/44412\" target=\"_blank\" rel=\"noopener noreferrer\">blok Style style paneel<\/a>, of door te klikken op de knop <strong>More Styles actions<\/strong> in de toolbar Styles. Dit toont een popupmenu met een <strong>Additional <\/strong><strong>CSS<\/strong> element.<\/p>\n<figure id=\"attachment_148369\" aria-describedby=\"caption-attachment-148369\" style=\"width: 1366px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148369 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-additional-css.jpg\" alt=\"Het Additional CSS tekstgebied in WordPress 6.2\" width=\"1366\" height=\"904\"><figcaption id=\"caption-attachment-148369\" class=\"wp-caption-text\">Het Additional CSS tekstgebied in WordPress 6.2<\/figcaption><\/figure>\n<p>Om aangepaste CSS te ondersteunen is een nieuwe property <code>styles.css<\/code> toegevoegd aan <strong>theme.json<\/strong>.<\/p>\n<p>Aangepaste CSS regels kunnen alle in <strong>theme.json<\/strong> ingestelde aangepaste stijlen volledig overschrijven. Als je niet wilt dat dit gebeurt, kun je overwegen het stylesheet op te nemen met behulp van de <a href=\"https:\/\/kinsta.com\/nl\/blog\/wp-enqueue-scripts\/\">bestaande enqueuing methoden<\/a>.<\/p>\n<p>Je kunt ook per blok aangepaste CSS toevoegen in <strong>theme.json<\/strong> met behulp van de property <code>styles.blocks.block.css<\/code>:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"css\": \"background: #FF0000\"\n        }\n    }\n}<\/code><\/pre>\n<p>Je kunt ook <code>&<\/code> gebruiken voor geneste elementen en pseudo-selectors.<\/p>\n<p>Voor een nadere blik op de nieuwe feature aangepaste CSS, zie ook <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">Aangepaste CSS voor global styles en per blok<\/a>.<\/p>\n<h3>Stijlen kopi\u00ebren en plakken tussen blokken<\/h3>\n<p>Een nieuwe groep in het menu Options van de werkbalk van het blok toont nu twee knoppen om <strong>Copy styles<\/strong> en\u00a0<strong>Paste styles<\/strong>. V\u00f3\u00f3r <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#other-notable-highlights\" target=\"_blank\" rel=\"noopener noreferrer\">deze toevoeging<\/a> was het alleen mogelijk om stijlen te kopi\u00ebren, maar was het niet duidelijk hoe je <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/20\/whats-new-in-gutenberg-15-0-18-january\/#paste-styles\" target=\"_blank\" rel=\"noopener noreferrer\">stijlen kon plakken<\/a>.<\/p>\n<figure id=\"attachment_148377\" aria-describedby=\"caption-attachment-148377\" style=\"width: 1840px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148377 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-copy-styles.jpg\" alt=\"Copy styles in WordPress 6.2\" width=\"1840\" height=\"1164\"><figcaption id=\"caption-attachment-148377\" class=\"wp-caption-text\">Copy styles in WordPress 6.2<\/figcaption><\/figure>\n<p>Om deze nieuwe feature uit te proberen, voeg je een nieuw blok toe, zoals een Header. Verander de stijl en kies <strong>Copy styles<\/strong> in het blok Options\u00a0menu.<\/p>\n<figure id=\"attachment_148378\" aria-describedby=\"caption-attachment-148378\" style=\"width: 1864px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148378 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-allow-clipboard-access-google-chrome.jpg\" alt=\"Google Chrome toestaan om naar het klembord gekopieerde tekst en afbeeldingen te zien\" width=\"1864\" height=\"1312\"><figcaption id=\"caption-attachment-148378\" class=\"wp-caption-text\">Google Chrome toestaan om naar het klembord gekopieerde tekst en afbeeldingen te zien<\/figcaption><\/figure>\n<p>Selecteer dan een ander blok en kies <strong>Paste style<\/strong>. De gekopieerde stijlen worden automatisch toegepast op het tweede blok.<\/p>\n<figure id=\"attachment_148379\" aria-describedby=\"caption-attachment-148379\" style=\"width: 1592px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148379 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-paste-styles.jpg\" alt=\"Paste styles in WordPress 6.2\" width=\"1592\" height=\"1220\"><figcaption id=\"caption-attachment-148379\" class=\"wp-caption-text\">Paste styles in WordPress 6.2<\/figcaption><\/figure>\n<p>Merk op dat deze feature alleen beschikbaar is op <a href=\"https:\/\/kinsta.com\/nl\/blog\/http-naar-https\/\">beveiligde (https) sites<\/a> in ondersteunende browsers. Zie voor aanvullende details het <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/47430\" target=\"_blank\" rel=\"noopener noreferrer\">pull request<\/a>.<\/p>\n<h3>Blokwijzigingen globaal toepassen<\/h3>\n<p>WordPress 6.2 introduceert ook een knop <strong>Apply globally<\/strong> onder het paneel Advanced voor individuele blokken, waarmee je <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#push-block-changes-to-global-styles\">je wijzigingen in de stijl van het blok naar Global Styles kunt pushen<\/a> en die wijzigingen op de hele website kunt toepassen.<\/p>\n<figure id=\"attachment_148380\" aria-describedby=\"caption-attachment-148380\" style=\"width: 1748px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148380 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-apply-globally.jpg\" alt=\"Knop Apply block styles globally in WordPress 6.2\" width=\"1748\" height=\"1748\"><figcaption id=\"caption-attachment-148380\" class=\"wp-caption-text\">Knop Apply block styles globally in WordPress 6.2<\/figcaption><\/figure>\n<p>Dankzij deze nieuwe feature is het toepassen van bloktypografie, spati\u00ebring, afmetingen en kleurstijlen op alle blokken van dat type nu een kwestie van het indrukken van een knop (zie ook dit <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46446\" target=\"_blank\" rel=\"noopener noreferrer\">pull request<\/a>).<\/p>\n<h3>Verbeterde ontwerpervaring met Spacing Visualizers<\/h3>\n<p>Met Spacing Visualizers kun je een voorbeeld bekijken van de hoeveelheid marge of opvulling die op een blok wordt toegepast. Met WordPress 6.2 is deze feature uitgebreid met een paar toevoegingen die de bewerkingservaring verbeteren.<\/p>\n<p>Ten eerste verschijnen de Spacing Visualizers nu zodra <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/09\/whats-new-in-gutenberg-14-5-9-november\/#confidently-edit-block-spacing-using-improved-visualizers\" target=\"_blank\" rel=\"noopener noreferrer\">je met je muis over de marge of padding controle<\/a> gaat.<\/p>\n<p>Ten tweede verbergt de Spacing Visualizer nu automatisch <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#hide-block-toolbar-when-spacing-visualizer-is-shown\" target=\"_blank\" rel=\"noopener noreferrer\">de blokwerkbalk<\/a> zodra je de muisaanwijzer op de spacing instelling zet, zodat je de nieuwe marge- en opvulinstellingen kunt bekijken zonder de rommel van de blokwerkbalk.<\/p>\n<figure id=\"attachment_148402\" aria-describedby=\"caption-attachment-148402\" style=\"width: 2076px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148402 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-spacing-visualizer-without-block-toolbar.jpg\" alt=\"De spacing visualizer zonder de blokwerkbalk\" width=\"2076\" height=\"1278\"><figcaption id=\"caption-attachment-148402\" class=\"wp-caption-text\">De spacing visualizer zonder de blokwerkbalk<\/figcaption><\/figure>\n<p>Dit zijn kleine maar belangrijke veranderingen die een flink aantal coreblokken be\u00efnvloeden.<\/p>\n<h2>Veranderingen voor developers<\/h2>\n<p>WordPress 6.2 brengt ook veel nieuwe mogelijkheden voor <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-ontwikkelaar-salaris\/\">developers<\/a>: nieuwe API&#8217;s, bugfixes, prestatieverbeteringen en nog veel meer. Laten we de meest in het oog springende toevoegingen beter bekijken.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Een nieuwe HTML API<\/h3>\n<p>WordPress 6.2 introduceert de HTML Tag Processor, een <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/3920\" target=\"_blank\" rel=\"noopener noreferrer\">HTML5-spec-compliant parser<\/a> die een veilige manier biedt om specifieke <a href=\"https:\/\/kinsta.com\/blog\/what-is-html\/\">HTML tags<\/a> te vinden en attributen toe te voegen, te verwijderen of bij te werken via PHP. De <strong>HTML Tag Processor<\/strong> is het eerste onderdeel van een <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introducing-the-html-api-in-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">nieuwe HTML verwerkings-API<\/a>.<\/p>\n<p>De nieuwe API maakt het gemakkelijk om voorheen complexe taken uit te voeren waarvoor vaak reguliere expressions nodig waren.<\/p>\n<p>In het volgende voorbeeld voegen we eenvoudig het <code>alt<\/code> attribuut toe aan een <code>img<\/code> tag:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;img src=\"\/my-image.jpg\" \/&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n \nif ( $p-&gt;next_tag() ) {\n    $p-&gt;set_attribute( 'alt', 'Hello WordPress 6.2' );\n}\n \necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Deze code zou de volgende <code>img<\/code> tag opleveren:<\/p>\n<pre><code class=\"language-html\">&lt;img alt=\"Hello WordPress 6.2\" src=\"\/my-image.jpg\"&gt;<\/code><\/pre>\n<p>De methode <code>$p-&gt;next_tag()<\/code> gaat naar de volgende beschikbare tag in de HTML. Het accepteert ook een tagnaam, een CSS class, of beide om specifieke tags te vinden, zoals in het voorbeeld hierboven.<\/p>\n<p>Om HTML tags te bewerken, moet je eerst de doeltag selecteren:<\/p>\n<pre><code class=\"language-html\">$p-&gt;next_tag();<\/code><\/pre>\n<p>Zodra je de doeltag hebt geselecteerd, kun je de API methoden gebruiken om verschillende bewerkingen uit te voeren:<\/p>\n<ul>\n<li><code>$p-&gt;get_tag()<\/code><\/li>\n<li><code>$p-&gt;set_attribute()<\/code><\/li>\n<li><code>$p-&gt;get_attribute()<\/code><\/li>\n<li><code>$p-&gt;remove_attribute()<\/code><\/li>\n<li><code>$p-&gt;add_class()<\/code><\/li>\n<li><code>$p-&gt;remove_class()<\/code><\/li>\n<\/ul>\n<p>Je kunt een stijlattribuut instellen:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;a href=\"https:\/\/example.com\"&gt;example.com&lt;\/a&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n\nif ( $p-&gt;next_tag( 'a' ) ) {\n    $p-&gt;set_attribute( 'style', 'text-decoration: wavy underline purple;' );\n}\n\necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Je kunt ook een class of een attribuut toevoegen of verwijderen. In de volgende code voegen we een aangepaste class toe aan een <code>h1<\/code> tag:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;div&gt;&lt;h1&gt;Page Title&lt;\/h1&gt;&lt;\/div&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n\nif( $p-&gt;next_tag( 'h1' ) ) {\n    $p-&gt;add_class( 'title' );\n}\n\necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Je kunt dan de bijgewerkte tag echo\u00ebn of retourneren met de methode <code>$p-&gt;get_updated_html()<\/code>.<\/p>\n<p>Bekijk voor een nadere blik op de nieuwe HTML API deze <a href=\"https:\/\/adamadam.blog\/2023\/02\/16\/how-to-modify-html-in-a-php-wordpress-plugin-using-the-new-tag-processor-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">interactieve PHP tutorial<\/a> van <a href=\"https:\/\/twitter.com\/adamzielin\" target=\"_blank\" rel=\"noopener noreferrer\">Adam Zieli\u0144ski<\/a>, WordPress Core committer.<\/p>\n<h3>Patterns API en een nieuwe <code>template_types<\/code> property<\/h3>\n<p>Met de <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">Patterns API<\/a> kunnen <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-workflow\/\">WordPress developers<\/a> &#8220;vooraf ontworpen contentblokken maken die gemakkelijk kunnen worden ingevoegd in berichten, pagina&#8217;s, aangepaste posttypes en templates&#8221;.<\/p>\n<p>Met WordPress 6.2 bevat de Patterns API nu een nieuwe property\u00a0<code>template_types<\/code> waarmee je kunt aangeven in welke templates\u00a0een bepaald <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#block-patterns\">blokpatroon<\/a> kan worden gebruikt.<\/p>\n<p>Jorge Costa benadrukt dat dit een <em>backend-only update<\/em> is en dat er momenteel geen bijbehorende UX functionaliteit is. We kunnen echter verwachten dat we met WordPress 6.3 <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/patterns-api-expanded-to-include-template_types-property\/\" target=\"_blank\" rel=\"noopener noreferrer\">ge\u00ebvolueerde implementaties<\/a> van deze feature\u00a0zullen zien:<\/p>\n<blockquote><p>Het eerste gebruik, in gedachten voor WordPress 6.3, is om de gebruiker enkele patronen te tonen die zinvol zijn op een template wanneer de gebruiker begint met het maken van een template. Gebruikers kunnen dan uitgaan van een patroon in plaats van &#8220;blanco&#8221; of het fallback template.<\/p><\/blockquote>\n<p>Aan de technische kant is de functie <code>register_block_pattern()<\/code> gewijzigd om een nieuwe <code>template_types<\/code> parameter op te nemen, die een array is van strings die de namen bevatten van de templates waarvoor het blokpatroon bedoeld is.<\/p>\n<p>De <a href=\"https:\/\/kinsta.com\/nl\/blog\/rest-api-wordpress\/\">REST API<\/a> is ook aangepast om de templatetypes van een blokpatroon terug te geven als er tenminste \u00e9\u00e9n is gedefinieerd.<\/p>\n<h3>React v18.0 en Concurrency modus<\/h3>\n<p>WordPress 6.2 levert ook een nieuwe versie van de <a href=\"https:\/\/kinsta.com\/nl\/blog\/react-best-practices\/\">React bibliotheek<\/a>, nu bijgewerkt tot versie 18.0. De nieuwe versie komt met nieuwe API&#8217;s, features, verbeteringen en bugfixes. Een van de belangrijkste features die met <a href=\"https:\/\/reactjs.org\/blog\/2022\/03\/29\/react-v18.html\" target=\"_blank\" rel=\"noopener noreferrer\">React v18.0<\/a> komen is de introductie van de Concurrency modus, &#8220;een nieuw mechanisme achter de schermen waarmee React meerdere versies van je UI tegelijk kan voorbereiden&#8221;.<\/p>\n<p>Een van de belangrijkste kenmerken van de Concurrent modus in React is dat hij onderbreekbaar is:<\/p>\n<blockquote><p>React garandeert dat de UI consistent zal verschijnen, zelfs als een render wordt onderbroken. Daartoe wacht het met het uitvoeren van DOM mutaties tot het einde, zodra de hele tree is ge\u00ebvalueerd. Met deze mogelijkheid kan React nieuwe schermen op de achtergrond voorbereiden zonder de main thread te blokkeren. Dit betekent dat de UI onmiddellijk kan reageren op gebruikersinvoer, zelfs als hij midden in een grote renderingstaak zit, waardoor een vloeiende gebruikerservaring ontstaat.<\/p><\/blockquote>\n<p>Het belangrijkste voordeel is dat de UI onmiddellijk reageert op gebruikersinvoer, in overeenstemming met de taak die nog op de achtergrond draait.<\/p>\n<p>Concurrency introduceert echter ook potenti\u00eble valkuilen waar developers zich bewust van moeten zijn. Bekijk voor een meer diepgaand overzicht van Concurrent modus in React in WordPress 6.2 de voorbeelden in de <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/upgrading-to-react-18-and-common-pitfalls-of-concurrent-mode\/\" target=\"_blank\" rel=\"noopener noreferrer\">dev note<\/a>.<\/p>\n<h3>Aanvullende wijzigingen voor developers<\/h3>\n<p>Andere opvallende veranderingen waar developers rekening mee moeten houden zijn onder andere de volgende:<\/p>\n<ul>\n<li>WordPress 6.2 introduceert een nieuw <a href=\"https:\/\/kinsta.com\/nl\/blog\/javascript-design-patterns\/\">JavaScript filter<\/a> dat kan worden gebruikt om blokinstellingen te filteren voordat de editor op het scherm wordt weergegeven. Met het nieuwe <code>blockEditor.useSetting.before<\/code> filter kunnen developers ook instellingen wijzigen op basis van de locatie van het blok, de huidige gebruikersrol, naburige blokken en meer. Zie <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/28\/custom-settings-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">aanpassingen aan Settings voor elk blok in WordPress 6.2<\/a> voor aanvullende informatie en gebruiksvoorbeelden.<\/li>\n<li>Er is een nieuwe <code>skipBlockSupportAttributes<\/code> prop <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/add-new-prop-to-serversiderender-component\/\" target=\"_blank\" rel=\"noopener noreferrer\">ge\u00efntroduceerd<\/a> om attributen en stijlen uit te sluiten die te maken hebben met ondersteuning van blokken in de component <code>ServerSideRender<\/code>.<\/li>\n<li>Een nieuwe <strong>theme.json<\/strong> API maakt het nu mogelijk om <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/miscellaneous-editor-changes-in-wordpress-6-2\/#edit-block-style-variations-from-theme-json\" target=\"_blank\" rel=\"noopener noreferrer\">bestaande coreblokvarianten te stylen<\/a> vanuit <strong>theme.json<\/strong>.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/nl\/blog\/beste-google-fonts\/\">Google Fonts<\/a> worden nu <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/google-fonts-are-included-locally-in-bundled-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\">lokaal opgenomen<\/a> en niet opgehaald van Google adressen in gebundelde thema&#8217;s van Twenty Twelve tot Twenty Seventeen.<\/li>\n<\/ul>\n<p>Maar dat is nog niet alles. WordPress 6.2 introduceert veel features, verbeteringen en bugfixes die we hier kortheidshalve niet hebben genoemd. Kijk voor een uitgebreider overzicht in de <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/09\/wordpress-6-2-field-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.2 field guide<\/a>.<\/p>\n<h2>Samenvatting<\/h2>\n<p>WordPress 6.2 brengt ons dichter bij het einde van fase 2 van het Gutenberg project, genaamd Customization. Maar, zoals <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/04\/phase-2-finale\/\" target=\"_blank\" rel=\"noopener noreferrer\">Matias Ventura opmerkt<\/a>, betekent dit niet dat het werk aan Customization voltooid is en in toekomstige versies wordt uitgevoerd. Zoals altijd kunnen we extra verbeteringen aan de editor verwachten op basis van feedback van de community.<\/p>\n\n<p>In dit artikel verkenden we enkele van de belangrijkste features, verbeteringen en bugfixes die met WordPress 6.2 komen. Maar er is nog veel meer in 6.2. Met tien versies van de <a href=\"https:\/\/kinsta.com\/nl\/blog\/gutenberg-wordpress-editor\/\">Gutenberg plugin<\/a> in de core- van 14.2 tot 15.1 &#8211; gaan we een nieuwe Browse modus zien, een Tabbed Block Inspector, Widgets naar Block Themes migratie, nieuwe API&#8217;s, en vele verbeteringen en bugfixes. En er komen ook verbeteringen aan de <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/02\/wordpress-6-2-accessibility-improvements\/\" target=\"_blank\" rel=\"noopener noreferrer\">toegankelijkheid<\/a> en <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/03\/i18n-improvements-in-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">internationalisering<\/a>.<\/p>\n<p>En als je van WordPress houdt en <a href=\"https:\/\/kinsta.com\/blog\/learn-wordpress\/\">nieuwe WordPress ontwikkelingsvaardigheden wilt opdoen<\/a> of <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-contributor\/\">bijdragen aan het CMS wilt testen en leveren<\/a>, maak dan zeker een proefrit met <a href=\"https:\/\/kinsta.com\/nl\/devkinsta\/\">DevKinsta<\/a>, Kinsta&#8217;s volledig gratis lokale WordPress ontwikkelingssuite.<\/p>\n<p>Nu over naar jou: Heb je de nieuwe versie al getest in je <a href=\"https:\/\/kinsta.com\/nl\/devkinsta\/\">ontwikkelomgeving<\/a>? Welke features bevallen je het meest in WordPress 6.2? Deel je gedachten in de commentsectie hieronder.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.2 &#8220;Dolphy&#8221; is uitgebracht en het is tijd voor ons om te verkennen wat er allemaal voor nieuws te vinden in alweer de eerste release &#8230;<\/p>\n","protected":false},"author":36,"featured_media":51680,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[907],"class_list":["post-51541","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-wordpress-updates"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wat is er nieuw in WordPress 6.2 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Bekijk ons diepgaande overzicht van WordPress 6.2 met Browse modus, Style Book, navigatiemenu&#039;s en nog veel meer grote en kleine verbeteringen!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wat is er nieuw in WordPress 6.2: Browse modus, Style Book, verbeterde navigatiemenu&#039;s, nieuwe API&#039;s en nog veel meer\" \/>\n<meta property=\"og:description\" content=\"Bekijk ons diepgaande overzicht van WordPress 6.2 met Browse modus, Style Book, navigatiemenu&#039;s en nog veel meer grote en kleine verbeteringen!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-30T19:13:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-23T08:27:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/wordpress-6-2.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Bekijk ons diepgaande overzicht van WordPress 6.2 met Browse modus, Style Book, navigatiemenu&#039;s en nog veel meer grote en kleine verbeteringen!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/wordpress-6-2.jpeg\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"30 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Wat is er nieuw in WordPress 6.2: Browse modus, Style Book, verbeterde navigatiemenu&#8217;s, nieuwe API&#8217;s en nog veel meer\",\"datePublished\":\"2023-03-30T19:13:13+00:00\",\"dateModified\":\"2023-05-23T08:27:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/\"},\"wordCount\":4785,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/wordpress-6-2.jpeg\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/\",\"name\":\"Wat is er nieuw in WordPress 6.2 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/wordpress-6-2.jpeg\",\"datePublished\":\"2023-03-30T19:13:13+00:00\",\"dateModified\":\"2023-05-23T08:27:08+00:00\",\"description\":\"Bekijk ons diepgaande overzicht van WordPress 6.2 met Browse modus, Style Book, navigatiemenu's en nog veel meer grote en kleine verbeteringen!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/wordpress-6-2.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/wordpress-6-2.jpeg\",\"width\":1460,\"height\":730,\"caption\":\"Wat is er nieuw in WordPRess 6.2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress updates\",\"item\":\"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-updates\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Wat is er nieuw in WordPress 6.2: Browse modus, Style Book, verbeterde navigatiemenu&#8217;s, nieuwe API&#8217;s en nog veel meer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/nl\/#website\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/nl\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wat is er nieuw in WordPress 6.2 - Kinsta\u00ae","description":"Bekijk ons diepgaande overzicht van WordPress 6.2 met Browse modus, Style Book, navigatiemenu's en nog veel meer grote en kleine verbeteringen!","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:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/","og_locale":"nl_NL","og_type":"article","og_title":"Wat is er nieuw in WordPress 6.2: Browse modus, Style Book, verbeterde navigatiemenu's, nieuwe API's en nog veel meer","og_description":"Bekijk ons diepgaande overzicht van WordPress 6.2 met Browse modus, Style Book, navigatiemenu's en nog veel meer grote en kleine verbeteringen!","og_url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2023-03-30T19:13:13+00:00","article_modified_time":"2023-05-23T08:27:08+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/wordpress-6-2.jpeg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Bekijk ons diepgaande overzicht van WordPress 6.2 met Browse modus, Style Book, navigatiemenu's en nog veel meer grote en kleine verbeteringen!","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/wordpress-6-2.jpeg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Carlo Daniele","Geschatte leestijd":"30 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Wat is er nieuw in WordPress 6.2: Browse modus, Style Book, verbeterde navigatiemenu&#8217;s, nieuwe API&#8217;s en nog veel meer","datePublished":"2023-03-30T19:13:13+00:00","dateModified":"2023-05-23T08:27:08+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/"},"wordCount":4785,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/wordpress-6-2.jpeg","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/","url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/","name":"Wat is er nieuw in WordPress 6.2 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/wordpress-6-2.jpeg","datePublished":"2023-03-30T19:13:13+00:00","dateModified":"2023-05-23T08:27:08+00:00","description":"Bekijk ons diepgaande overzicht van WordPress 6.2 met Browse modus, Style Book, navigatiemenu's en nog veel meer grote en kleine verbeteringen!","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/wordpress-6-2.jpeg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/wordpress-6-2.jpeg","width":1460,"height":730,"caption":"Wat is er nieuw in WordPRess 6.2"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"WordPress updates","item":"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-updates\/"},{"@type":"ListItem","position":3,"name":"Wat is er nieuw in WordPress 6.2: Browse modus, Style Book, verbeterde navigatiemenu&#8217;s, nieuwe API&#8217;s en nog veel meer"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/nl\/#website","url":"https:\/\/kinsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/nl\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/51541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=51541"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/51541\/revisions"}],"predecessor-version":[{"id":51687,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/51541\/revisions\/51687"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51541\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51541\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51541\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51541\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51541\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51541\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51541\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51541\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51541\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51541\/translations\/dk"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51541\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/51680"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=51541"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=51541"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=51541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}