{"id":59811,"date":"2024-07-05T10:14:38","date_gmt":"2024-07-05T08:14:38","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=59811&#038;preview=true&#038;preview_id=59811"},"modified":"2025-03-10T17:57:16","modified_gmt":"2025-03-10T16:57:16","slug":"wordpress-6-6","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/","title":{"rendered":"Wat is er nieuw in WordPress 6.6: pattern overrides , Block Bindings API, data views, nieuwe ontwerptools en nog veel meer!"},"content":{"rendered":"<p>WordPress 6.6 &#8220;Dorsey&#8221; is uitgebracht.\u00a0<a href=\"https:\/\/wordpress.org\/download\/releases\/6-6\/\">Deze nieuwe versie<\/a>\u00a0richt zich op het verfijnen en verbeteren van een aantal features uit eerdere versies. Echter, ook vind je er verschillende toevoegingen die de core een stap verder brengen in het pad naar fase 3 van WordPress development.<\/p>\n<p>In totaal zijn er <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/25\/wordpress-6-6-field-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">299 Core Track tickets<\/a> opgenomen in WordPress 6.6, samen met 392 verbeteringen, 462 bugfixes en 46 toegankelijkheidsverbeteringen voor de Block Editor.<\/p>\n<p>Van de vele nieuwe features\u00a0 die worden toegevoegd aan WordPress 6.6, vinden we de overrides van blokpatterns het leukst. In eerste instantie gepland voor release met <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/\">WordPress 6.5<\/a>, toen uitgesteld tot 6.6, zijn de pattern overrides de tweede implementatie van de <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#block-bindings-api\">Block Bindings API<\/a> en geven ze ons een beter idee van wat er komen gaat met toekomstige WordPress releases.<\/p>\n<p>Maar pattern overrides zijn slechts \u00e9\u00e9n van de vele geweldige toevoegingen aan de komende WordPress release. Dus laten we beginnen aan onze reis om de meest opwindende nieuwe functies en verbeteringen te ontdekken die met WordPress 6.6 komen.<\/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>Synced pattern overrides<\/h2>\n<p>De eerste implementatie van de <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#block-bindings-api\">Block Bindings API<\/a> was voor het <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#connecting-custom-fields-to-blocks\">verbinden van blokattributen en aangepaste velden<\/a>. Met WordPress 6.6 ontsluit een tweede iteratie een verbetering van gesynchroniseerde patterns met de naam <strong>Synced Pattern Overrides<\/strong>.<\/p>\n<p>Er zijn twee soorten blokpatterns:<\/p>\n<ul>\n<li>Gesynchroniseerde blokpatterns<\/li>\n<li>Standaard (niet gesynchroniseerde) blokpatterns<\/li>\n<\/ul>\n<p>Het <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokpatronen\/#custom-block-patterns\">verschil tussen de twee soorten<\/a> is dat alle wijzigingen aan een gesynchroniseerde pattern van toepassing zijn op elke pattern op je hele website. Daarentegen hebben wijzigingen aan een standaard blokpattern alleen invloed op een specifieke pattern.<\/p>\n<p>Gesynchroniseerde pattern overrides houden het midden tussen deze twee uitersten. Dankzij de Block Bindings API kun je nu <strong>blokpatterns<\/strong> maken <strong>die overal op je website dezelfde structuur behouden<\/strong> en synchroon veranderen met de aanpassingen die je maakt aan de patternstructuur en -stijl in de Site Editor. <b>Je kunt echter de inhoud van het pattern op een individuele instantie wijzigen zonder dat dit invloed heeft op andere instanties van hetzelfde pattern op de site.<\/b><\/p>\n<p>Laten we eens kijken hoe pattern overrides werken.<\/p>\n<p>Eerst heb je een gesynchroniseerde pattern nodig. Je kunt het vanaf nul opbouwen in de Post Editor of bestaande gesynchroniseerde patterns vinden in de <strong>patterns<\/strong> sectie van de\u00a0 Site Editor.<\/p>\n<p><strong>Stap 1<\/strong>: Ga naar <strong>patterns<\/strong> en dupliceer een van de bestaande patterns, zoals het <b>Hero pattern <\/b>van het <a href=\"https:\/\/kinsta.com\/nl\/blog\/twenty-twenty-four-thema\/\">standaardthema Twenty Twenty Four<\/a>. Voeg een naam toe en stel de kopie in als <strong>Synced pattern<\/strong>.<\/p>\n<figure id=\"attachment_181296\" aria-describedby=\"caption-attachment-181296\" style=\"width: 1842px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181296 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-duplicate-pattern.jpg\" alt=\"Pattern dupliceren in de Site Editor\" width=\"1842\" height=\"1214\"><figcaption id=\"caption-attachment-181296\" class=\"wp-caption-text\">Pattern dupliceren in de Site Editor<\/figcaption><\/figure>\n<p><strong>Stap 2<\/strong>: Navigeer naar de sectie <strong>My patterns<\/strong> en zoek je nieuwe gesynchroniseerde pattern. Open het in de Site Editor en selecteer alle blokken die je afzonderlijk moet overschrijven.<\/p>\n<p>Ga naar de zijbalk met blokinstellingen en scroll naar beneden naar het gedeelte <strong>Advanced<\/strong>. Hier vind je een knop <strong>Enable overrides<\/strong>.<\/p>\n<figure id=\"attachment_181299\" aria-describedby=\"caption-attachment-181299\" style=\"width: 2270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181299 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-enable-overrides-1.jpg\" alt=\"Pattern overrides inschakelen\" width=\"2270\" height=\"1156\"><figcaption id=\"caption-attachment-181299\" class=\"wp-caption-text\">Pattern overrides inschakelen<\/figcaption><\/figure>\n<p>Als je op de knop klikt, wordt je gevraagd om een naam toe te voegen en het patterntype in te stellen.<\/p>\n<figure id=\"attachment_181300\" aria-describedby=\"caption-attachment-181300\" style=\"width: 2270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181300 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-overrides-enabled.jpg\" alt=\"Overrides ingeschakeld\" width=\"2270\" height=\"1250\"><figcaption id=\"caption-attachment-181300\" class=\"wp-caption-text\">Overrides ingeschakeld<\/figcaption><\/figure>\n<p><strong>Stap 3<\/strong>: Herhaal hetzelfde proces voor elk blok dat je wilt overschrijven. Als je klaar bent, maak je een nieuw bericht of pagina en voeg je je custom pattern toe.<\/p>\n<figure id=\"attachment_181338\" aria-describedby=\"caption-attachment-181338\" style=\"width: 2272px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181338 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-insert-override.jpg\" alt=\"Een pattern toevoegen aan het editor canvas\" width=\"2272\" height=\"1238\"><figcaption id=\"caption-attachment-181338\" class=\"wp-caption-text\">Een pattern toevoegen aan het editor canvas<\/figcaption><\/figure>\n<p><strong>Stap 4<\/strong>: Wijzig de inhoud van de blokken in override en sla de post op. Controleer tot slot het resultaat op de voorkant.<\/p>\n<figure id=\"attachment_181339\" aria-describedby=\"caption-attachment-181339\" style=\"width: 2270px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181339 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-override-added-and-customized.jpg\" alt=\"Een blokpattern met overrides in de Post Editor\" width=\"2270\" height=\"1320\"><figcaption id=\"caption-attachment-181339\" class=\"wp-caption-text\">Een blokpattern met overrides in de Post Editor<\/figcaption><\/figure>\n<p>En je bent klaar. Je kunt overal op je website een willekeurig aantal van deze patterns toevoegen en elk nieuw exemplaar toont dezelfde oorspronkelijke inhoud, maar kan worden worden aangepast.<\/p>\n<p>Laten we nu de code van deze patterns controleren. Navigeer terug naar het gedeelte <strong>patterns<\/strong> van de Site Editor. Selecteer <strong>My patterns<\/strong> en voeg je pattern toe. Open vervolgens het menu Options en selecteer Code Editor om de code van het pattern te bekijken.<\/p>\n<p>In ons voorbeeld zou de code er ongeveer zo uit moeten zien:<\/p>\n<pre><code class=\"language-html\">&lt;div class=\"wp-block-group\"&gt;\n\t&lt;!-- wp:heading {\n\t\t\"textAlign\":\"center\",\n\t\t\"level\":1,\n\t\t\"metadata\":{\n\t\t\t\"bindings\":{\n\t\t\t\t\"__default\":{\n\t\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t\t}\n\t\t\t},\n\t\t\"name\":\"Hero title\"\n\t},\"fontSize\":\"x-large\"} --&gt;\n\t\t&lt;h1 class=\"wp-block-heading has-text-align-center has-x-large-font-size\"&gt;A commitment to innovation and sustainability&lt;\/h1&gt;\n\t&lt;!-- \/wp:heading --&gt;\n\t...\n&lt;\/div&gt;<\/code><\/pre>\n<p>In het blokscheidingsteken zie je de property <code>metadata.bindings<\/code>. Dit maakt het <b>header blok <\/b>bewerkbaar. De <code>__default<\/code> binding instrueert WordPress om <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60694\" target=\"_blank\" rel=\"noopener noreferrer\">alle ondersteunde attributen te koppelen<\/a> aan een specifieke bron, namelijk <code>\"core\/pattern-overrides\"<\/code>.<\/p>\n<p>Dezelfde property geldt voor alle blokken die je bewerkbaar moet maken. Zie bijvoorbeeld het <strong>Button<\/strong> blok:<\/p>\n<pre><code class=\"language-html\">&lt;div class=\"wp-block-buttons\"&gt;\n\t&lt;!-- wp:button {\n\t\t\"metadata\":{\n\t\t\t\"bindings\":{\n\t\t\t\t\"__default\":{\n\t\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\"name\":\"Hero button\"\n\t\t\t}\n\t\t} --&gt;\n\t&lt;!-- \/wp:button --&gt;\n\t&lt;div class=\"wp-block-button\"&gt;\n\t\t&lt;a class=\"wp-block-button__link wp-element-button\"&gt;About us&lt;\/a&gt;\n\t&lt;\/div&gt;\n\t...\n&lt;\/div&gt;<\/code><\/pre>\n<p>Laten we nu terugkeren naar de post editor en overschakelen naar <strong>Code Editor<\/strong>. De code zou er ongeveer zo uit moeten zien:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:block {\n\t\"ref\":261,\n\t\"content\":{\n\t\t\"Hero title\":{\n\t\t\t\"content\":\"Managed WordPress Hosting\"\n\t\t},\n\t\t\"Hero body\":{\n\t\t\t\"content\":\"Kinsta is an extension of your business. Fast, secure, feature-rich hosting that makes your work so much easier. Built for WordPress websites and agencies worldwide.\"\n\t\t},\n\t\t\"Hero button\":{\n\t\t\t\"text\":\"Learn more\",\n\t\t\t\"url\":\"https:\/\/kinsta.com\/wordpress-hosting\/\",\n\t\t\t\"linkTarget\":\"\",\n\t\t\t\"rel\":\"\"\n\t\t},\n\t\t\"Second button\":{\n\t\t\t\"text\":\"View pricing\",\n\t\t\t\"url\":\"https:\/\/kinsta.com\/pricing\/\",\n\t\t\t\"linkTarget\":\"_blank\",\n\t\t\t\"rel\":\"noreferrer noopener\"\n\t\t},\n\t\t\"Hero image\":{\n\t\t\t\"id\":268,\n\t\t\t\"alt\":\"\",\n\t\t\t\"url\":\"http:\/\/wordpress.kinsta.cloud\/wp-content\/uploads\/2024\/06\/homepage-featured-image.jpg\"\n\t\t}\n\t}\n} \/--&gt;<\/code><\/pre>\n<p>Hier zie je geen blokken, maar alleen een verwijzing naar het blokpattern en een set properties voor elk blok die zijn ingesteld als bewerkbaar.<\/p>\n<p>Nogmaals, je kunt overal op je website een willekeurig aantal blokpatterns toevoegen, en deze patterns zullen overeenkomen met dezelfde structuur en hetzelfde ontwerp dat je hebt gemaakt in de Site Editor.<\/p>\n<figure id=\"attachment_181351\" aria-describedby=\"caption-attachment-181351\" style=\"width: 2940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181351 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pattern-overrides-in-site-editor.jpg\" alt=\"Patternstijl en -structuur bewerken met overrides in de Site Editor\" width=\"2940\" height=\"1912\"><figcaption id=\"caption-attachment-181351\" class=\"wp-caption-text\">Patternstijl en -structuur bewerken met overrides in de Site Editor<\/figcaption><\/figure>\n<p>Vervolgens kun je de inhoud van de bewerkbare blokken afzonderlijk wijzigen, waarbij de structuur hetzelfde blijft.<\/p>\n<figure id=\"attachment_181352\" aria-describedby=\"caption-attachment-181352\" style=\"width: 2238px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181352 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pattern-overrides-in-front-end.jpg\" alt=\"Een pattern met overrides op de voorkant van de site\" width=\"2238\" height=\"1612\"><figcaption id=\"caption-attachment-181352\" class=\"wp-caption-text\">Een pattern met overrides op de voorkant van de site<\/figcaption><\/figure>\n<p>Omdat pattern overrides een implementatie is van de Block Bindings API, kunnen we alleen ondersteunde blokken overriden: Header, Paragraph, Image en Buttons.<\/p>\n<figure id=\"attachment_181473\" aria-describedby=\"caption-attachment-181473\" style=\"width: 2470px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181473 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-image-override.jpg\" alt=\"Je kunt URL-, Alt- en Title-afbeeldingsattributen overschrijven\" width=\"2470\" height=\"1200\"><figcaption id=\"caption-attachment-181473\" class=\"wp-caption-text\">Je kunt URL-, Alt- en Title-afbeeldingsattributen overschrijven<\/figcaption><\/figure>\n<p>Je kunt dieper in pattern overrides duiken in <a href=\"https:\/\/wordpress.tv\/2024\/06\/11\/developer-hours-exploring-synced-pattern-overrides-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">deze WordPress TV video<\/a> en <a href=\"https:\/\/developer.wordpress.org\/news\/2024\/06\/18\/an-introduction-to-overrides-in-synced-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">deze blogpost<\/a> van Nick Diego.<\/p>\n<p>Pattern overrides zijn onderhevig aan toekomstige verbeteringen en toevoegingen. De discussie gaat verder op GitHub <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/59819\" target=\"_blank\" rel=\"noopener noreferrer\">hier<\/a> en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/discussions\/57937\" target=\"_blank\" rel=\"noopener noreferrer\">hier<\/a>.<\/p>\n<h2>Aangepaste veldwaarden bewerken vanuit gekoppelde blokken<\/h2>\n<p>WordPress 6.5 introduceerde aangepaste velden als gegevensbron (<code>core\/post-meta<\/code>) voor blokattributen, waardoor gebruikers aangepaste veldwaarden kunnen koppelen aan blokken. <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/28\/editing-custom-fields-from-connected-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.6 brengt nieuwe verbeteringen<\/a> in deze functie, zoals de mogelijkheid om aangepaste veldwaarden <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/61753\" target=\"_blank\" rel=\"noopener noreferrer\">direct vanuit het gekoppelde blok<\/a> te bewerken.<\/p>\n<p>Je kunt het zelf proberen door een nieuwe set aangepaste velden te registreren vanuit een plugin of het <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-functions-php\/\">functiebestand<\/a> van je thema, waarbij je ervoor zorgt dat je <code>show_in_rest<\/code> instelt op <code>true<\/code> bij het registreren van de bericht meta. Hier is een voorbeeld:<\/p>\n<pre><code class=\"language-php\">register_post_meta( \n\t'post', \n\t'book_title', \n\tarray(\n\t\t'show_in_rest' =&gt; true,\n\t\t'type' =&gt; 'string',\n\t\t'single' =&gt; true,\n\t\t'sanitize_callback' =&gt; 'sanitize_text_field'\n\t)\n);<\/code><\/pre>\n<p>Zodra je klaar bent, maak je een nieuwe post of pagina en voeg je een nieuw custom veld toe met dezelfde naam. Voeg een van de ondersteunde blokken (bijvoorbeeld een Heading-blok) toe aan het canvas, schakel over naar de Code-editor en wijzig het blok zoals hieronder weergegeven:<\/p>\n<pre><code class=\"language-json\">&lt;!-- wp:heading \n{\n\t\"metadata\":{\n\t\t\"bindings\":{\n\t\t\t\"content\":{\n\t\t\t\t\"source\":\"core\/post-meta\",\n\t\t\t\t\"args\":{\n\t\t\t\t\t\"key\":\"book_title\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n} --&gt;\n&lt;h2 class=\"wp-block-heading\"&gt;&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;<\/code><\/pre>\n<p>Sla het bericht\/de pagina op en controleer het resultaat. Nu kun je de inhoud van de header direct vanuit het blok bewerken. De waarde van het aangepaste veld zou je wijzigingen moeten weergeven.<\/p>\n<figure id=\"attachment_181887\" aria-describedby=\"caption-attachment-181887\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181887 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-custom-fields.jpg\" alt=\"Bewerk een aangepast veld vanuit het gekoppelde blok in WordPress 6.6\" width=\"2154\" height=\"1370\"><figcaption id=\"caption-attachment-181887\" class=\"wp-caption-text\">Bewerk een aangepast veld vanuit het gekoppelde blok in WordPress 6.6<\/figcaption><\/figure>\n<p>Daarnaast geeft een nieuw paneel nu info over de blokattributen die zijn gekoppeld aan aangepaste velden, waarbij de blokattributen die zijn gekoppeld aan aangepaste velden worden weergegeven.<\/p>\n<figure id=\"attachment_181888\" aria-describedby=\"caption-attachment-181888\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181888 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-block-bindings.jpg\" alt=\"Afbeeldingsattributen met blokbindingen in WordPress 6.6\" width=\"2154\" height=\"1330\"><figcaption id=\"caption-attachment-181888\" class=\"wp-caption-text\">Afbeeldingsattributen met blokbindingen in WordPress 6.6<\/figcaption><\/figure>\n<p>Deze functie komt met een aantal gerelateerde functionaliteiten:<\/p>\n<ul>\n<li>Je kunt aangepaste veldwaarden bijwerken vanuit een query-loop.<\/li>\n<li>Als meerdere blokken zijn gekoppeld aan hetzelfde custom veld, delen ze dezelfde aangepaste veldwaarde en veranderen ze mee.<\/li>\n<li>Gebruikers kunnen custom velden alleen bewerken in berichten waarvoor ze toestemming hebben.<\/li>\n<\/ul>\n<p>Laatste opmerking: Zoals eerder vermeld zijn blokken die de Block Bindings API ondersteunen nog steeds beperkt tot het volgende:<\/p>\n<table>\n<tbody>\n<tr>\n<td><strong>Blok<\/strong><\/td>\n<td><strong>Attributen<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Image<\/td>\n<td><code>url<\/code>, <code>alt<\/code>, <code>title<\/code><\/td>\n<\/tr>\n<tr>\n<td>Header<\/td>\n<td><code>content<\/code><\/td>\n<\/tr>\n<tr>\n<td>Paragraph<\/td>\n<td><code>content<\/code><\/td>\n<\/tr>\n<tr>\n<td>Button<\/td>\n<td><code>url<\/code>,<code>text<\/code>, <code>linkTarget<\/code>, <code>rel<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Data Views verbeteringen<\/h2>\n<p>Data Views, ge\u00efntroduceerd met <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-5\/#dataviews\">WordPress 6.5<\/a>, is een verbeterde UI voor collecties van templates, patterns, berichten, media en meer. De nieuwe interface speelt een essenti\u00eble rol in fase 3 van de ontwikkel roadmap &#8211; <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/24\/phase-3-collaboration\/\" target=\"_blank\" rel=\"noopener noreferrer\">Collaboration<\/a> &#8211; en als zodanig kunnen we <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/13\/data-views-update-june-2024\/\" target=\"_blank\" rel=\"noopener noreferrer\">meer verbeteringen<\/a> verwachten bij toekomstige WordPress releases, &#8220;inclusief workflowverbeteringen voor het toewijzen van mensen om berichten te beoordelen of het maken van aangepaste weergaven om processen te stroomlijnen.&#8221; Vanaf WordPress 6.6 bestaat de nieuwe interface alleen in de site-editor, maar het zou zich in toekomstige releases moeten uitbreiden naar meer beheergedeeltes.<\/p>\n<p>WordPress 6.6 introduceert nieuwe layouts voor de beheerpagina&#8217;s. Het beheer van template parts is verwijderd en ge\u00efntegreerd in de patterns sectie, terwijl het <strong>patterns<\/strong> menu van de Site Editor is herschikt in twee secties, met de template parts bovenaan en de patterns eronder.<\/p>\n<figure id=\"attachment_181482\" aria-describedby=\"caption-attachment-181482\" style=\"width: 2202px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181482 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-patterns-template-parts.jpg\" alt=\"Het nieuwe patterns menu in WordPress 6.6\" width=\"2202\" height=\"1446\"><figcaption id=\"caption-attachment-181482\" class=\"wp-caption-text\">Het nieuwe patterns menu in WordPress 6.6<\/figcaption><\/figure>\n<p>Voor pagina&#8217;s is er een nieuw paneel met een lijst van pagina&#8217;s waarmee je met \u00e9\u00e9n klik een voorbeeld van elke pagina kunt bekijken.<\/p>\n<figure id=\"attachment_181483\" aria-describedby=\"caption-attachment-181483\" style=\"width: 2516px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181483 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-preview-pages.jpg\" alt=\"Preview pages in WordPress 6.6\" width=\"2516\" height=\"1448\"><figcaption id=\"caption-attachment-181483\" class=\"wp-caption-text\">Preview pages in WordPress 6.6<\/figcaption><\/figure>\n<p>Je ziet ook nieuwe lay-out opties beschikbaar in het menu <strong>View options<\/strong>. (Het pictogram in de rechterbovenhoek.)<\/p>\n<figure id=\"attachment_181484\" aria-describedby=\"caption-attachment-181484\" style=\"width: 2204px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181484 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-65-view-options.jpg\" alt=\"Patternweergave met View options in WordPress 6.5\" width=\"2204\" height=\"1442\"><figcaption id=\"caption-attachment-181484\" class=\"wp-caption-text\">Patternweergave met View options in WordPress 6.5<\/figcaption><\/figure>\n<figure id=\"attachment_181485\" aria-describedby=\"caption-attachment-181485\" style=\"width: 2204px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181485 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-view-options.jpg\" alt=\"Patternsweergave met weergaveopties in WordPress 6.6\" width=\"2204\" height=\"1442\"><figcaption id=\"caption-attachment-181485\" class=\"wp-caption-text\">Patternsweergave met weergaveopties in WordPress 6.6<\/figcaption><\/figure>\n<p>Naast deze uitgebreidere wijzigingen hebben Data Views te maken met andere kleine verbeteringen die de interface verbeteren en functioneler en informatiever maken, zoals een nieuwe feature voor bulkbewerking en een <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/61718\" target=\"_blank\" rel=\"noopener noreferrer\">badge<\/a> op de pagina Front Page of Posts.<\/p>\n<figure id=\"attachment_181846\" aria-describedby=\"caption-attachment-181846\" style=\"width: 2378px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181846 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-data-views-badge.jpg\" alt=\"Een badge die de Frontpage aangeeft in WordPress 6.6\" width=\"2378\" height=\"900\"><figcaption id=\"caption-attachment-181846\" class=\"wp-caption-text\">Een badge die de Frontpage aangeeft in WordPress 6.6<\/figcaption><\/figure>\n<p>WordPress 6.6 gaat een stap verder met Data Views, maar we bevinden ons nog in een vroeg stadium. In de toekomst zullen we de introductie zien van een uitbreidings API waarmee ontwikkelaars direct op weergaven kunnen reageren. Voor een meer diepgaande blik op de toekomst van Data Views, bekijk <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/13\/data-views-update-june-2024\/\" target=\"_blank\" rel=\"noopener noreferrer\">Data Views Update &#8211; juni 2024<\/a> van Anne McCarthy.<\/p>\n<h2>Andere verbeteringen aan de Block Editor<\/h2>\n<p>WordPress 6.6 brengt 8 Gutenberg releases naar de core &#8211; van 17.8 tot 18.5 &#8211; met veel verbeteringen aan de interface, de React bibliotheek, de Block API en nog veel meer. Hier zijn er maar een paar:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Een nieuwe publicatieflow<\/h3>\n<p>Met 6.6 is de zijbalk met bericht- en pagina-instellingen opgeschoond en lichter en consistenter gemaakt. Met deze iteratie maakt het <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/editor-unified-extensibility-apis-in-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">eenwordingsproces tussen de Post- en Site Editor<\/a> een stap voorwaarts, en beide editors hebben nu <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/08\/whats-new-in-gutenberg-18-3-8-may\/#add-publish-flow-in-site-editor\" target=\"_blank\" rel=\"noopener noreferrer\">dezelfde publicatieflow<\/a>.<\/p>\n<figure id=\"attachment_181543\" aria-describedby=\"caption-attachment-181543\" style=\"width: 1300px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181543 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-page-settings-sidebar.jpg\" alt=\"Zijbalk met pagina-instellingen in WordPress 6.5 vs. 6.6\" width=\"1300\" height=\"1350\"><figcaption id=\"caption-attachment-181543\" class=\"wp-caption-text\">Zijbalk met pagina-instellingen in WordPress 6.5 vs. 6.6<\/figcaption><\/figure>\n<p>De publicatie-ervaring is gestandaardiseerd en met een nieuw paneel <strong>Status &#038; visibility <\/strong>kun je de status van de bericht\/pagina op een handigere plek instellen.<\/p>\n<figure id=\"attachment_181544\" aria-describedby=\"caption-attachment-181544\" style=\"width: 1260px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181544 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-status-visibility.png\" alt=\"Status &amp; zichtbaarheid instellingen in WordPress 6.6\" width=\"1260\" height=\"1238\"><figcaption id=\"caption-attachment-181544\" class=\"wp-caption-text\">Status &#038; zichtbaarheid instellingen in WordPress 6.6<\/figcaption><\/figure>\n<p>Andere wijzigingen hebben betrekking op de Uitgelichte afbeelding en Excerpt checks, die naar de bovenkant van de zijbalk zijn verplaatst en het verbeterde Actions menu in de rechterbovenhoek.<\/p>\n<figure id=\"attachment_181847\" aria-describedby=\"caption-attachment-181847\" style=\"width: 1266px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181847 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-featured-image-excerpt.jpg\" alt=\"Uitgelichte afbeelding en Excerpt controls in de Post editor\" width=\"1266\" height=\"1010\"><figcaption id=\"caption-attachment-181847\" class=\"wp-caption-text\">Uitgelichte afbeelding en Excerpt controls in de Post editor<\/figcaption><\/figure>\n<h3>Alle blokken weergeven<\/h3>\n<p>In vorige versies van WordPress, als je een blok selecteerde, toonde de Block Inserter alleen het blok dat je mocht toevoegen aan het geselecteerde blok. Bijvoorbeeld, met een Column geselecteerd, kon je alleen het Column blok zien in de blokkenkiezer omdat je alleen een Column kon toevoegen.<\/p>\n<figure id=\"attachment_181539\" aria-describedby=\"caption-attachment-181539\" style=\"width: 2162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181539 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-65-block-inserter.jpg\" alt=\"In WordPress 6.5, als je een Column blok selecteert, toont de blokinserter alleen een Column blok\" width=\"2162\" height=\"1460\"><figcaption id=\"caption-attachment-181539\" class=\"wp-caption-text\">In WordPress 6.5, als je een Column blok selecteert, toont de blokinserter alleen een Column blok<\/figcaption><\/figure>\n<p>Vanaf WordPress 6.6 toont de Block Inserter tool twee groepen blokken: blokken die je in het geselecteerde blok kunt invoegen en blokken die je onder het geselecteerde blok kunt invoegen.<\/p>\n<figure id=\"attachment_181540\" aria-describedby=\"caption-attachment-181540\" style=\"width: 2156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181540 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-block-inserter.jpg\" alt=\"Wanneer je in WordPress 6.6 een Column blok selecteert, toont de Block Inserter tool twee Groups blokken\" width=\"2156\" height=\"1338\"><figcaption id=\"caption-attachment-181540\" class=\"wp-caption-text\">Wanneer je in WordPress 6.6 een Column blok selecteert, toont de Block Inserter tool twee Groups blokken<\/figcaption><\/figure>\n<h3>Een sneltoets om blokken te groeperen<\/h3>\n<p>Vanaf nu kun je <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#group-blocks-shortcut\" target=\"_blank\" rel=\"noopener noreferrer\">een selectie van blokken groeperen<\/a> met <code>\u2318 + G<\/code> op MacOS of <code>Ctrl + G<\/code> op Windows.<\/p>\n<h2>Blokpatterns in klassieke thema&#8217;s<\/h2>\n<p>Vanaf WordPress 6.6 ondersteunen klassieke thema&#8217;s dezelfde patterninterface als blokthema&#8217;s. Dus als je klassieke thema&#8217;s gebruikt op je WordPress website, geniet je van dezelfde rijke ervaring in patternbeheer als bij blokthema&#8217;s.<\/p>\n<p>De volgende afbeeldingen vergelijken het patterns scherm in WordPress 6.5 en het patterns admin gedeelte in WordPress 6.6.<\/p>\n<figure id=\"attachment_181842\" aria-describedby=\"caption-attachment-181842\" style=\"width: 2156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181842 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-65-patterns-screen.jpg\" alt=\"Patterns pagina in WordPress 6.5 met het Twenty Twenty One klassieke thema\" width=\"2156\" height=\"868\"><figcaption id=\"caption-attachment-181842\" class=\"wp-caption-text\">Patterns pagina in WordPress 6.5 met het Twenty Twenty One klassieke thema<\/figcaption><\/figure>\n<figure id=\"attachment_181845\" aria-describedby=\"caption-attachment-181845\" style=\"width: 2148px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181845 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-patters-admin.jpg\" alt=\"Patternbeheer in WordPress 6.6 met het Twenty Twenty-One klassieke thema\" width=\"2148\" height=\"1434\"><figcaption id=\"caption-attachment-181845\" class=\"wp-caption-text\">Patternbeheer in WordPress 6.6 met het Twenty Twenty-One klassieke thema<\/figcaption><\/figure>\n<p>Je kunt nu patterns bewerken, dupliceren, hernoemen, exporteren als JSON en verwijderen zoals je gewend bent met blokthema&#8217;s.<\/p>\n<figure id=\"attachment_181844\" aria-describedby=\"caption-attachment-181844\" style=\"width: 2148px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181844 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pattern-actions.jpg\" alt=\"Patternacties in WordPress 6.6 met het Twenty Twenty-One klassieke thema\" width=\"2148\" height=\"1440\"><figcaption id=\"caption-attachment-181844\" class=\"wp-caption-text\">Patternacties in WordPress 6.6 met het Twenty Twenty-One klassieke thema<\/figcaption><\/figure>\n<p>Je kunt bulkacties uitvoeren door patterns afzonderlijk te selecteren of op de knop <strong>Bulk edit <\/strong>te klikken. Sorteer- en filterfuncties zijn ook beschikbaar.<\/p>\n<figure id=\"attachment_181843\" aria-describedby=\"caption-attachment-181843\" style=\"width: 2150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181843 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-pasttern-bulk-edit.jpg\" alt=\"Bulkacties op patterns in WordPress 6.6 met het Twenty Twenty-One klassieke thema\" width=\"2150\" height=\"1442\"><figcaption id=\"caption-attachment-181843\" class=\"wp-caption-text\">Bulkacties op patterns in WordPress 6.6 met het Twenty Twenty-One klassieke thema<\/figcaption><\/figure>\n<p>Je kunt ook patterns maken zoals je ze maakt in blokthema&#8217;s. Klik op de knop <strong>Add new pattern <\/strong>in de rechterbovenhoek en je wordt gevraagd om het formulier met patterndetails in te vullen.<\/p>\n<figure id=\"attachment_181849\" aria-describedby=\"caption-attachment-181849\" style=\"width: 2150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181849 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-add-new-pattern-classic-themes.jpg\" alt=\"Een nieuw pattern toevoegen met een klassiek thema in WordPress 6.6\" width=\"2150\" height=\"1436\"><figcaption id=\"caption-attachment-181849\" class=\"wp-caption-text\">Een nieuw pattern toevoegen met een klassiek thema in WordPress 6.6<\/figcaption><\/figure>\n<p>Vervolgens kun je zoals gewoonlijk je pattern bouwen of bewerken in de Site Editor.<\/p>\n<figure id=\"attachment_181850\" aria-describedby=\"caption-attachment-181850\" style=\"width: 2158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181850 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-edit-pattern-classic-themes.jpg\" alt=\"Een pattern bewerken in de Site Editor met een klassiek thema in WordPress 6.6\" width=\"2158\" height=\"1112\"><figcaption id=\"caption-attachment-181850\" class=\"wp-caption-text\">Een pattern bewerken in de Site Editor met een klassiek thema in WordPress 6.6<\/figcaption><\/figure>\n<p>Deze update geeft gebruikers van klassieke thema&#8217;s meer kracht, ontsluit nieuwe mogelijkheden en maakt de bewerkingservaring consistenter voor klassieke en blokthema&#8217;s.<\/p>\n<h2>Nieuwe tools en features voor ontwerpers en thema-ontwikkelaars<\/h2>\n<p>WordPress 6.6 brengt zoveel krachtige functies en verbeteringen voor ontwerpers en thema-ontwikkelaars, en we zijn blij om degene die we het leukst vonden hier te delen. Ontwerpers hebben meer bevoegdheden als het gaat om het stylen van hun pagina&#8217;s, dankzij sectie stijlen, site-brede achtergrondafbeeldingen, een gloednieuwe schaduw-editor en een raster lay-out variatie. En meer tools bieden nog meer flexibiliteit aan thema-ontwerpers. Laten we er eens naar kijken.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Theme.json v.3<\/h3>\n<p>WordPress 6.6 brengt ook een nieuwe <strong>theme.json<\/strong> versie die nu versie 3 is. De nieuwe versie verandert de manier om vooraf gedefinieerde properties te overschrijven. Om de standaardwaarden van <code>fontSizes<\/code> of <code>spacingSizes<\/code> te wijzigen, moet je nu <code>defaultFontSizes<\/code> of <code>defaultSpacingSizes<\/code> instellen op <code>false<\/code> onder <code>settings.typography<\/code> of <code>settings.spacing<\/code>.<\/p>\n<p>Samengevat:<\/p>\n<ul>\n<li>Als <code>defaultFontSizes<\/code> of <code>defaultSpacingSizes<\/code> zijn ingesteld op <code>true<\/code>, worden standaard lettergroottes en spati\u00ebringsgroottes getoond in de editor en mogen thema&#8217;s geen voorinstellingen maken met de standaard slugs. <code>defaultFontSizes<\/code> is standaard ingesteld op <code>true<\/code>.<\/li>\n<li>Als <code>defaultFontSizes<\/code> of <code>defaultSpacingSizes<\/code> is ingesteld op <code>false<\/code>, worden standaard lettergroottes en spati\u00ebringsgroottes niet weergegeven in de editor en mogen thema&#8217;s de standaard slugs gebruiken.<\/li>\n<\/ul>\n<p>Bekijk de dev note voor een uitgebreider overzicht van <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/19\/theme-json-version-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">Theme.json versie 3<\/a>.<\/p>\n<h3>CSS specificiteit in WordPress 6.6<\/h3>\n<p>Met WordPress 6.6 verandert de CSS specificiteit en is het nu eenvoudiger om core stijlen te overschrijven met behoud van ondersteuning voor globale stijlen.<\/p>\n<p>Tot 6.6 was het vaak moeilijk om core stijlen te overschrijven en moesten thema ontwikkelaars ingewikkelde CSS regels uitwerken om het gewenste resultaat te bereiken. Met 6.6 zijn de Core Block Styles en Global Styles <strong>(theme.json<\/strong>) aangepast door de bestaande selector in te pakken binnen <code>:root :where(...)<\/code> om de specificiteit van core stijlen te verminderen tot <code>0-1-0<\/code> en het uniform te maken om ook de nieuwe sectie stijlen te ondersteunen.<\/p>\n<p>Als voorbeeld is <code>.wp-block-image.is-style-rounded img<\/code> bijgewerkt tot <code>:root :where(.wp-block-image.is-style-rounded img)<\/code>.<\/p>\n<p>Ontwikkelaars van blokken die kiezen voor globale stijlen worden aangemoedigd om dezelfde wijzigingen aan te brengen in hun stijlen, zodat ze op een voorspelbare manier kunnen worden aangepast via de Styles interface. Dus, als je een aangepast blok hebt met de volgende stijl:<\/p>\n<pre><code class=\"language-css\">.wp-block-custom-block {\n\tpadding: 0;\n}<\/code><\/pre>\n<p>Je zou het moeten wrappen in <code>:root :where()<\/code>:<\/p>\n<pre><code class=\"language-css\">:root :where(.wp-block-custom-block) {\n\tpadding: 0;\n}<\/code><\/pre>\n<p>Hiermee zouden gebruikers de opvulling van blokken kunnen opheffen via de interface Global Styles.<\/p>\n<p>Thema-ontwikkelaars worden aangemoedigd om hetzelfde te doen, zodat blokstijlen kunnen worden geconfigureerd via de interface van Global Styles.<\/p>\n<p>Zie ook <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/21\/wordpress-6-6-css-specificity\/\" target=\"_blank\" rel=\"noopener noreferrer\">de dev note<\/a> voor een meer diepgaand overzicht van CSS specificiteit in WordPress 6.6.<\/p>\n<h3>Sectie stijlen<\/h3>\n<p>Met WordPress 6.6 kun je <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/\">individuele secties van een bericht\/pagina stijlen<\/a> zonder dat je dezelfde stijlen \u00e9\u00e9n voor \u00e9\u00e9n opnieuw hoeft toe te passen op verschillende blokken. Dit betekent dat je meerdere blokken en kindblokken kunt selecteren en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57908\" target=\"_blank\" rel=\"noopener noreferrer\">een stijlvariatie kunt toewijzen aan de hele selectie<\/a>.<\/p>\n<p>Dit is mogelijk dankzij de uitbreiding van blokstijlvariaties die nu de styling van binnenste blokken en elementen ondersteunen en gebruik maken van de <a href=\"#css-specificity-in-wordpress-66\" target=\"_blank\" rel=\"noopener noreferrer\">verminderde styling specificiteit<\/a> voor Global Styles.<\/p>\n<p>Blokstijlvariaties kunnen alleen worden gedefinieerd en gemanipuleerd via Global Styles als je ze hebt geregistreerd met een van de volgende methoden:<\/p>\n<ul>\n<li>Met behulp van <strong>theme.json<\/strong> partials in de map <strong>\/styles<\/strong> van het thema<\/li>\n<li>Met behulp van de functie <code>register_block_style<\/code><\/li>\n<li>Blokstijlvariaties defini\u00ebren onder <code>styles.blocks.variations<\/code> in je <strong>theme.json<\/strong><\/li>\n<\/ul>\n<p>Laten we er naar kijken.<\/p>\n<h4>Blokstijlvariaties defini\u00ebren met theme.json partials<\/h4>\n<p>Net als themastijlvariaties kunnen blokstijlvariaties hun eigen <strong>theme.json<\/strong> partials hebben in de map <strong>\/styles<\/strong> van je thema.<\/p>\n<p>Het verschil tussen de twee typen variaties is dat blokstijlvariaties een nieuwe property op het hoogste niveau <code>blockTypes<\/code> hebben, die een niet-lege array is van bloktypen die de blokstijlvariatie ondersteunen. Er is ook een nieuwe property <code>slug<\/code> toegevoegd &#8220;om consistentie te bieden tussen de verschillende bronnen die blokstijlvariaties kunnen defini\u00ebren en om de slug los te koppelen van de vertaalbare property <code>title<\/code>.&#8221;<\/p>\n<p>De <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">dev note<\/a> geeft het volgende voorbeeld van <strong>theme.json<\/strong> partial:<\/p>\n<pre><code class=\"language-json\">{\n\t\"$schema\": \"https:\/\/schemas.wp.org\/trunk\/theme.json\",\n\t\"version\": 3,\n\t\"title\": \"Variation A\",\n\t\"slug\": \"variation-a\",\n\t\"blockTypes\": [ \"core\/group\", \"core\/columns\", \"core\/media-text\" ],\n\t\"styles\": {\n\t\t\"color\": {\n\t\t\t\"background\": \"#eed8d3\",\n\t\t\t\"text\": \"#201819\"\n\t\t},\n\t\t\"elements\": {\n\t\t\t\"heading\": {\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"text\": \"#201819\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"blocks\": {\n\t\t\t\"core\/group\": {\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"background\": \"#825f58\",\n\t\t\t\t\t\"text\": \"#eed8d3\"\n\t\t\t\t},\n\t\t\t\t\"elements\": {\n\t\t\t\t\t\"heading\": {\n\t\t\t\t\t\t\"color\": {\n\t\t\t\t\t\t\t\"text\": \"#eed8d3\"\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<h4>Programmatisch defini\u00ebren van blokstijlvariaties via register_block_style<\/h4>\n<p>De functie <code>register_block_style<\/code> biedt een tweede manier om blokstijlvariaties te registreren. Je kunt deze op deze manier gebruiken in de <strong>functions.php<\/strong> van je thema:<\/p>\n<pre><code class=\"language-php\">register_block_style(\n\tarray( 'core\/group', 'core\/columns' ),\n\tarray(\n\t\t'name'\t\t\t=&gt; 'light',\n\t\t'label'\t\t\t=&gt; __( 'Light' ),\n\t\t'style_data'\t=&gt; array(\n\t\t\t'color'\t\t=&gt; array(\n\t\t\t\t'background'\t=&gt; '#973C20',\n\t\t\t\t'text'\t\t\t=&gt; '#d2e3c8',\n\t\t\t),\n\t\t\t'blocks'   =&gt; array(\n\t\t\t\t'core\/group'\t=&gt; array(\n\t\t\t\t\t'color'\t\t=&gt; array(\n\t\t\t\t\t\t'background'\t=&gt; '#739072',\n\t\t\t\t\t\t'text'\t\t\t=&gt; '#e3eedd',\n\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t),\n\t\t\t'elements' =&gt; array(\n\t\t\t\t'link'   =&gt; array(\n\t\t\t\t\t'color'  =&gt; array(\n\t\t\t\t\t\t'text' =&gt; '#ead196',\n\t\t\t\t\t),\n\t\t\t\t\t':hover' =&gt; array(\n\t\t\t\t\t\t'color' =&gt; array(\n\t\t\t\t\t\t\t'text' =&gt; '#ebd9b4',\n\t\t\t\t\t\t),\n\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t),\n\t\t),\n\t)\n);<\/code><\/pre>\n<p>Wanneer je nu een blok Group of Columns selecteert, toont het paneel Styles van de blokzijbalk een knop voor de geregistreerde sectiestijl.<\/p>\n<figure id=\"attachment_181649\" aria-describedby=\"caption-attachment-181649\" style=\"width: 2088px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181649 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-section-style-variations.jpg\" alt=\"Een sectie stijl variatie in WordPress 6.6\" width=\"2088\" height=\"1306\"><figcaption id=\"caption-attachment-181649\" class=\"wp-caption-text\">Een sectie stijl variatie in WordPress 6.6<\/figcaption><\/figure>\n<p>Je vindt een dieper overzicht en meer voorbeelden van sectie stijlvariaties in <a href=\"https:\/\/developer.wordpress.org\/news\/2024\/06\/21\/styling-sections-nested-elements-and-more-with-block-style-variations-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Styling van secties, nested elementen en meer met Block Style Variations in WordPress 6.6<\/a> door Justin Tadlock, in de <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">dev note<\/a> van Aaron Robertshaw, en in <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/57908\" target=\"_blank\" rel=\"noopener noreferrer\">Block Styles: Block Style Variations uitbreiden<\/a> pull request.<\/p>\n<h4>Blokstijlvariaties defini\u00ebren met behulp van styles.variations<\/h4>\n<p>Hoewel het op dit moment mogelijk is om de <strong>theme.json<\/strong> <code>styles.variations<\/code> property te gebruiken, is deze methode slechts tijdelijk beschikbaar en zou binnenkort afgeschreven moeten zijn. Kijk voor een uitgebreidere beschrijving in <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/24\/section-styles\/#via-theme-style-variations-not-recommended\">deze sectie<\/a> van de dev note.<\/p>\n<h3>Kleur en typografie presets<\/h3>\n<p>Je kunt nu het kleurenpalet en de lettertypefamilies van je thema wijzigen vanuit de interface Global Styles door <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/56622\" target=\"_blank\" rel=\"noopener noreferrer\">een van de beschikbare presets te selecteren<\/a>.<\/p>\n<p>Als je huidige thema kleur- en typografie-presets ondersteunt, verschijnen ze onder <b>Colors <\/b>en <strong>Typography settings <\/strong>in Global Styles.<\/p>\n<p>De volgende afbeeldingen tonen twee kleurenpaletten van Twenty Twenty-Four.<\/p>\n<figure id=\"attachment_181896\" aria-describedby=\"caption-attachment-181896\" style=\"width: 1916px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181896 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-ttf-color-palette-light.jpg\" alt=\"Licht kleurenpalet in Twenty Twenty-Four\" width=\"1916\" height=\"1400\"><figcaption id=\"caption-attachment-181896\" class=\"wp-caption-text\">Licht kleurenpalet in Twenty Twenty-Four<\/figcaption><\/figure>\n<figure id=\"attachment_181895\" aria-describedby=\"caption-attachment-181895\" style=\"width: 1916px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181895 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-ttf-color-palette-dark.jpg\" alt=\"Donker kleurenpalet in Twenty Twenty-Four\" width=\"1916\" height=\"1402\"><figcaption id=\"caption-attachment-181895\" class=\"wp-caption-text\">Donker kleurenpalet in Twenty Twenty-Four<\/figcaption><\/figure>\n<p>Om deze functionaliteit aan je thema&#8217;s toe te voegen, moet je stijlvariaties maken die alleen kleuren en typografie bevatten. De aldus gedefinieerde stijlen worden ge\u00ebxtraheerd en gebruikt om presets te genereren.<\/p>\n<p>Zie voor deze functie ook <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/09\/core-editor-improvement-upgrade-your-designs\/\" target=\"_blank\" rel=\"noopener noreferrer\">Core Editor Improvement: Je designs upgraden<\/a> en <a href=\"https:\/\/nomad.blog\/2024\/06\/26\/wordpress-6-6-source-of-truth\/#create-individual-typography-and-color-variations-to-level-up-design-options-theme-author-end-user\" target=\"_blank\" rel=\"noopener noreferrer\">Individuele typografie- en kleurvariaties maken&#8230;<\/a><\/p>\n<h3>Site-brede achtergrondafbeeldingen<\/h3>\n<p>Vanaf WordPress 6.6 kun je <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/20\/site-wide-background-images-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">sitebrede achtergrondafbeeldingen defini\u00ebren<\/a> in <em>theme.json<\/em> en de Site Editor.<\/p>\n<p>Een sitebrede afbeelding is de waarde van een <code>background-image<\/code> property die is ingesteld op het body element op siteniveau en verschijnt op elke websitepagina.<\/p>\n<p>In de <code>theme.json<\/code>, om een sitebrede achtergrondafbeelding te defini\u00ebren, kun je de <code>backgroundImage.url<\/code> onder de <code>styles.background<\/code> property gebruiken:<\/p>\n<pre><code class=\"language-json\">{\n\t\"styles\": {\n\t\t\"background\": {\n\t\t\t\"backgroundImage\": {\n\t\t\t\t\"url\": \"https:\/\/example.com\/bg.png\"\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>In het bovenstaande voorbeeld hebben we een absoluut pad naar de afbeelding ingesteld, maar je kunt op deze manier ook achtergrondafbeeldingen defini\u00ebren met paden die relatief zijn aan de theme root.<\/p>\n<pre><code class=\"language-json\">{\n\t\"styles\": {\n\t\t\"background\": {\n\t\t\t\"backgroundImage\": {\n\t\t\t\t\"url\": \"file:.\/assets\/bg.png\"\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Dan kun je de volgende afbeeldingsprops gebruiken:<\/p>\n<ul>\n<li><code>backgroundPosition<\/code><\/li>\n<li><code>backgroundSize<\/code><\/li>\n<li><code>backgroundRepeat<\/code><\/li>\n<\/ul>\n<p>Als je geen thema-ontwikkelaar bent, kun je site-brede achtergrondafbeeldingen gebruiken via het paneel Styles van de Site Editor. In WordPress 6.6 vind je de juiste regelaars onder <strong>Styles &gt; Layout<\/strong>.<\/p>\n<figure id=\"attachment_181553\" aria-describedby=\"caption-attachment-181553\" style=\"width: 1150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181553 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-background-image.jpg\" alt=\"Het paneel Background Image in Style Settings\" width=\"1150\" height=\"912\"><figcaption id=\"caption-attachment-181553\" class=\"wp-caption-text\">Het paneel Background Image in Style Settings<\/figcaption><\/figure>\n<p>Dit is de eerste iteratie voor achtergrondafbeeldingen. Voor een beter beeld van hoe het werkt, de beperkingen en wat de volgende stap is, bekijk je de dev note <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/20\/site-wide-background-images-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Site-wide background images in WordPress 6.6<\/a>.<\/p>\n<h3>Raster lay-out variatie<\/h3>\n<p>Met een nieuwe layoutvariant van het groepsblok kun je <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#visualize-grid-layouts\" target=\"_blank\" rel=\"noopener noreferrer\">elementen binnen een groep weergeven als een raster<\/a>.<\/p>\n<p>Je kunt het uitproberen door <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/59853\" target=\"_blank\" rel=\"noopener noreferrer\">een Group blok toe te voegen<\/a> aan het canvas van de editor en de Grid layout te kiezen in het instellingenpaneel van het blok.<\/p>\n<figure id=\"attachment_181584\" aria-describedby=\"caption-attachment-181584\" style=\"width: 1938px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181584 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-grid-layout.jpg\" alt=\"De Grid layout in WordPress 6.6\" width=\"1938\" height=\"1304\"><figcaption id=\"caption-attachment-181584\" class=\"wp-caption-text\">De Grid layout in WordPress 6.6<\/figcaption><\/figure>\n<p>Rasterindeling is er in <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/grid-layout-type\/\" target=\"_blank\" rel=\"noopener noreferrer\">twee soorten<\/a>:<\/p>\n<ul>\n<li><strong>Auto<\/strong> genereert de rasterrijen en -kolommen automatisch<\/li>\n<li>Met <b>Manual <\/b>kun je het aantal kolommen instellen dat je aan het raster wilt toevoegen<\/li>\n<\/ul>\n<p>Voeg inhoud toe aan de rasterelementen en pas de grootte aan met de handgrepen. Je kunt ook de <strong>minimale kolom met<\/strong> of het aantal kolommen aanpassen, afhankelijk van het geselecteerde rastertype.<\/p>\n<h3>Negatieve marges<\/h3>\n<p>Je kunt nu <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60347\" target=\"_blank\" rel=\"noopener noreferrer\">negatieve marges<\/a> instellen voor alle blokken die margeregelaars ondersteunen. Voor WordPress 6.6 was deze functie alleen beschikbaar in <strong>theme.json<\/strong>, terwijl het nu eenvoudig is om negatieve marges toe te passen op elementen om overlappende effecten te cre\u00ebren.<\/p>\n<p>Merk op dat je vanaf WordPress 6.6 de negatieve waarde handmatig moet toevoegen, zoals in de volgende afbeelding.<\/p>\n<figure id=\"attachment_181902\" aria-describedby=\"caption-attachment-181902\" style=\"width: 2250px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181902 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-negative-margins.jpg\" alt=\"Negatieve marges instellen op een Buttons blok in WordPress 6.6\" width=\"2250\" height=\"1106\"><figcaption id=\"caption-attachment-181902\" class=\"wp-caption-text\">Negatieve marges instellen op een Buttons blok in WordPress 6.6<\/figcaption><\/figure>\n<h3>Custom schaduwen<\/h3>\n<p>Met WordPress 6.6 kun je <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/09\/what-is-new-in-gutenberg-18-5-05-jun\/#custom-shadows\" target=\"_blank\" rel=\"noopener noreferrer\">custom schaduwen<\/a> maken en bewerken in de interface Global Styles. Om <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/60706\" target=\"_blank\" rel=\"noopener noreferrer\">je custom schaduwen te maken<\/a>, navigeer je naar de site-editor en selecteer je <b>Shadows <\/b>in het menu Global Styles. Hier vind je het paneel <strong>Custom<\/strong>. Als je op de knop <code>+<\/code> klikt, krijg je via een nieuw element toegang tot een aantal besturingselementen om je schaduw aan te passen of te hernoemen\/verwijderen.<\/p>\n<figure id=\"attachment_181768\" aria-describedby=\"caption-attachment-181768\" style=\"width: 1642px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-181768 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/wp-66-shadown-controls.jpg\" alt=\"Schaduwregelaars in WordPress 6.6\" width=\"1642\" height=\"1610\"><figcaption id=\"caption-attachment-181768\" class=\"wp-caption-text\">Schaduwregelaars in WordPress 6.6<\/figcaption><\/figure>\n<h3>Custom presets aspectratio<\/h3>\n<p>Thema-ontwikkelaars kunnen nu <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#define-custom-aspect-ratio\" target=\"_blank\" rel=\"noopener noreferrer\">aangepaste aspectratio-presets<\/a> defini\u00ebren door de optie <code>settings.dimensions.aspectRatios<\/code> in <strong>theme.json<\/strong> in te stellen.<\/p>\n<h2>Extra wijzigingen voor developers<\/h2>\n<p>De wijzigingen voor ontwikkelaars zijn echter niet beperkt tot thema&#8217;s. Andere toevoegingen en verbeteringen zijn van invloed op de React-bibliotheek en verschillende API&#8217;s.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Options API: Autoload uitschakelen voor grote opties<\/h3>\n<p>V\u00f3\u00f3r WordPress 6.6 werd een groot aantal opties automatisch geladen bij elke paginalading. Om dit standaard gedrag te voorkomen, moesten ontwikkelaars <code>\"yes\"<\/code>\/<code>true<\/code> of <code>\"no\"<\/code>\/<code>false<\/code> doorgeven aan de derde parameter van <code>add_option()<\/code> of <code>update_option()<\/code> functies. Omdat deze parameter optioneel was, met een standaardwaarde van <code>\"yes\"<\/code>, werden er dus grote hoeveelheden onnodige gegevens geladen op elke pagina, met een negatieve invloed op de prestaties van de site.<\/p>\n<p>Om dit gedrag te voorkomen, introduceert WordPress 6.6 een paar wijzigingen in de Options API:<\/p>\n<p>Om WordPress te laten bepalen of een optie op de huidige pagina moet worden geladen, is de standaardwaarde voor de parameter <code>$autoload<\/code> van <code>add_option()<\/code> en <code>update_option()<\/code> gewijzigd van <code>\"yes\"<\/code> in <code>null<\/code>. De parameter accepteert nu een van de volgende waarden:<\/p>\n<ul>\n<li><code>true<\/code>: laad de optie op elke pagina om een extra DB-query te vermijden.<\/li>\n<li><code>false<\/code>: nooit autoloaden de optie om te voorkomen dat gegevens op elke pagina worden geladen.<\/li>\n<li><code>null<\/code>: misschien autoload, wat betekent dat de autoload waarde dynamisch bepaald moet worden. Standaard worden opties automatisch geladen tenzij ze grote waarden bevatten.<\/li>\n<\/ul>\n<p>De databasewaarden zijn overeenkomstig gewijzigd en nu is de autoloadwaarde voor elke optie een van de volgende:<\/p>\n<ul>\n<li><code>on<\/code>: moet op elke pagina worden geautoload. Het is toegevoegd met een expliciete <code>true<\/code> waarde.<\/li>\n<li><code>off<\/code>: mag niet automatisch worden geladen en mag alleen worden gebruikt op \u00e9\u00e9n beheerpagina. Het is toegevoegd met een expliciete <code>false<\/code> waarde.<\/li>\n<li><code>auto<\/code>: vertrouwen op het standaard autoloading gedrag van WP. In WP 6.6 moet het autoloaden, maar het gedrag kan in de toekomst veranderen.<\/li>\n<li><code>auto-on<\/code>: moet automatisch worden geladen. Het is dynamisch ingesteld op <code>true<\/code>.<\/li>\n<li><code>auto-off<\/code>: mag niet automatisch worden geladen. Deze wordt dynamisch ingesteld op <code>false<\/code>.<\/li>\n<\/ul>\n<p>Naast deze wijzigingen introduceert WordPress 6.6 verschillende functies en filters:<\/p>\n<ul>\n<li>De functie <code>wp_autoload_values_to_autoload()<\/code> retourneert alle databasewaarden die automatisch moeten worden geladen.<\/li>\n<li>Met het <code>wp_autoload_values_to_autoload<\/code> filter kun je de lijst met opties bewerken die automatisch moeten worden geladen.<\/li>\n<li>Het <code>wp_default_autoload_value<\/code> filter stelt de waarde in van een optie waar geen expliciete waarde is ingesteld.<\/li>\n<li>Het <code>wp_max_autoloaded_option_size<\/code> filter wijzigt de drempel waarboven opties standaard niet automatisch worden geladen. De standaardwaarde is 150000. (150kb)<\/li>\n<\/ul>\n<p>Deze wijziging is vooral handig voor complexe websites met veel plugins en verdient de aandacht van plugindevelopers. Voor een grondiger overzicht raden we aan om <a href=\"https:\/\/make.wordpress.org\/core\/2024\/05\/23\/whats-new-in-gutenberg-18-4-22-may\/#define-custom-aspect-ratio\" target=\"_blank\" rel=\"noopener noreferrer\">de custom aspectratio presets<\/a> te bekijken.<\/p>\n<h3>Verbeteringen aan de React bibliotheek<\/h3>\n<p>Er zijn twee belangrijke veranderingen van toepassing op de React bibliotheek. Ten eerste bevat WordPress 6.6 React 18.3, dat waarschuwingen voor deprecaties en andere wijzigingen toevoegt om ontwikkelaars te helpen zich voor te bereiden op React 19 zodra deze stabiel wordt.<\/p>\n<p>Ten tweede kunnen ontwikkelaars nu de nieuwe React JSX transform gebruiken, die voor het eerst werd ge\u00efntroduceerd met <a href=\"https:\/\/legacy.reactjs.org\/blog\/2020\/09\/22\/introducing-the-new-jsx-transform.html\" target=\"_blank\" rel=\"noopener noreferrer\">React 17<\/a>.<\/p>\n<p>Voor een beter beeld van deze wijzigingen, zie <a href=\"https:\/\/kinsta.com\/nl\/blog\/react-19-wordpress\/\">Voorbereiding op React 19 Upgrade<\/a> en <a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/06\/jsx-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSX in WordPress 6.6<\/a> dev notes.<\/p>\n<h3>Verbeteringen aan de Block API<\/h3>\n<p>WordPress 6.6 brengt ook verschillende technische wijzigingen in de Block API, waaronder de volgende:<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/editor-unified-extensibility-apis-in-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Unified Extensibility API&#8217;s<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/18\/improvements-to-active-block-variation-detection\/\" target=\"_blank\" rel=\"noopener noreferrer\">Verbeteringen in de detectie van actieve blokvariaties<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2024\/06\/19\/social-links-block-changes-in-wordpress-6-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">Social Links blok veranderingen in WordPress 6.6<\/a><\/li>\n<\/ul>\n<h2>Automatisch terugdraaien voor plugins<\/h2>\n<p>Vanaf WordPress 6.6, als je plugin auto-updates hebt ingeschakeld op je WordPress website, zal WordPress, als een plugin niet wordt bijgewerkt, <a href=\"https:\/\/make.wordpress.org\/core\/2024\/04\/19\/merge-proposal-rollback-auto-update\/\">de plugin automatisch terugrollen naar de vorige versie<\/a> zonder de site te laten crashen.<\/p>\n<p>Hierdoor blijven zowel de plugin als de website gewoon werken. Na de update zie je dat de plugin nog steeds wacht op een update in het Plugins scherm.<\/p>\n<figure id=\"attachment_186934\" aria-describedby=\"caption-attachment-186934\" style=\"width: 2992px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186934 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/wp-66-plugins-screen.jpg\" alt=\"Als een plugin niet automatisch wordt bijgewerkt, dan zal WordPress deze terugzetten naar de vorige versie.\" width=\"2992\" height=\"1096\"><figcaption id=\"caption-attachment-186934\" class=\"wp-caption-text\">Als een plugin niet automatisch wordt bijgewerkt, dan zal WordPress deze terugzetten naar de vorige versie.<\/figcaption><\/figure>\n<p>Als WordPress een fout ontdekt bij het updaten van een plugin, stuurt het de websitebeheerder bovendien een e-mail met een lijst van de plugins die niet zijn bijgewerkt en de plugins die wel zijn bijgewerkt.<\/p>\n<figure id=\"attachment_186935\" aria-describedby=\"caption-attachment-186935\" style=\"width: 2134px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-186935 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/07\/autorollback.png\" alt=\"Een e-mail van WordPress met een waarschuwing voor mislukte automatische terugdraaiing van een plugin\" width=\"2134\" height=\"1178\"><figcaption id=\"caption-attachment-186935\" class=\"wp-caption-text\">Een e-mail van WordPress met een waarschuwing voor mislukte automatische terugdraaiing van een plugin<\/figcaption><\/figure>\n<p>Op dat moment kun je de update opnieuw proberen in een staging omgeving, wachten op een nieuwe plugin release die het probleem verhelpt, of contact opnemen met de ontwikkelaar voor ondersteuning.<\/p>\n<h2>Samenvatting<\/h2>\n<p>In dit lange artikel hebben we veel interessante features en veranderingen besproken die met WordPress 6.6 komen, van overrides van blokpatterns tot verbeteringen aan Data Views, nieuwe functies voor thema-ontwikkelaars en de gelijkschakeling van bewerkingservaringen in Site Editor en Post Editor. Maar er is nog veel meer dat we niet in dit artikel hebben behandeld.<\/p>\n<p>Als je nog meer wil weten, mag je een reeks uitstekende bronnen van WordPress core medewerkers niet missen, waar we naar verwezen tijdens het testen van WordPress 6.6. Onder de vele bronnen, raden we <a href=\"https:\/\/nomad.blog\/2024\/06\/26\/wordpress-6-6-source-of-truth\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.6 Source of Truth<\/a> door Anne McCarthy, de <a href=\"https:\/\/www.meetup.com\/it-IT\/learn-wordpress-online-workshops\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn WordPress Online Workshops<\/a> op Meetup, de <a href=\"https:\/\/developer.wordpress.org\/news\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Developer blog<\/a>, de <a href=\"https:\/\/make.wordpress.org\/core\/tag\/dev-notes\/\" target=\"_blank\" rel=\"noopener noreferrer\">dev notes<\/a> gepubliceerd op de Make WordPress Core blog, en de regelmatige updates door Birgit Pauli-Haack op <a href=\"https:\/\/gutenbergtimes.com\/\">Gutenberg Times<\/a> aan, om er maar een paar te noemen.<\/p>\n<p>Nu is het aan jou. Heb jij de functies van WordPress 6.6 al getest? Welke functie of verandering vond je het leukst? Laat hieronder een reactie achter en praat mee.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.6 &#8220;Dorsey&#8221; is uitgebracht.\u00a0Deze nieuwe versie\u00a0richt zich op het verfijnen en verbeteren van een aantal features uit eerdere versies. Echter, ook vind je er verschillende &#8230;<\/p>\n","protected":false},"author":36,"featured_media":59812,"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-59811","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.6 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Bekijk ons diepgaande overzicht van WordPress 6.6: Block Pattern Overrides, Data Views, nieuwe ontwerptools voor ontwerpers en thema-ontwikkelaars, 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-6\/\" \/>\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.6: pattern overrides , Block Bindings API, data views, nieuwe ontwerptools en nog veel meer!\" \/>\n<meta property=\"og:description\" content=\"Bekijk ons diepgaande overzicht van WordPress 6.6: Block Pattern Overrides, Data Views, nieuwe ontwerptools voor ontwerpers en thema-ontwikkelaars, en nog veel meer!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/\" \/>\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-07-05T08:14:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-10T16:57:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/Wp-6.6-release.png\" \/>\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\/png\" \/>\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.6: Block Pattern Overrides, Data Views, nieuwe ontwerptools voor ontwerpers en thema-ontwikkelaars, en nog veel meer!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/Wp-6.6-release-1024x536.png\" \/>\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-6\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Wat is er nieuw in WordPress 6.6: pattern overrides , Block Bindings API, data views, nieuwe ontwerptools en nog veel meer!\",\"datePublished\":\"2024-07-05T08:14:38+00:00\",\"dateModified\":\"2025-03-10T16:57:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/\"},\"wordCount\":4337,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/Wp-6.6-release.png\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/\",\"name\":\"Wat is er nieuw in WordPress 6.6 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/Wp-6.6-release.png\",\"datePublished\":\"2024-07-05T08:14:38+00:00\",\"dateModified\":\"2025-03-10T16:57:16+00:00\",\"description\":\"Bekijk ons diepgaande overzicht van WordPress 6.6: Block Pattern Overrides, Data Views, nieuwe ontwerptools voor ontwerpers en thema-ontwikkelaars, en nog veel meer!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/Wp-6.6-release.png\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/Wp-6.6-release.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/#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.6: pattern overrides , Block Bindings API, data views, nieuwe ontwerptools 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.6 - Kinsta\u00ae","description":"Bekijk ons diepgaande overzicht van WordPress 6.6: Block Pattern Overrides, Data Views, nieuwe ontwerptools voor ontwerpers en thema-ontwikkelaars, 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-6\/","og_locale":"nl_NL","og_type":"article","og_title":"Wat is er nieuw in WordPress 6.6: pattern overrides , Block Bindings API, data views, nieuwe ontwerptools en nog veel meer!","og_description":"Bekijk ons diepgaande overzicht van WordPress 6.6: Block Pattern Overrides, Data Views, nieuwe ontwerptools voor ontwerpers en thema-ontwikkelaars, en nog veel meer!","og_url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2024-07-05T08:14:38+00:00","article_modified_time":"2025-03-10T16:57:16+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/Wp-6.6-release.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Bekijk ons diepgaande overzicht van WordPress 6.6: Block Pattern Overrides, Data Views, nieuwe ontwerptools voor ontwerpers en thema-ontwikkelaars, en nog veel meer!","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/Wp-6.6-release-1024x536.png","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-6\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Wat is er nieuw in WordPress 6.6: pattern overrides , Block Bindings API, data views, nieuwe ontwerptools en nog veel meer!","datePublished":"2024-07-05T08:14:38+00:00","dateModified":"2025-03-10T16:57:16+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/"},"wordCount":4337,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/Wp-6.6-release.png","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/","url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/","name":"Wat is er nieuw in WordPress 6.6 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/Wp-6.6-release.png","datePublished":"2024-07-05T08:14:38+00:00","dateModified":"2025-03-10T16:57:16+00:00","description":"Bekijk ons diepgaande overzicht van WordPress 6.6: Block Pattern Overrides, Data Views, nieuwe ontwerptools voor ontwerpers en thema-ontwikkelaars, en nog veel meer!","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/Wp-6.6-release.png","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/07\/Wp-6.6-release.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-6\/#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.6: pattern overrides , Block Bindings API, data views, nieuwe ontwerptools 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\/59811","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=59811"}],"version-history":[{"count":9,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/59811\/revisions"}],"predecessor-version":[{"id":62096,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/59811\/revisions\/62096"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59811\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59811\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59811\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59811\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59811\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59811\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59811\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59811\/translations\/es"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59811\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/59812"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=59811"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=59811"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=59811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}