{"id":58895,"date":"2024-03-18T10:54:24","date_gmt":"2024-03-18T09:54:24","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=58895&#038;preview=true&#038;preview_id=58895"},"modified":"2024-04-11T10:26:55","modified_gmt":"2024-04-11T08:26:55","slug":"wordpress-6-5","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/","title":{"rendered":"Nieuw in WordPress 6.5: Font Library, DataViews, Block Bindings, Interactivity API en nog veel meer!"},"content":{"rendered":"<p>WordPress 6.5 &#8220;Regina&#8221; is <a href=\"https:\/\/wordpress.org\/news\/2024\/04\/regina\/\">op 2 april uitgebracht<\/a> en wij laten je hier de fantastische nieuwe features zien.<\/p>\n<p>6.5 introduceert nieuwe krachtige API&#8217;s, die de WordPress ontwikkelervaring naar een hoger niveau tillen. Maar het brengt ook een heleboel veranderingen met zich mee waar je blij van wordt als het gaat om het bouwen van sites en het cre\u00ebren van content.<\/p>\n<p>Dankzij de nieuwe Font Library kun je aangepaste veldwaarden injecteren in de content van coreblokken en Google Fonts rechtstreeks vanuit de site-editor downloaden en installeren. En nieuwe ontwerptools en diverse UI-verbeteringen zullen de algehele bewerkingservaring verbeteren.<\/p>\n<p>En dit is nog maar een selectie uit de nieuwe updates van WordPress 6.5. De nieuwe release bevat zoveel verbeteringen en updates dat het onmogelijk zou zijn om ze allemaal in \u00e9\u00e9n blogbericht te vermelden. Daarom hebben we de meest interessante en baanbrekende verzameld in dit lange en gedetailleerde artikel.<\/p>\n<p>Laten we beginnen aan onze ontdekkingstocht van WordPress 6.5.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>De nieuwe WordPress Font Library<\/h2>\n<p>Eerst en vooral introduceert WordPress 6.5 een nieuwe feature waarmee je lettertypen kunt beheren vanuit de Styles interface.<\/p>\n<p>Met de nieuwe WordPress <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/59166\" target=\"_blank\" rel=\"noopener noreferrer\">Font Library<\/a> kun je lettertypen beheren op een manier die lijkt op mediabeheer in de Mediabibliotheek, maar dan voor lettertypen.<\/p>\n<p>Dankzij de Font Library kun je eenvoudig <a href=\"https:\/\/kinsta.com\/blog\/local-fonts\/\">lokale lettertypen<\/a> en <a href=\"https:\/\/kinsta.com\/nl\/blog\/beste-google-fonts\/\">Google Fonts<\/a> installeren\/de-installeren en kiezen welke je wilt activeren\/deactiveren, ongeacht je actieve thema.<\/p>\n<p>Klinkt geweldig, toch? We hebben nu veel meer controle over een cruciaal aspect van elke website: typografie. Om je eigen lettertypen te gebruiken in je WordPress website, hoef je niet meer te vertrouwen op de lettertypen van je thema of te spelen met CSS.<\/p>\n<p>Het gebruik is vrij eenvoudig. Open in de site editor UI de Global Styles zijbalk en selecteer <strong>Typography<\/strong>.<\/p>\n<figure id=\"attachment_175339\" aria-describedby=\"caption-attachment-175339\" style=\"width: 2126px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175339 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-typography-panel.jpg\" alt=\"Het nieuwe Typography paneel in WordPress 6.5\" width=\"2126\" height=\"1392\"><figcaption id=\"caption-attachment-175339\" class=\"wp-caption-text\">Het nieuwe Typography paneel in WordPress 6.5<\/figcaption><\/figure>\n<p>Hier zou je een lijst moeten zien met de beschikbare lettertypen en elementen. Klik rechts op de knop <strong>Manage fonts <\/strong>en er verschijnt een popup met drie tabbladen.<\/p>\n<figure id=\"attachment_175521\" aria-describedby=\"caption-attachment-175521\" style=\"width: 2028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175521 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-font-library.jpg\" alt=\"De interface van de Font Library in WordPress 6.5\" width=\"2028\" height=\"1198\"><figcaption id=\"caption-attachment-175521\" class=\"wp-caption-text\">De interface van de Font Library in WordPress 6.5<\/figcaption><\/figure>\n<p>Het tabblad <b>Library <\/b>geeft een voorbeeld van de beschikbare lettertypen, het tabblad <strong>Upload<\/strong>\u00a0bevat een drag-and-drop gebied om lettertypen vanaf je computer te uploaden en met het tabblad <strong>Install Fonts <\/strong>kun je lettertypen van <a href=\"https:\/\/kinsta.com\/nl\/blog\/beste-google-fonts\/\">Google Fonts<\/a> installeren.<\/p>\n<figure id=\"attachment_175523\" aria-describedby=\"caption-attachment-175523\" style=\"width: 2026px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175523 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-connect-to-google-fonts.jpg\" alt=\"Verbinden met Google Fonts\" width=\"2026\" height=\"1200\"><figcaption id=\"caption-attachment-175523\" class=\"wp-caption-text\">Op het tabblad Install Fonts kun je verbinding maken met Google Fonts<\/figcaption><\/figure>\n<p>Eenmaal verbonden met Google Fonts verschijnt er een lijst met alle beschikbare lettertypen in hetzelfde paneel.<\/p>\n<figure id=\"attachment_175525\" aria-describedby=\"caption-attachment-175525\" style=\"width: 2030px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-175525\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-google-fonts.jpg\" alt=\"Google Fonts\" width=\"2030\" height=\"1200\"><figcaption id=\"caption-attachment-175525\" class=\"wp-caption-text\">Google Fonts<\/figcaption><\/figure>\n<p>Je kunt ook lettertypen zoeken op naam.<\/p>\n<figure id=\"attachment_175526\" aria-describedby=\"caption-attachment-175526\" style=\"width: 2026px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-searching-fonts.jpg\" alt=\"Lettertypen zoeken op naam in WordPress 6.5\" width=\"2026\" height=\"1194\"><figcaption id=\"caption-attachment-175526\" class=\"wp-caption-text\">Lettertypen zoeken op naam in WordPress 6.5<\/figcaption><\/figure>\n<p>Kies de lettertypevarianten die je nodig hebt, klik op <strong>Install<\/strong>\u00a0en je bent klaar.<\/p>\n<figure id=\"attachment_175527\" aria-describedby=\"caption-attachment-175527\" style=\"width: 2028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175527 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-font-variants.jpg\" alt=\"Ubuntu lettertype varianten op Google Fonts\" width=\"2028\" height=\"1198\"><figcaption id=\"caption-attachment-175527\" class=\"wp-caption-text\">Ubuntu lettertype varianten op Google Fonts<\/figcaption><\/figure>\n<p>Als je een nieuw lettertype installeert, voegt de Font Library de definitie van de lettertypefamilie toe aan de ge\u00efnstalleerde lettertypen en downloadt het lettertype naar de map <strong>wp-content\/uploads\/fonts<\/strong>.<\/p>\n<p><aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Google Fonts wordt alleen opgevraagd wanneer je lettertypen installeert. Zodra je een lettertype aan je Font Library hebt toegevoegd, wordt er geen extra verzoek naar Google gestuurd omdat de lettertypen lokaal worden gehost (zie ook onze uitgebreide handleiding over <a href=\"https:\/\/kinsta.com\/blog\/local-fonts\/\">het hosten van lokale lettertypen in WordPress<\/a>.<\/p>\n<\/aside>\n.<\/p>\n<h3>Font Library uitschakelen<\/h3>\n<p>Plugin- en thema-ontwikkelaars kunnen <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57818\" target=\"_blank\" rel=\"noopener noreferrer\">de Font Library uitschakelen<\/a> met het nieuwe PHP filter <code>fontLibraryEnabled<\/code>:<\/p>\n<pre><code class=\"language-php\">function disable_font_library_ui( $editor_settings ) { \n\t$editor_settings['fontLibraryEnabled'] = false;\n\treturn $editor_settings; \n}\nadd_filter( \"block_editor_settings_all\", \"disable_font_library_ui\" );<\/code><\/pre>\n<h2>DataViews<\/h2>\n<p><a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-dataviews\/\" target=\"_blank\" rel=\"noopener noreferrer\">DataViews<\/a> is een component waarmee datasets kunnen worden weergegeven met verschillende soorten layouts, zoals tabel, raster, lijst en meer.<\/p>\n<p>In\u00a0 deze nieuwe versie komen <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/55083\" target=\"_blank\" rel=\"noopener noreferrer\">nieuwe weergaven en gerelateerde features<\/a> voor het beheren van pagina&#8217;s, patronen en templates in de core en we kunnen aanvullende verbeteringen verwachten met toekomstige WordPress releases.<\/p>\n<p>Voorlopig introduceert WordPress 6.5 de volgende weergaven in de Site Editor:<\/p>\n<ul>\n<li>Templates &gt; Manage all templates: Table en Grid layout.<\/li>\n<li>Patterns &gt; Pattern Parts &gt; Manage all pattern parts : Table en Grid layout.<\/li>\n<li>Patterns: Grid layout.<\/li>\n<li>Pages &gt; Manage all pages: Table en Grid layout.<\/li>\n<\/ul>\n<figure id=\"attachment_175543\" aria-describedby=\"caption-attachment-175543\" style=\"width: 2310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175543 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-grid-data-view.jpg\" alt=\"Grid indeling instellen voor templates\" width=\"2310\" height=\"1458\"><figcaption id=\"caption-attachment-175543\" class=\"wp-caption-text\">Grid indeling instellen voor templates<\/figcaption><\/figure>\n<p>Naast layouts voegt DataViews verschillende visualisatiefuncties toe, waaronder filters, zoeken, pagineren, sorteren, verbergen en tonen van velden.<\/p>\n<figure id=\"attachment_175545\" aria-describedby=\"caption-attachment-175545\" style=\"width: 1556px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175545 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-fields-data-view.jpg\" alt=\"Velden instellen voor de template weergave\" width=\"1556\" height=\"990\"><figcaption id=\"caption-attachment-175545\" class=\"wp-caption-text\">Velden instellen voor de template weergave<\/figcaption><\/figure>\n<p>Met een knop <b>Bulk edit <\/b>kun je <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/58144\" target=\"_blank\" rel=\"noopener noreferrer\">verschillende acties in bulk<\/a> uitvoeren, afhankelijk van de huidige dataset. Voor Pagina&#8217;s kun je <strong>Verplaatsen naar de prullenbak<\/strong>, <strong>Herstellen<\/strong> en <strong>Permanent verwijderen<\/strong>.<\/p>\n<figure id=\"attachment_175546\" aria-describedby=\"caption-attachment-175546\" style=\"width: 2174px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175546 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-bulk-edit.jpg\" alt=\"Pagina's in bulk bewerken in WordPress 6.5\" width=\"2174\" height=\"772\"><figcaption id=\"caption-attachment-175546\" class=\"wp-caption-text\">Pagina&#8217;s in bulk bewerken in WordPress 6.5<\/figcaption><\/figure>\n<p>DataViews bevat ook een nieuwe <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/58427\" target=\"_blank\" rel=\"noopener noreferrer\">Primary filter API<\/a> die bedoeld is om een speciaal soort filter &#8211; altijd zichtbaar op het scherm &#8211; toe te voegen aan DataViews. De afbeelding hieronder toont het nieuwe primaire filter <strong>Sync Status<\/strong> in de Patterns admin sectie.<\/p>\n<figure id=\"attachment_175547\" aria-describedby=\"caption-attachment-175547\" style=\"width: 2314px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175547 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-sync-status-primary-filter.jpg\" alt=\"Het primaire filter Sync Status voor patronen\" width=\"2314\" height=\"954\"><figcaption id=\"caption-attachment-175547\" class=\"wp-caption-text\">Het primaire filter Sync Status voor patronen<\/figcaption><\/figure>\n<p>De <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/blob\/trunk\/packages\/dataviews\/README.md\" target=\"_blank\" rel=\"noopener noreferrer\">DataViews API<\/a> wordt geleverd met het nieuwe npm-pakket <code>@wordpress\/dataviews<\/code> waarmee ontwikkelaars kunnen experimenteren met dataweergaven.<\/p>\n<h2>Blok Bindings API<\/h2>\n<p>De <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/06\/new-feature-the-block-bindings-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block Bindings API<\/a> is een nieuwe API die bedoeld is om blokattributen te verbinden met waarden uit verschillende gegevensbronnen. Deze waarden kunnen verschillen afhankelijk van de context. Een eenvoudig voorbeeld is een kop met de naam van de auteur die verandert met de <code>post_author<\/code> waarde.<\/p>\n<p>Dit is een opmerkelijke verbetering omdat het de mogelijkheden van verschillende coreblokken uitbreidt. Dankzij de nieuwe API kun je dynamische gegevens van elke bron binden aan een blokattribuut.<\/p>\n<p>Gegevensbronnen kunnen de meest uiteenlopende zijn: Sitegegevens, aangepaste velden, gebruikersgegevens, patronen, shortcodes, andere blokken en zelfs externe tools die Gutenberg gebruiken. Een voorbeeld hiervan zou een Drupal website met Gutenberg kunnen zijn.<\/p>\n<p>Technisch gezien kunnen we de werking van de Block Bindings API beschrijven als een <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/54536\" target=\"_blank\" rel=\"noopener noreferrer\">proces dat uit drie stappen<\/a> bestaat:<\/p>\n<ol>\n<li>Eerst maak je een binding tussen blokattributen en een gegevensbron met behulp van een <code>bindings<\/code> object.<\/li>\n<li>De API haalt de waarde uit de gegevensbron die in de binding is gedefinieerd.<\/li>\n<li>Vervolgens wordt de HTML van het blok bijgewerkt met de waarden die zijn ontvangen van de gegevensbron.<\/li>\n<\/ol>\n<p>De eerste implementatie van de Block Bindings API die wordt meegeleverd met WordPress 6.5 maakt het mogelijk om <a href=\"#connecting-custom-fields-to-blocks\">blokattributen en aangepaste velden te verbinden<\/a>. Een tweede aangekondigde implementatie, Synced Patterns Overrides, is <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/53705#issuecomment-1972969046\" target=\"_blank\" rel=\"noopener noreferrer\">uitgesteld tot een toekomstige release<\/a>.<\/p>\n<p>In eerste instantie zal alleen een beperkt aantal blokken, zoals koppen, paragrafen, afbeeldingen en knoppen, de Block Bindings API ondersteunen. Met toekomstige iteraties zullen meer blokken, zelfs aangepaste blokken, aan de lijst worden toegevoegd.<\/p>\n<p>Deze eerste implementatie van de API stelt plugin-ontwikkelaars ook in staat om hun bronnen op dezelfde manier te registreren als Gutenberg de gegevensbron <code>core\/post-meta<\/code> registreert. Gebaseerd op <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/53300#issuecomment-1938463648\" target=\"_blank\" rel=\"noopener noreferrer\">het voorbeeld van Santos Guillamot<\/a>, kun je je plugin databron op deze manier registreren:<\/p>\n<pre><code class=\"language-php\">register_block_bindings_source(\n\t'myplugin\/plugin-data',\n\tarray(\n\t\t'label'              =&gt; _x( 'Plugin Data', 'block bindings source' ),\n\t\t'get_value_callback' =&gt; 'myplugin_block_bindings_post_meta_callback',\n\t)\n);<\/code><\/pre>\n<p>En dan een bindingsobject toevoegen aan je blok:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:paragraph \n{\n\t\"metadata\": {\n\t\t\"bindings\": {\n\t\t\t\"content\": {\n\t\t\t\t\"source\": \"myplugin\/plugin-data\",\n\t\t\t\t\"args\": {\n\t\t\t\t\t\"key\":\"plugin_key\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n--&gt;\n&lt;p&gt;Paragraph&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;<\/code><\/pre>\n<p>Hier is een beschrijving van elke eigenschap:<\/p>\n<ul>\n<li><code>metadata<\/code>: Een object van blokmetadata.<\/li>\n<li><code>bindings<\/code>: Een object dat een of meer bindingen bevat.<\/li>\n<li><code>content<\/code>: Het blok attribuut om te binden aan een gegevensbron. In dit voorbeeld, het <code>content<\/code> attribuut van een Paragraph blok.<\/li>\n<li><code>source<\/code>: De bindingsbron.<\/li>\n<li><code>args<\/code>: Een object met argumenten om door te geven aan de bindingsbron van het blok.<\/li>\n<\/ul>\n<p>Toekomstige iteraties zullen meer features toevoegen aan de Block Bindings API. Daarnaast moeten we binnenkort bindingen kunnen maken vanuit de Visual Editor, blokattributen kunnen verbinden met meer gegevensbronnen, zoals sitegegevens of taxonomiegegevens, en deze functie met meer blokken kunnen gebruiken.<\/p>\n<p>Laten we nu eens dieper ingaan op de eerste implementaties van de Block Bindings API.<\/p>\n<h2>Aangepaste velden koppelen aan blokken<\/h2>\n<p>V\u00f3\u00f3r WordPress 6.5 was er geen manier om aangepaste veldwaarden te injecteren in de inhoud van coreblokken. Ontwikkelaars konden alleen aangepaste blokken maken om aangepaste velden op de frontend <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-metabox-gutenberg\/\">weer te geven<\/a>.<\/p>\n<p>Vanaf WordPress 6.5 kun je gegevens die zijn opgeslagen in <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/51373\" target=\"_blank\" rel=\"noopener noreferrer\">aangepaste velden<\/a> weergeven <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/51373\" target=\"_blank\" rel=\"noopener noreferrer\">in coreblokken<\/a>, waaronder knoppen, kopteksten, afbeeldingen en paragrafen.<\/p>\n<p>Zoals eerder vermeld, kun je met de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/54536\" target=\"_blank\" rel=\"noopener noreferrer\">Block Bindings API<\/a> blokattributen verbinden met verschillende gegevensbronnen, waaronder de &#8220;meta_fields&#8221; bron. Om deze functie te gebruiken, moet je eerst aangepaste velden inschakelen in de editor via Options -&gt; Preferences -&gt; General -&gt; Advanced.<\/p>\n<figure id=\"attachment_175444\" aria-describedby=\"caption-attachment-175444\" style=\"width: 1492px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175444 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-preferences-panel.png\" alt=\"De Preferences modal in de Post Editor\" width=\"1492\" height=\"1012\"><figcaption id=\"caption-attachment-175444\" class=\"wp-caption-text\">De Preferences modal in de Post Editor<\/figcaption><\/figure>\n<p>Let op dat je vanaf WordPress 6.5 geen UI controle meer hebt om een aangepaste veldwaarde aan een blokattribuut te binden.<\/p>\n<p>Dus zodra je de sleutel en waarde van je aangepaste veld hebt toegevoegd, moet je overschakelen naar de code-editor en een &#8220;bindings&#8221;-object toevoegen binnen het scheidingsteken van het blok, zoals in de onderstaande code wordt getoond:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:paragraph \n\t{\n\t\t\"metadata\": {\n\t\t\t\"bindings\": {\n\t\t\t\t\"content\": {\n\t\t\t\t\t\"source\":\"core\/post-meta\",\n\t\t\t\t\t\"args\": {\n\t\t\t\t\t\t\"key\":\"my_custom_field\"\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t} --&gt;\n\t&lt;p&gt;Paragraph&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;<\/code><\/pre>\n<p>Door een aangepast veld aan een blok toe te voegen, vergrendel je de betreffende besturingselementen, waardoor de inhoud van het blok niet kan worden gewijzigd.<\/p>\n<p>Laten we nu eens kijken hoe dit werkt met een Image blok. Voeg twee aangepaste velden toe voor de attributen <code>alt<\/code> en <code>src<\/code>.<\/p>\n<figure id=\"attachment_175445\" aria-describedby=\"caption-attachment-175445\" style=\"width: 1798px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175445 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-custom-fields.png\" alt=\"Twee aangepaste velden\" width=\"1798\" height=\"498\"><figcaption id=\"caption-attachment-175445\" class=\"wp-caption-text\">Twee aangepaste velden om alt- en src-waarden op te slaan<\/figcaption><\/figure>\n<p>Voeg vervolgens een Image blok toe, schakel over naar de code-editor en voeg een <code>bindings<\/code> object toe aan het blok zoals in het volgende voorbeeld:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:image {\n\t\"metadata\":{\n\t\t\"bindings\":{\n\t\t\t\"url\":{\n\t\t\t\t\"source\":\"core\/post-meta\",\n\t\t\t\t\"args\":{\n\t\t\t\t\t\"key\":\"img_src\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"alt\":{\n\t\t\t\t\"source\":\"core\/post-meta\",\n\t\t\t\t\"args\":{\n\t\t\t\t\t\"key\":\"img_alt\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n--&gt;\n&lt;figure class=\"wp-block-image\"&gt;&lt;img src=\"\" alt=\"\" \/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;<\/code><\/pre>\n<p>Je zult merken dat je de afbeeldingsbron niet kunt vervangen met de besturingselementen van de editor.<\/p>\n<figure id=\"attachment_175347\" aria-describedby=\"caption-attachment-175347\" style=\"width: 1326px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175347 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-image-placeholder-with-custom-fields.png\" alt=\"De placeholder voor de afbeelding zonder mediacontrols\" width=\"1326\" height=\"590\"><figcaption id=\"caption-attachment-175347\" class=\"wp-caption-text\">De placeholder voor de afbeelding zonder mediacontrols<\/figcaption><\/figure>\n<p>Met <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/53300#issuecomment-1938463648\" target=\"_blank\" rel=\"noopener noreferrer\">deze eerste iteratie<\/a> kunnen alleen de volgende blokattributen worden gekoppeld aan aangepaste velden:<\/p>\n<ul>\n<li>Paragraph: inhoud.<\/li>\n<li>Heading: inhoud.<\/li>\n<li>Image: URL, alt en titel.<\/li>\n<li>Button: tekst, URL, linkTarget, rel.<\/li>\n<\/ul>\n<p>Voor een uitgebreider overzicht van het verbinden van aangepaste velden met blokattributen, zie deze uitgebreide <a href=\"https:\/\/developer.wordpress.org\/news\/2024\/02\/20\/introducing-block-bindings-part-1-connecting-custom-fields\/\" target=\"_blank\" rel=\"noopener noreferrer\">inleiding tot Block Bindings<\/a>.<\/p>\n<h2>Verbeterd revisiesysteem<\/h2>\n<p>Revisies geven je het vertrouwen dat je op elk moment wijzigingen ongedaan kunt maken door een eerdere versie van het uiterlijk van de site te herstellen. Vanwege het belang van een <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/05\/revisions\/\" target=\"_blank\" rel=\"noopener noreferrer\">betrouwbaar revisiesysteem<\/a> op websites waar veel wordt samengewerkt, hebben stijlrevisies een prominente plaats in de <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/24\/phase-3-collaboration\/\">huidige fase<\/a> van WordPress ontwikkeling. WordPress 6.5 brengt een aantal <a href=\"https:\/\/make.wordpress.org\/core\/2024\/01\/22\/core-editor-improvement-robust-revisions-in-the-site-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">belangrijke verbeteringen<\/a> aan in het revisiesysteem.<\/p>\n<p>Hier is wat je kunt verwachten te zien met revisies in WordPress 6.5.<\/p>\n<h3>Beschrijving van wijzigingen<\/h3>\n<p>In de vorige versie van WordPress waren alleen de datum, tijd en auteur van elke revisie zichtbaar. Vanaf WordPress 6.5 zie je naast die details ook een korte samenvatting en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56577\" target=\"_blank\" rel=\"noopener noreferrer\">andere details<\/a> van die versie.<\/p>\n<figure id=\"attachment_175345\" aria-describedby=\"caption-attachment-175345\" style=\"width: 1162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175345 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-revisions-panel-1.jpg\" alt=\"Revisieoverzicht in WordPress 6.5\" width=\"1162\" height=\"1030\"><figcaption id=\"caption-attachment-175345\" class=\"wp-caption-text\">Revisieoverzicht in WordPress 6.5<\/figcaption><\/figure>\n<h3>Onbeperkte revisies en paginering<\/h3>\n<p>V\u00f3\u00f3r 6.5 was het vanwege de Rest API limiet alleen mogelijk om maximaal 100 revisies in een enkel paneel van de zijbalk te bekijken.<\/p>\n<p>Dankzij de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/54046\" target=\"_blank\" rel=\"noopener noreferrer\">twee nieuwe selectors<\/a> <code>getRevisions<\/code> en <code>getRevision<\/code>, ge\u00efntroduceerd met <a href=\"https:\/\/make.wordpress.org\/core\/2023\/12\/06\/whats-new-in-gutenberg-17-2-6-december\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 17.2<\/a> en nu samengevoegd in de core met WordPress 6.5, bestaat de limiet van 100 revisies niet meer. Bovendien kun je bladeren door alle bestaande revisies, verdeeld in <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56799\" target=\"_blank\" rel=\"noopener noreferrer\">pagina&#8217;s van elk 10 items<\/a>.<\/p>\n<h3>Revisie Style book integratie<\/h3>\n<p>Een andere verandering maakt het Revisies paneel ook <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56800\" target=\"_blank\" rel=\"noopener noreferrer\">beschikbaar met het Style book<\/a>. Hiermee kun je de wijzigingen controleren die je hebt aangebracht in je stijlen op patronen en blokken die niet zijn opgenomen in de huidige template.<\/p>\n<figure id=\"attachment_175343\" aria-describedby=\"caption-attachment-175343\" style=\"width: 2126px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175343 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-revisions-style-book.jpg\" alt=\"Het Style book ondersteunt nu revisies\" width=\"2126\" height=\"1398\"><figcaption id=\"caption-attachment-175343\" class=\"wp-caption-text\">Het Style book ondersteunt nu revisies<\/figcaption><\/figure>\n<h3>Revisies voor template en template parts<\/h3>\n<p>Revisies voor templates en template parts zijn ook beschikbaar zodat je kunt overschakelen naar een vorige versie van je ontwerpproject, wat een extra beveiligingslaag toevoegt aan je workflow.<\/p>\n<h2>Interactivity API<\/h2>\n<p>V\u00f3\u00f3r WordPress 6.5 moesten ontwikkelaars hun favoriete <a href=\"https:\/\/kinsta.com\/nl\/blog\/javascript-bibliotheken\/\">JavaScript bibliotheken<\/a> zelf implementeren om interactiviteit aan hun pagina&#8217;s toe te voegen. Helaas leidde dit tot een gebrek aan consistentie in de ontwikkeling van JavaScript aan de frontend.<\/p>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2024\/02\/19\/merge-announcement-interactivity-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">Vanaf WordPress 6.5<\/a> biedt een nieuwe <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/interactivity-api-dev-note\/\" target=\"_blank\" rel=\"noopener noreferrer\">Interactivity API<\/a> een moderne en gestandaardiseerde manier om interactiviteit toe te voegen aan de voorkant van je WordPress websites.<\/p>\n<p>Als je je afvraagt <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/30\/proposal-the-interactivity-api-a-better-developer-experience-in-building-interactive-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">wat deze nieuwe API doet<\/a>, hebben we er al eerder een voorproefje van gehad in <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-4\/\">WordPress 6.4<\/a>, toen de coreblokken Image, Search, File, Navigation en Query werden geherstructureerd met behulp van de private versie van de API. Het <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-4\/#lightbox-effect-on-images\">lightbox effect<\/a> op afbeeldingen is een ander goed voorbeeld.<\/p>\n<p>Dynamische paginering, direct zoeken en realtime interactie tussen blokken zijn slechts een paar voorbeelden van wat je op je websites kunt implementeren met behulp van de Interactivity API:<\/p>\n<blockquote><p>Blokken kunnen onderling gegevens, acties en callbacks delen. Dit maakt communicatie tussen blokken eenvoudiger en minder foutgevoelig. Als je bijvoorbeeld op een blok &#8220;Toevoegen aan winkelwagentje&#8221; klikt, kan een apart &#8220;Cart&#8221; blok naadloos worden bijgewerkt.<\/p><\/blockquote>\n<p>En het is ongelooflijk snel. Alle scripts die nodig zijn om interactiviteit toe te voegen, worden alleen aan de frontend geladen als je ten minste \u00e9\u00e9n interactief blok op de pagina hebt.<\/p>\n<p>De Interactivity API omarmt een moderne benadering van frontend-ontwikkeling die gebruikmaakt van de kracht van aangepaste HTML kenmerken om de hoeveelheid JavaScript te verminderen die nodig is om interactiviteit aan je pagina&#8217;s toe te voegen.<\/p>\n<p>Als je bekend bent met frontend bibliotheken zoals HTMX en Alpine.js, dan zul je blij zijn om te zien dat dezelfde logica is ge\u00efmplementeerd in WordPress met de Interactivity API. Maar wat is het precies? Laten we eens wat beter kijken.<\/p>\n<h3>Wat is de Interactivity API?<\/h3>\n<p><strong>De Interactivity API is een nieuw standaardsysteem van richtlijnen voor het maken van interactieve blokken<\/strong> waarmee ontwikkelaars eenvoudig interactiviteit kunnen toevoegen aan de voorkant van hun blokken, zodat bezoekers van de site kunnen interageren met je inhoud zonder de pagina opnieuw te hoeven laden. Denk aan zaken als direct zoeken, opmerkingen toevoegen, toevoegen aan een winkelwagentje en dynamische paginering.<\/p>\n<p>De nieuwe API voldoet aan een aantal eisen die het een moderne ontwikkelingstool maken, waaronder de volgende:<\/p>\n<ul>\n<li>Het ondersteunt <strong>server-side rendering<\/strong> en <strong>client-hydrated HTML<\/strong>.<\/li>\n<li>Hij werkt goed met PHP en het huidige bloksysteem.<\/li>\n<li>Het is achterwaarts compatibel met WordPress hooks en bestaande JavaScript bibliotheken.<\/li>\n<li>Het volgt een <strong>declaratieve benadering<\/strong> in plaats van een imperatieve benadering.<\/li>\n<li>Het is performant en uitbreidbaar.<\/li>\n<li>Het is <strong>atomair en samenstelbaar<\/strong>: Elke richtlijn bestuurt een klein deel van het DOM en meerdere richtlijnen kunnen worden gecombineerd om complexe toepassingen te maken.<\/li>\n<li>Het is compatibel met de bestaande WordPress devtools.<\/li>\n<\/ul>\n<p>Zoals hierboven vermeld, is de Interactivity API gebaseerd op directives, wat speciale HTML attributen zijn waarmee je specifiek gedrag kunt toevoegen aan DOM elementen. Hier is een voorbeeld van een interactief blok:<\/p>\n<pre><code class=\"language-html\">&lt;div\n\t&lt;?php echo get_block_wrapper_attributes(); ?&gt;\n\tdata-wp-interactive='{ \"namespace\": \"create-block\" }'\n\tdata-wp-context='{ \"isOpen\": false }'\n\tdata-wp-watch=\"callbacks.logIsOpen\"\n&gt;\n\t&lt;button\n\t\tdata-wp-on--click=\"actions.toggle\"\n\t\tdata-wp-bind--aria-expanded=\"context.isOpen\"\n\t\taria-controls=\"&lt;?php echo esc_attr( $unique_id ); ?&gt;\"\n\t&gt;\n\t\t&lt;?php esc_html_e( 'Toggle', 'inter-block' ); ?&gt;\n\t&lt;\/button&gt;\n\n\t&lt;p\n\t\tid=\"&lt;?php echo esc_attr( $unique_id ); ?&gt;\"\n\t\tdata-wp-bind--hidden=\"!context.isOpen\"\n\t&gt;\n\t\t&lt;?php\n\t\t\tesc_html_e( 'Inter Block - hello from an interactive block!', 'inter-block' );\n\t\t?&gt;\n\t&lt;\/p&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<p>WordPress verwerkt die directives op de server en genereert de bijbehorende opmaak.<\/p>\n<h3>Aan de slag met de Interactivity API<\/h3>\n<p>De implementatie van de Interactivity API heeft geen invloed op de workflow voor het maken van blokken. Je kunt een plugin maken die een interactief blok registreert met het commando <code>@wordpress\/create-block<\/code> en een specifieke interactieve template.<\/p>\n<p><aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Als je nieuw bent met het ontwikkelen van WordPress blokken, mis dan de volgende gidsen niet:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/nl\/blog\/gutenberg-blokken\/\">Custom Gutenberg blokken bouwen<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/nl\/blog\/dynamische-blokken\/\">Hoe maak je dynamische blokken voor Gutenberg?<\/a><\/li>\n<\/ul>\n<p><\/p>\n<\/aside>\n.<\/p>\n<p>Start je favoriete opdrachtprompt, navigeer naar je <strong>plugins<\/strong> map en <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-interactivity\/\" target=\"_blank\" rel=\"noopener noreferrer\">voer de volgende opdracht uit<\/a>:<\/p>\n<pre><code class=\"language-bash\">npx @wordpress\/create-block@latest my-interactive-block --template @wordpress\/create-block-interactive-template<\/code><\/pre>\n<p>Dit genereert een interactief blok van een template dat het metadataveld <code>viewScriptModule<\/code> gebruikt. De scriptmodule die is gedeclareerd in <code>viewScriptModule<\/code> wordt in een wachtrij geplaatst wanneer een blok wordt weergegeven op de frontend. (Zie ook <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/block-metadata-viewscriptmodule-field-in-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">viewScriptModule<\/a> en <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/script-modules-in-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Script Modules<\/a> dev notes.)<\/p>\n<figure id=\"attachment_175888\" aria-describedby=\"caption-attachment-175888\" style=\"width: 1768px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175888 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/03\/wp-65-interactive-block-project.jpg\" alt=\"Een interactief blokproject in Visual Studio Code\" width=\"1768\" height=\"790\"><figcaption id=\"caption-attachment-175888\" class=\"wp-caption-text\">Een interactief blokproject in Visual Studio Code<\/figcaption><\/figure>\n<p>Zodra het installatieproces is voltooid, vind je een nieuwe plugin in je WordPress dashboard. Activeer deze, ga dan terug naar de opdrachtregel, navigeer naar de map van de nieuwe plugin en start de service:<\/p>\n<pre><code class=\"language-bash\">cd my-interactive-block && npm start<\/code><\/pre>\n<p>Maak nu een nieuwe post of pagina aan, open de block inserter en scroll naar beneden naar de Widgets sectie. Daar vind je een nieuw blok met de naam <strong>My interactive block<\/strong>\u00a0dat je kunt gebruiken als sjabloon voor nieuwe spannende en interactieve creaties:<\/p>\n<figure id=\"attachment_175639\" aria-describedby=\"caption-attachment-175639\" style=\"width: 1620px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175639 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-my-interactive-block.png\" alt=\"Een interactief ontwikkelingsblok\" width=\"1620\" height=\"976\"><figcaption id=\"caption-attachment-175639\" class=\"wp-caption-text\">Een interactief ontwikkelingsblok<\/figcaption><\/figure>\n<p>Voeg het blok toe aan je inhoud en sla het bericht op. In de voorbeeldweergave van je bericht zie je een knop die een dummytekst verbergt of toont. En dat is het. Nu kun je beginnen met het bouwen van interactieve blokken.<\/p>\n<p>Je kunt meer lezen over <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/30\/proposal-the-interactivity-api-a-better-developer-experience-in-building-interactive-blocks\/#how-to-create-interactive-blocks\" target=\"_blank\" rel=\"noopener noreferrer\">hoe je interactieve blokken kunt maken met behulp van de Interactivity API<\/a> op de WordPress Core blog, GitHub&#8217;s <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/interactivity\/docs\" target=\"_blank\" rel=\"noopener noreferrer\">documentatie<\/a> en de <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/interactivity-api-dev-note\/\" target=\"_blank\" rel=\"noopener noreferrer\">Interactivity API dev note<\/a>.<\/p>\n<p>Een goed voorbeeld van de Interactivity API aan het werk is de <a href=\"https:\/\/wpmovies.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">wpmovies.dev<\/a> demo website.<\/p>\n<h2>Nieuwe ontwerptools<\/h2>\n<p>WordPress 6.5 introduceert ook nieuwe ontwerptools waarmee je je ontwerp verder kunt aanpassen zonder afhankelijk te zijn van aangepaste CSS code.<\/p>\n<h3>Ondersteuning voor grootte en herhaling van achtergrondafbeelding in het Group blok<\/h3>\n<p>Het Group blok ondersteunt nu <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57005\" target=\"_blank\" rel=\"noopener noreferrer\">grootte- en herhaalfuncties<\/a> voor achtergrondafbeeldingen. Hierdoor kun je ook de grootte van de achtergrondafbeelding instellen om te bedekken of te bevatten, met behoud van dezelfde beeldverhouding.<\/p>\n<figure id=\"attachment_175596\" aria-describedby=\"caption-attachment-175596\" style=\"width: 2112px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175596 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-background-image-size.jpg\" alt=\"Achtergrondafbeeldingsgrootte regelen voor een Group blok\" width=\"2112\" height=\"1162\"><figcaption id=\"caption-attachment-175596\" class=\"wp-caption-text\">Achtergrondafbeeldingsgrootte regelen voor een Group blok<\/figcaption><\/figure>\n<p>Als je bovendien de <strong>achtergrondgrootte<\/strong> instelt op <strong>Fixed <\/strong>, verschijnt er een knop <b>Repeat <\/b>waarmee je herhalende achtergronden kunt in- of uitschakelen.<\/p>\n<h3>Ondersteuning voor beeldverhouding voor het Cover blok<\/h3>\n<p>Het Cover blok heeft <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56897\" target=\"_blank\" rel=\"noopener noreferrer\">ondersteuning gekregen voor aspectratio<\/a>. Je kunt de hoogte-breedteverhouding van het blok op globaal niveau regelen via de interface Global style of individueel aanpassen in je inhoud.<\/p>\n<figure id=\"attachment_175597\" aria-describedby=\"caption-attachment-175597\" style=\"width: 2140px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175597 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-aspect-ration-control.jpg\" alt=\"De aspectratieregeling voor het Cover blok\" width=\"2140\" height=\"1242\"><figcaption id=\"caption-attachment-175597\" class=\"wp-caption-text\">De aspectratieregeling voor het Cover blok<\/figcaption><\/figure>\n<h3>Schaduwondersteuning voor meer blokken<\/h3>\n<p>Tot nu toe was het Button blok het enige blok dat schaduwen ondersteunde. WordPress 5.6 voegt <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/57103\" target=\"_blank\" rel=\"noopener noreferrer\">schaduwondersteuning<\/a> toe aan Columns, Column en Image blokken.<\/p>\n<p>Je kunt schaduw aan deze blokken toevoegen via het tabblad Styles van het blok in de blokinstellingen.<\/p>\n<figure id=\"attachment_175598\" aria-describedby=\"caption-attachment-175598\" style=\"width: 2016px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175598 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-drop-shadow.jpg\" alt=\"Het blok Image ondersteunt nu schaduw\" width=\"2016\" height=\"994\"><figcaption id=\"caption-attachment-175598\" class=\"wp-caption-text\">Het blok Image ondersteunt nu schaduw<\/figcaption><\/figure>\n<h2>Site editor updates<\/h2>\n<p>Verschillende verbeteringen aan de site-editor moeten je bewerkingservaring aanzienlijk verbeteren en je workflow stroomlijnen.<\/p>\n<h3>Verbeteringen aan de lijstweergave<\/h3>\n<p>Lijstweergave is een centraal element van de ontwerpworkflow en WordPress 6.5 introduceert een handvol verbeteringen.<\/p>\n<p>Ten eerste kun je nu <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50273\" target=\"_blank\" rel=\"noopener noreferrer\">met de rechtermuisknop op de lijstweergave klikken<\/a> om de blokinstellingen keuzelijst te openen. Dit is een kleine maar nuttige verbetering die je creatieproces zou moeten stroomlijnen, omdat het de toegang tot blokinstellingen vanuit de Lijstweergave eenvoudiger maakt.<\/p>\n<p>Een tweede verbetering maakt het mogelijk om bijna alle blokken in Lijstweergave <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/25\/whats-new-in-gutenberg-16-9-25-october-2\/#rename-almost-all-blocks-from-the-editor\" target=\"_blank\" rel=\"noopener noreferrer\">te hernoemen<\/a>, behalve de volgende blokken:<\/p>\n<ul>\n<li>core\/block<\/li>\n<li>core\/template-part<\/li>\n<li>core\/pattern<\/li>\n<li>core\/navigation<\/li>\n<\/ul>\n<p>De lijstweergave is ook uitgebreid met een sneltoets. Je kunt nu alle blokken in de lijstweergave <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/54899\" target=\"_blank\" rel=\"noopener noreferrer\">selecteren<\/a> door te klikken op <strong>CTRL + A<\/strong> in Windows en <strong>CMD + A<\/strong> op Mac. Hierdoor kun je eenvoudig acties in bulk uitvoeren.<\/p>\n<h3>Patronen dupliceren en hernoemen<\/h3>\n<p>Patronen die worden geleverd door thema&#8217;s zijn niet bewerkbaar, dus je kunt ze niet gebruiken om je eigen patronen te maken of simpelweg iets in het patroon te veranderen. WordPress 6.5 voegt een <a href=\"https:\/\/make.wordpress.org\/core\/2023\/10\/25\/whats-new-in-gutenberg-16-9-25-october-2\/#duplicate-and-rename-patterns-and-more\" target=\"_blank\" rel=\"noopener noreferrer\">kleine maar handige functie<\/a> toe waarmee je patronen kunt <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/55292\" target=\"_blank\" rel=\"noopener noreferrer\">dupliceren<\/a> en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/55188\" target=\"_blank\" rel=\"noopener noreferrer\">hernoemen<\/a>, zodat je de synchronisatie-instellingen kunt wijzigen en de patronen naar wens kunt aanpassen.<\/p>\n<figure id=\"attachment_175698\" aria-describedby=\"caption-attachment-175698\" style=\"width: 1808px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175698 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-rename-delete-patterns.jpg\" alt=\"Het is nu mogelijk om patronen te hernoemen en te verwijderen\" width=\"1808\" height=\"1224\"><figcaption id=\"caption-attachment-175698\" class=\"wp-caption-text\">Het is nu mogelijk om patronen te hernoemen en te verwijderen<\/figcaption><\/figure>\n<p>Daarnaast zijn er twee nieuwe patrooncategorie\u00ebn toegevoegd: <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/55236\" target=\"_blank\" rel=\"noopener noreferrer\">Audio en Video<\/a>.<\/p>\n<figure id=\"attachment_175699\" aria-describedby=\"caption-attachment-175699\" style=\"width: 2146px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175699 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-pattern-categories.jpg\" alt=\"Het paneel Pattern categories in WordPress 6.5\" width=\"2146\" height=\"932\"><figcaption id=\"caption-attachment-175699\" class=\"wp-caption-text\">Het paneel Pattern categories in WordPress 6.5<\/figcaption><\/figure>\n<h3>Een verbeterd Preferences paneel<\/h3>\n<p>Met WordPress 6.5 is het Preferences paneel <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/56510\" target=\"_blank\" rel=\"noopener noreferrer\">bijgewerkt<\/a> en zijn bestaande instellingen gereorganiseerd. De <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56481\" target=\"_blank\" rel=\"noopener noreferrer\">belangrijkste veranderingen<\/a> zijn:<\/p>\n<ul>\n<li>Nieuwe panelen &#8220;Appearance&#8221; en &#8220;Accessibility&#8221;.<\/li>\n<li>Een nieuwe instelling voor <strong>de Top toolbar <\/strong>onder <strong>Apearance<\/strong>.<\/li>\n<\/ul>\n<p>Als je de <strong>Top toolbar <\/strong>inschakelt, worden alle blok- en documenttools verplaatst naar \u00e9\u00e9n toolbar bovenin de editor.<\/p>\n<figure id=\"attachment_175700\" aria-describedby=\"caption-attachment-175700\" style=\"width: 1948px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175700 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-preferences.jpg\" alt=\"De vernieuwde voorkeureninterface met de Top toolbar ingeschakeld\" width=\"1948\" height=\"872\"><figcaption id=\"caption-attachment-175700\" class=\"wp-caption-text\">De vernieuwde voorkeureninterface met de Top toolbar ingeschakeld<\/figcaption><\/figure>\n<h3>Toolbar blokkeren in afleidingsvrije modus<\/h3>\n<p>V\u00f3\u00f3r WordPress 6.5 was toegang tot de bloktoolbar niet mogelijk in de afleidingsvrije modus en was je gedwongen om deze bij elke verandering in en uit te schakelen. Sinds WordPress 6.5 kun je met de cursor over het bovenste gedeelte van de editor bewegen om <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56295\" target=\"_blank\" rel=\"noopener noreferrer\">de bloktoolbar<\/a> voor je aanpassingen te zien.<\/p>\n<figure id=\"attachment_175701\" aria-describedby=\"caption-attachment-175701\" style=\"width: 2386px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175701 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-block-toolbar-distraction-free-mode.jpg\" alt=\"De bloktoolbar in afleidingsvrije modus\" width=\"2386\" height=\"856\"><figcaption id=\"caption-attachment-175701\" class=\"wp-caption-text\">De bloktoolbar in afleidingsvrije modus<\/figcaption><\/figure>\n<h3>Verbeterde LinkControl component<\/h3>\n<p>De LinkControl is verbeterd en nu is het toevoegen van links eenvoudiger. De volgende afbeelding toont het nieuwe paneel dat verschijnt als je op een link klikt om te bewerken.<\/p>\n<figure id=\"attachment_175763\" aria-describedby=\"caption-attachment-175763\" style=\"width: 1276px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175763 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-edit-link.jpg\" alt=\"Een link bewerken in WordPress 6.5\" width=\"1276\" height=\"804\"><figcaption id=\"caption-attachment-175763\" class=\"wp-caption-text\">Een link bewerken in WordPress 6.5<\/figcaption><\/figure>\n<p>Zie PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/50891\" target=\"_blank\" rel=\"noopener noreferrer\">#50891<\/a> voor een volledige lijst met wijzigingen aan de component <code>LinkControl<\/code>.<\/p>\n<h3>Drag &#038; drop verbeteringen<\/h3>\n<p>Drag &#038; drop is op verschillende plaatsen in de editor verbeterd.<\/p>\n<p>In lijstweergave:<\/p>\n<ul>\n<li>Als je een blok in een ingeklapt blok laat vallen, wordt het ingeklapte blok groter.<\/li>\n<li>Er verschijnt een sleepcursor wanneer je elementen versleept.<\/li>\n<\/ul>\n<p>In het canvas van de editor:<\/p>\n<ul>\n<li>Je kunt nu elementen naar het begin of einde van je inhoud slepen.<\/li>\n<li>Het slepen van elementen tussen sibling containerblokken is verbeterd.<\/li>\n<li>Het is ook mogelijk om blokken in template parts te slepen.<\/li>\n<li>Een nieuwe visuele indicatie geeft nu aan dat een blok niet versleepbaar is.<\/li>\n<li>Je kunt elementen naar het begin of einde van een document slepen.<\/li>\n<li>Je kunt rijen of galerijen maken door blokken in de buurt van andere blokken te slepen. Als je bijvoorbeeld een afbeelding toevoegt naast een andere afbeelding, wordt het bestaande Image blok omgezet in een Gallery blok.<\/li>\n<\/ul>\n<figure id=\"attachment_175764\" aria-describedby=\"caption-attachment-175764\" style=\"width: 1995px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175764 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-drag-and-drop.jpg\" alt=\"Een afbeelding slepen en neerzetten in de buurt van een Image blok\" width=\"1995\" height=\"894\"><figcaption id=\"caption-attachment-175764\" class=\"wp-caption-text\">Een afbeelding slepen en neerzetten in de buurt van een Image blok<\/figcaption><\/figure>\n<figure id=\"attachment_175765\" aria-describedby=\"caption-attachment-175765\" style=\"width: 1995px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175765 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-gallery.jpg\" alt=\"Je kunt nu een Image blok omzetten naar een Gallery door afbeeldingen te slepen\" width=\"1995\" height=\"591\"><figcaption id=\"caption-attachment-175765\" class=\"wp-caption-text\">Je kunt nu een Image blok omzetten naar een Gallery door afbeeldingen te slepen<\/figcaption><\/figure>\n<p>Voor een uitgebreidere lijst van verbeteringen aan de drag &#038; drop, zie het <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/33683\" target=\"_blank\" rel=\"noopener noreferrer\">probleem met drag &#038; drop van blokken<\/a>.<\/p>\n<h2>Overige wijzigingen en verbeteringen<\/h2>\n<p>Maar wacht, dat is nog niet alles! WordPress 6.5 brengt ook een heleboel andere veranderingen en verbeteringen die het vermelden waard zijn.<\/p>\n<p><div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"-1\" sub-toc=\"true\"><\/kinsta-auto-toc>.<\/p>\n<h3>Uiterlijkstools voor klassieke thema&#8217;s<\/h3>\n<p>Klassieke thema&#8217;s kunnen ook profiteren van enkele van de ontwerpfuncties die zijn ge\u00efntroduceerd in de site editor, zelfs zonder <strong>theme.json<\/strong> te gebruiken. <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/60118\" target=\"_blank\" rel=\"noopener noreferrer\">Vanaf WordPress 6.5<\/a>, als je kiest voor de <code>appearanceTool<\/code> thema ondersteuning, krijg je de volgende ontwerpmogelijkheden:<\/p>\n<ul>\n<li>Rand<\/li>\n<li>Kleur<\/li>\n<li>Afstand<\/li>\n<li>Typografie<\/li>\n<\/ul>\n<p>Dit kan gebruikers van klassieke thema&#8217;s een voorproefje geven van de mogelijkheden van de site-editor en de overgang van klassieke naar blokthema&#8217;s stroomlijnen.<\/p>\n<figure id=\"attachment_175870\" aria-describedby=\"caption-attachment-175870\" style=\"width: 1676px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175870 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-appearance-tools-in-tt1-theme.jpg\" alt=\"Appearance tools in WordPress 6.5 met Twenty Twenty-One thema\" width=\"1676\" height=\"1412\"><figcaption id=\"caption-attachment-175870\" class=\"wp-caption-text\">Appearance tools in WordPress 6.5 met Twenty Twenty-One thema<\/figcaption><\/figure>\n<h3>AVIF ondersteuning<\/h3>\n<p>WordPress 6.5 introduceert ook <a href=\"https:\/\/make.wordpress.org\/core\/2024\/02\/23\/wordpress-6-5-adds-avif-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">ondersteuning<\/a> voor het <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Media\/Formats\/Image_types#avif_image\" target=\"_blank\" rel=\"noopener noreferrer\">AVIF afbeeldingsformat<\/a>, gekenmerkt door een geavanceerd compressiealgoritme dat superieure afbeeldingskwaliteit mogelijk maakt bij een verhoogde compressieverhouding. Daardoor levert AVIF kleinere afbeeldingsbestanden op in vergelijking met conventionele formaten, waaronder het <a href=\"https:\/\/kinsta.com\/nl\/blog\/webp\/\">WebP format<\/a>.<\/p>\n<p>Gebruikers kunnen nu naadloos AVIF bestanden uploaden via de <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-mediabibliotheek\/\">WordPress mediabibliotheek<\/a>, net als bij andere afbeeldingsformats. Controleer echter wel of je hostingplatform compatibel is met de AVIF bestandsindeling.<\/p>\n<figure id=\"attachment_175871\" aria-describedby=\"caption-attachment-175871\" style=\"width: 2468px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175871 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/can-i-use-avif.jpg\" alt=\"AVIF afbeeldingsformat browserondersteuning \" width=\"2468\" height=\"1034\"><figcaption id=\"caption-attachment-175871\" class=\"wp-caption-text\">AVIF afbeeldingsformat browserondersteuning (Bron: <a href=\"https:\/\/caniuse.com\/avif\">Can I Use<\/a>)<\/figcaption><\/figure>\n<p>Je kunt controleren of je host het AVIF afbeeldingsformat ondersteunt in het Site Health scherm van je WordPress installatie door op het <strong>Info<\/strong> tabblad te klikken en de <strong>Media Handling<\/strong> sectie uit te vouwen.<\/p>\n<h3>Plugin dependencies<\/h3>\n<p>Sommige plugins voegen nieuwe features toe bovenop andere plugins als extensies\/add-ons. Om deze plugins te laten werken, moet je eerst hun dependencies installeren en activeren &#8211; de plugins waar ze van afhankelijk zijn.<\/p>\n<p>Sinds WordPress 6.5 kunnen pluginontwikkelaars een nieuwe plugin header &#8220;Requires Plugins&#8221; gebruiken. Deze header maakt een krachtige functie mogelijk die het proces van het installeren en activeren van dependencies stroomlijnt. Het bevat een lijst van door komma&#8217;s gescheiden slugs van de dependencies die nodig zijn om een afhankelijke plugin te laten werken.<\/p>\n<p>Dit geeft informatie aan de gebruiker van de plugin met links naar de WordPress.org Plugins Repository om de dependencies te installeren en activeren.<\/p>\n<p>Daarnaast geeft de plugin in kwestie een veld &#8220;Required by&#8221; met een lijst van afhankelijke plugins die de plugin nodig heeft om te werken. Je zult ook zien dat je de afhankelijke plugin niet mag verwijderen, tenzij je de afhankelijke plugin verwijdert.<\/p>\n<figure id=\"attachment_175872\" aria-describedby=\"caption-attachment-175872\" style=\"width: 1946px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-175872 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/02\/wp-65-required-plugin.jpg\" alt=\"Verplichte plugins in WordPress 6.5\" width=\"1946\" height=\"1006\"><figcaption id=\"caption-attachment-175872\" class=\"wp-caption-text\">Verplichte plugins in WordPress 6.5<\/figcaption><\/figure>\n<p>WordPress 6.5 introduceert ook een nieuw <code>wp_plugin_dependencies_slug<\/code> filter waarmee je dependency slugs programmatisch kunt filteren.<\/p>\n<p>Zie de <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/05\/introducing-plugin-dependencies-in-wordpress-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Plugin Dependencies dev note<\/a> voor een meer diepgaande discussie.<\/p>\n<h3>Updates voor de HTML API<\/h3>\n<p>Met WordPress 6.5 heeft de HTML API Tag Processor verschillende verbeteringen gekregen en scant nu <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/60170\" target=\"_blank\" rel=\"noopener noreferrer\">elk soort syntax token<\/a>, inclusief tag en niet-tag tokens, commentaar, doctype definities en tekst nodes.<\/p>\n<p>Dit maakt het mogelijk om de tekst binnen de grenzen van het token, ook wel <strong>aanpasbare tekst<\/strong> genoemd, te wijzigen zonder de structuur van een document aan te tasten.<\/p>\n<p>Aanpasbare tekst is de volledige inhoud van een tekstknooppunt, de inhoud van een HTML-commentaar of de inhoud tussen de openings- en sluitingsmarkeringen van speciale elementen, zoals <code>script<\/code> of <code>style<\/code> elementen.<\/p>\n<p>Er is een aantal nieuwe methoden ge\u00efntroduceerd:<\/p>\n<ul>\n<li><code>next_token()<\/code> &#8211; gaat naar het volgende token in het document<\/li>\n<li><code>get_token_type()<\/code> &#8211; krijgt het type token dat gevonden is<\/li>\n<li><code>get_token_name()<\/code> &#8211; krijgt de naam van een token<\/li>\n<li><code>get_modifiable_text()<\/code> &#8211; retourneert de correct gedecodeerde tekstinhoud voor een gegeven token.<\/li>\n<li><code>get_comment_type()<\/code> &#8211; krijgt het type commentaar<\/li>\n<li><code>paused_at_incomplete_token()<\/code> &#8211; geeft true terug als de Tag Processor het einde van een document bereikt dat in het midden van een token is afgekapt.<\/li>\n<\/ul>\n<p>Voor een uitgebreider overzicht, bekijk de <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/updates-to-the-html-api-in-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">Updates voor de HTML API in 6.5<\/a> dev note.<\/p>\n<h3>Unificatie van site- en posteditors<\/h3>\n<p>In WordPress 6.5 krijgen de editors <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/52632\" target=\"_blank\" rel=\"noopener noreferrer\">verschillende updates<\/a> gericht op <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/05\/unification-of-the-site-and-post-editors-in-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">het verenigen van UI en gedrag<\/a>.<\/p>\n<p>Verschillende zijbalkpanelen zijn verplaatst van het edit-post pakket naar het <code>@wordpress\/editor<\/code> pakket om de corresponderende functionaliteiten naar de site-editor te brengen:<\/p>\n<ul>\n<li>Pagina attributen (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57151\" target=\"_blank\" rel=\"noopener noreferrer\">#57151<\/a>)<\/li>\n<li>Bericht taxonomie (PR<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57049\" target=\"_blank\" rel=\"noopener noreferrer\">#57049<\/a>)<\/li>\n<li>Link bekijken toegevoegd aan de site-editor voor berichttypen (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57153\" target=\"_blank\" rel=\"noopener noreferrer\">#57153<\/a>)<\/li>\n<li>Discussiepaneel toegevoegd aan de zijbalk van de site-editor voor berichttypen die dit ondersteunen (PR<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57150\" target=\"_blank\" rel=\"noopener noreferrer\">#57150<\/a>)<\/li>\n<li>Het paneel met uitgelichte afbeeldingen toegevoegd (PR<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57053\" target=\"_blank\" rel=\"noopener noreferrer\">#57053<\/a>)<\/li>\n<li>Revisiepaneel toegevoegd aan de site-editor (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57010\" target=\"_blank\" rel=\"noopener noreferrer\">#57010<\/a>)<\/li>\n<\/ul>\n<p>Een andere wijziging maakt het mogelijk om een voorbeeld van de template te bekijken wanneer je een pagina bewerkt in de Post Editor, zoals dat al mogelijk was in de Site Editor, en je <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/52674\" target=\"_blank\" rel=\"noopener noreferrer\">kunt de template previews in- of uitschakelen<\/a> in de Settings zijbalk van de pagina.<\/p>\n<h3>Prestatieverbeteringen<\/h3>\n<p>Meer dan 110 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/57935\" target=\"_blank\" rel=\"noopener noreferrer\">prestatieverbeteringen<\/a> leiden tot een aanzienlijke toename in snelheid en effici\u00ebntie in zowel de Post Editor als de Site Editor. De laadtijden zijn nu twee keer zo snel als in 6.4 en de verwerkingssnelheid van de invoer is bijna vier keer zo snel. Daarnaast draagt de integratie van de <a href=\"https:\/\/make.wordpress.org\/core\/2023\/11\/08\/merging-performant-translations-into-core\/\" target=\"_blank\" rel=\"noopener noreferrer\">Performant Translations<\/a> i18 bibliotheek bij aan het <a href=\"https:\/\/make.wordpress.org\/core\/2024\/02\/27\/i18n-improvements-6-5-performant-translations\/\" target=\"_blank\" rel=\"noopener noreferrer\">verminderen van geheugengebruik en laadtijd<\/a> voor vertaalde websites.<\/p>\n<h3>Toegankelijkheidsverbeteringen<\/h3>\n<p>Met de release van WordPress 6.5 worden meer dan 65 updates samengevoegd in de cre om de toegankelijkheid in het hele beheerpaneel te verbeteren. Deze verbeteringen zijn onder andere <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/51870\" target=\"_blank\" rel=\"noopener noreferrer\">de focusstijl<\/a>, <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/60140\" target=\"_blank\" rel=\"noopener noreferrer\">contrastverhouding<\/a>, <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/32728\" target=\"_blank\" rel=\"noopener noreferrer\">customizer menu-indeling<\/a> en meer.<\/p>\n<h3>Updates voor Block Hooks<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-4\/#block-hooks\">Block Hooks<\/a>, voor het eerst ge\u00efntroduceerd in WordPress 6.4, maken het mogelijk om automatisch een blok op een specifieke positie te plaatsen wanneer er een ander blok aan de inhoud wordt toegevoegd.<\/p>\n<p>Block Hooks waren eerder beschikbaar voor templates, template parts en patronen die geen gebruikersaanpassingen hadden. Nu kunnen ze ook worden gebruikt met aangepaste layouts.<\/p>\n<p>Voor WordPress 6.5 kon een hooked blok alleen worden toegevoegd voor of na het Navigation blok. Met deze iteratie kunnen hooked blokken ook worden toegevoegd aan een navigatieblok als eerste of laatste child.<\/p>\n<p>Daarnaast introduceert deze iteratie de nieuwe filters <code>hooked_block<\/code> en <code>hooked_block_{$hooked_block_type}<\/code>.<\/p>\n<p>Voor een uitgebreider overzicht en voorbeelden van gebruik, zie de Block Hook updates <a href=\"https:\/\/make.wordpress.org\/core\/2024\/03\/04\/updates-to-block-hooks-in-6-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">dev note<\/a>.<\/p>\n<h2>Samenvatting<\/h2>\n<p>WordPress 6.5 bevat een heleboel veranderingen waar je blij van wordt als het gaat om het bouwen van sites en het maken van content.<\/p>\n<p>Met de nieuwe WordPress Font Library kun je lettertypen beheren op een manier die lijkt op mediabeheer in de Media Library, waardoor je meer controle hebt over typografie. Met DataViews kun je je datasets weergeven met verschillende layouts, filters en zoekopties, waardoor de algehele ervaring wordt verbeterd. Met de Block Bindings API en Interactivity API kun je de gebruikers van je site een dynamischere en persoonlijkere ervaring bieden.<\/p>\n<p>Met al deze spannende updates is WordPress 6.5 een game-changer.<\/p>\n<p>Heb je de nieuwe WordPress versie al getest op je <a href=\"https:\/\/kinsta.com\/nl\/devkinsta\/features\/\">ontwikkelomgeving<\/a>? Wat zijn jouw favoriete functies van WordPress 6.5? Deel je gedachten in de commentsectie.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.5 &#8220;Regina&#8221; is op 2 april uitgebracht en wij laten je hier de fantastische nieuwe features zien. 6.5 introduceert nieuwe krachtige API&#8217;s, die de WordPress &#8230;<\/p>\n","protected":false},"author":36,"featured_media":58896,"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-58895","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>Nieuw in WordPress 6.5 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Bekijk ons diepgaande overzicht van WordPress 6.5: Font Library, DataViews, Custom Fields, nieuwe API&#039;s en nog veel meer!\" \/>\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-5\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nieuw in WordPress 6.5: Font Library, DataViews, Block Bindings, Interactivity API en nog veel meer!\" \/>\n<meta property=\"og:description\" content=\"Bekijk ons diepgaande overzicht van WordPress 6.5: Font Library, DataViews, Custom Fields, nieuwe API&#039;s en nog veel meer!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/\" \/>\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=\"2024-03-18T09:54:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-11T08:26:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/Wp-6.5-release.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Bekijk ons diepgaande overzicht van WordPress 6.5: Font Library, DataViews, Custom Fields, nieuwe API&#039;s en nog veel meer!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/Wp-6.5-release.jpg\" \/>\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=\"24 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-5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Nieuw in WordPress 6.5: Font Library, DataViews, Block Bindings, Interactivity API en nog veel meer!\",\"datePublished\":\"2024-03-18T09:54:24+00:00\",\"dateModified\":\"2024-04-11T08:26:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/\"},\"wordCount\":4562,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/Wp-6.5-release.jpg\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/\",\"name\":\"Nieuw in WordPress 6.5 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/Wp-6.5-release.jpg\",\"datePublished\":\"2024-03-18T09:54:24+00:00\",\"dateModified\":\"2024-04-11T08:26:55+00:00\",\"description\":\"Bekijk ons diepgaande overzicht van WordPress 6.5: Font Library, DataViews, Custom Fields, nieuwe API's en nog veel meer!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/Wp-6.5-release.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/Wp-6.5-release.jpg\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#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\":\"Nieuw in WordPress 6.5: Font Library, DataViews, Block Bindings, Interactivity API 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":"Nieuw in WordPress 6.5 - Kinsta\u00ae","description":"Bekijk ons diepgaande overzicht van WordPress 6.5: Font Library, DataViews, Custom Fields, nieuwe API's en nog veel meer!","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-5\/","og_locale":"nl_NL","og_type":"article","og_title":"Nieuw in WordPress 6.5: Font Library, DataViews, Block Bindings, Interactivity API en nog veel meer!","og_description":"Bekijk ons diepgaande overzicht van WordPress 6.5: Font Library, DataViews, Custom Fields, nieuwe API's en nog veel meer!","og_url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2024-03-18T09:54:24+00:00","article_modified_time":"2024-04-11T08:26:55+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/Wp-6.5-release.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Bekijk ons diepgaande overzicht van WordPress 6.5: Font Library, DataViews, Custom Fields, nieuwe API's en nog veel meer!","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/Wp-6.5-release.jpg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Carlo Daniele","Geschatte leestijd":"24 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Nieuw in WordPress 6.5: Font Library, DataViews, Block Bindings, Interactivity API en nog veel meer!","datePublished":"2024-03-18T09:54:24+00:00","dateModified":"2024-04-11T08:26:55+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/"},"wordCount":4562,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/Wp-6.5-release.jpg","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/","url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/","name":"Nieuw in WordPress 6.5 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/Wp-6.5-release.jpg","datePublished":"2024-03-18T09:54:24+00:00","dateModified":"2024-04-11T08:26:55+00:00","description":"Bekijk ons diepgaande overzicht van WordPress 6.5: Font Library, DataViews, Custom Fields, nieuwe API's en nog veel meer!","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/Wp-6.5-release.jpg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/03\/Wp-6.5-release.jpg","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#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":"Nieuw in WordPress 6.5: Font Library, DataViews, Block Bindings, Interactivity API 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\/58895","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=58895"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/58895\/revisions"}],"predecessor-version":[{"id":59064,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/58895\/revisions\/59064"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58895\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58895\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58895\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58895\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58895\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58895\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58895\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58895\/translations\/es"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/58895\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/58896"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=58895"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=58895"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=58895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}