{"id":43641,"date":"2022-05-26T07:31:01","date_gmt":"2022-05-26T05:31:01","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=43641&#038;preview=true&#038;preview_id=43641"},"modified":"2023-06-08T11:01:35","modified_gmt":"2023-06-08T09:01:35","slug":"wordpress-6-0","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/","title":{"rendered":"Wat is er nieuw in WordPress 6.0: nieuwe blokken, style switching, templatebewerking, webfonts API en nog veel meer"},"content":{"rendered":"<p><strong>WordPress 6.0 Arturo is gearriveerd<\/strong> en, zoals gewoonlijk, hebben wij een kijkje onder de motorkap genomen om onze lezers een preview te geven van wat er nieuw is in deze <a href=\"https:\/\/wordpress.org\/news\/2022\/05\/arturo\/\">nieuwe major WordPress release<\/a>.<\/p>\n<p>Laten we meteen maar met de deur in huis vallen: als <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-9\/\">WordPress 5.9<\/a> ons naar de kern van fase 2 van Gutenberg heeft gebracht, dan heeft WordPress 6.0 tot doel de al beschikbare aanpassingstools te versterken.<\/p>\n<p>Maar het is niet &#8220;alleen&#8221; maar een nieuwe major versie. Zoals Matias Ventura aangaf in de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/26\/preliminary-roadmap-for-6-0\/\">Preliminary Roadmap van 6.0<\/a>, was de introductie van de site-editor een grote mijlpaal, maar ook slechts een eerste stap in de reis.<\/p>\n<figure id=\"attachment_124477\" aria-describedby=\"caption-attachment-124477\" style=\"width: 2880px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124477 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/05\/wordpress-6-0.jpg\" alt=\"WordPress 6.0 Arturo is uit\" width=\"2880\" height=\"1584\"><figcaption id=\"caption-attachment-124477\" class=\"wp-caption-text\">WordPress 6.0 Arturo is uit<\/figcaption><\/figure>\n<p>WordPress 6.0 brengt aanzienlijke verbeteringen op verschillende gebieden van het CMS, van bruikbaarheid tot prestaties, waaronder het volgende:<\/p>\n<ul>\n<li>Verbeterde informatie-architectuur en templatebrowse-ervaring<\/li>\n<li>Verbeterde template creatie<\/li>\n<li>Nieuwe hooks<\/li>\n<li>Webfonts API<\/li>\n<li>Een nieuwe browsemodus voor de site-editor<\/li>\n<li>Alternatieve Global Styles<\/li>\n<li>Een verbeterd Navigation blok<\/li>\n<li>Nieuwe ontwerptools<\/li>\n<li>Verbeterde prestaties<\/li>\n<li>En nog veel meer\u2026<\/li>\n<\/ul>\n<p>Maar dat is nog niet alles. WordPress 6.0 brengt een <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/wordpress-6-0-field-guide\/\">indrukwekkend aantal wijzigingen<\/a> met zich mee, met 251 Trac tickets, waaronder 97 features en verbeteringen en 131 bugfixes.<\/p>\n<p>Ja, er is veel om over te praten. Dus laten we het niet langer uitstellen en samen ontdekken er nieuw is in WordPress 6.0.<\/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\n<h2>Webfonts API<\/h2>\n<p>Een nieuwe <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/16\/whats-new-in-gutenberg-12-8-16-march\/#highlight-1\">Webfonts API<\/a> biedt nu een gestandaardiseerde manier om webfonts in WordPress te laden, wat zorgt voor betere prestaties en gebruikersprivacy.<\/p>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/22\/status-of-webfonts-api-for-wordpress-6-0-inclusion\/\">Vanaf WordPress 6.0<\/a> kun je alleen een nieuw webfont registreren vanaf je <em>theme.json<\/em>.<\/p>\n<p>Het gebruik van de <em>theme.json<\/em> is vrij eenvoudig. Het enige dat je hoeft te doen, is een nieuwe lettertypefamilie toevoegen aan de <code>typography<\/code>-sectie. De volgende code geeft een voorbeeld van webfontregistratie:<\/p>\n<pre><code class=\"language-json\">{\n\t\"settings\": {\n\t\t\"typography\": {\n\t\t\t\"fontFamilies\": [\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif\",\n\t\t\t\t\t\"name\": \"System Font\",\n\t\t\t\t\t\"slug\": \"system-font\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"\"Source Serif Pro\", serif\",\n\t\t\t\t\t\"name\": \"Source Serif Pro\",\n\t\t\t\t\t\"slug\": \"source-serif-pro\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"\"Inter\", sans-serif\",\n\t\t\t\t\t\"name\": \"Inter\",\n\t\t\t\t\t\"slug\": \"inter\",\n\t\t\t\t\t\"fontFace\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"fontFamily\": \"Inter\",\n\t\t\t\t\t\t\t\"fontWeight\": \"200 900\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontStretch\": \"normal\",\n\t\t\t\t\t\t\t\"src\": [ \"file:.\/assets\/fonts\/inter\/Inter.ttf\" ]\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>De code hierboven voegt de <strong>Inter<\/strong> font familie toe aan de standaard set <code>fontFamilies<\/code>, die beschikbaar is in Twenty Twenty-Two.<br \/>\nAls je het zelf wilt proberen, download dan het <a href=\"https:\/\/fonts.google.com\/specimen\/Inter\">Inter webfont<\/a> van <a href=\"https:\/\/kinsta.com\/nl\/blog\/beste-google-fonts\/\">Google Fonts<\/a> naar de map <em>.\/assets\/fonts<\/em> en voeg de bovenstaande code toe aan het gedeelte <code>settings.typography<\/code> van Twenty Twenty-Two&#8217;s <em>theme.json<\/em>. Als je klaar bent, sla je het bestand op en keer je terug naar de interface voor het bewerken van de site.<\/p>\n<p>De volgende afbeelding toont het resultaat in de editor.<\/p>\n<figure id=\"attachment_122326\" aria-describedby=\"caption-attachment-122326\" style=\"width: 1696px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122326 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/webfonts-api.jpg\" alt=\"Er is een nieuwe lettertypefamilie geregistreerd in Twenty Twenty-Two.\" width=\"1696\" height=\"1106\"><figcaption id=\"caption-attachment-122326\" class=\"wp-caption-text\">Er is een nieuwe lettertypefamilie geregistreerd in Twenty Twenty-Two.<\/figcaption><\/figure>\n<p>De Webfonts API registreert alleen lettertypen die nodig zijn om blokken op de huidige pagina weer te geven en dat is vooral handig bij webfonts die <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39886\">zijn gedefinieerd in stijlvariaties<\/a>. Bovendien optimaliseert de API het aantal HTTP verzoeken door<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39559\"> lettertypen per lettertypefamilie te registreren en te enqueue-en<\/a>.<\/p>\n<p>Je kunt meer lezen over de nieuwe API in de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37140\">Webfonts API<\/a> pull request, in <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/22\/status-of-webfonts-api-for-wordpress-6-0-inclusion\/\">Status of Webfonts API for WordPress 6.0 Inclusion<\/a>, en in <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/global-styles-variations-in-wordpress-6-0\/\">Global Styles variaties in WordPress 6.0<\/a>.<\/p>\n<h2>Global Styles wisselen<\/h2>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/03\/core-editor-improvement-choose-your-style\/\">Variaties in Global Styles<\/a> is een feature van WordPress 6.0 waar veel mensen naar uitkijken. Auteurs van thema&#8217;s kunnen nu meerdere sets van Global Styles bundelen met hun thema&#8217;s, zodat gebruikers met een enkele klik tussen stijlvariaties kunnen schakelen.<\/p>\n<p>Het lijkt veel op het hebben van kant-en-klare onderliggende thema&#8217;s, met een vooraf gedefinieerde set stijlen voor elk.<\/p>\n<p>Om <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/global-styles-variations-in-wordpress-6-0\/\">een \u200b\u200bstijlvariatie aan je blokthema toe te voegen<\/a>, voeg je een alternatief JSON bestand toe aan een <em>styles <\/em>map in de hoofdmap van je thema.<\/p>\n<p>Thema&#8217;s die variaties van Global Styles ondersteunen, tonen een nieuw <strong>Browse styles<\/strong> item in de <strong>Global Styles <\/strong>zijbalk. Dit brengt een venster waar themagebruikers een lijst met beschikbare stijlen vinden.<\/p>\n<figure id=\"attachment_122328\" aria-describedby=\"caption-attachment-122328\" style=\"width: 1264px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122328 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/browse-styles.jpg\" alt=\"Door stijlen browsen in WordPress 6.0.\" width=\"1264\" height=\"1008\"><figcaption id=\"caption-attachment-122328\" class=\"wp-caption-text\">Door stijlen browsen in WordPress 6.0.<\/figcaption><\/figure>\n<p>Kies een Global Style uit de lijst en de styling wordt automatisch toegepast op je hele website.<\/p>\n<figure id=\"attachment_122329\" aria-describedby=\"caption-attachment-122329\" style=\"width: 1868px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122329 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/wp-6-0-alternate-style.jpg\" alt=\"Een stijl kiezen met een enkele klik in WordPress 6.0.\" width=\"1868\" height=\"882\"><figcaption id=\"caption-attachment-122329\" class=\"wp-caption-text\">Een stijl kiezen met een enkele klik in WordPress 6.0.<\/figcaption><\/figure>\n<p>Deze nieuwe feature stelt <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-ontwikkelaar-salaris\/\">thema-ontwikkelaars<\/a> in staat een onbeperkt aantal stijlvariaties te cre\u00ebren en past perfect bij de nieuwe Webfonts API.<\/p>\n<p>De volgende afbeelding toont een aangepaste stijl uit het vorige voorbeeld, met een ander lettertype in de header.<\/p>\n<figure id=\"attachment_122330\" aria-describedby=\"caption-attachment-122330\" style=\"width: 1696px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122330 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/wp-6-0-custom-style-with-font.jpg\" alt=\"Een stijlvariatie met een aangepast lettertype in WordPress 6.0.\" width=\"1696\" height=\"896\"><figcaption id=\"caption-attachment-122330\" class=\"wp-caption-text\">Een stijlvariatie met een aangepast lettertype in WordPress 6.0.<\/figcaption><\/figure>\n<p>Als je het zelf wilt proberen, voeg dan een styles map toe aan de root van je blokthema, maak een nieuw JSON bestand met een voor jou zinvolle naam, open het in je favoriete <a href=\"https:\/\/kinsta.com\/nl\/blog\/gratis-html-editors\/\">code-editor<\/a> en voeg de volgende code toe:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"duotone\": [\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#143F6B\", \"#EFEFEF\" ],\n\t\t\t\t\t\"slug\": \"foreground-and-background\",\n\t\t\t\t\t\"name\": \"Foreground and background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#143F6B\", \"#FEB139\" ],\n\t\t\t\t\t\"slug\": \"foreground-and-secondary\",\n\t\t\t\t\t\"name\": \"Foreground and secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#143F6B\", \"#F6F54D\" ],\n\t\t\t\t\t\"slug\": \"foreground-and-tertiary\",\n\t\t\t\t\t\"name\": \"Foreground and tertiary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#F55353\", \"#EFEFEF\" ],\n\t\t\t\t\t\"slug\": \"primary-and-background\",\n\t\t\t\t\t\"name\": \"Primary and background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#F55353\", \"#FEB139\" ],\n\t\t\t\t\t\"slug\": \"primary-and-secondary\",\n\t\t\t\t\t\"name\": \"Primary and secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#F55353\", \"#F6F54D\" ],\n\t\t\t\t\t\"slug\": \"primary-and-tertiary\",\n\t\t\t\t\t\"name\": \"Primary and tertiary\"\n\t\t\t\t}\n\t\t\t],\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"foreground\",\n\t\t\t\t\t\"color\": \"#143F6B\",\n\t\t\t\t\t\"name\": \"Foreground\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"background\",\n\t\t\t\t\t\"color\": \"#EFEFEF\",\n\t\t\t\t\t\"name\": \"Background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"primary\",\n\t\t\t\t\t\"color\": \"#F55353\",\n\t\t\t\t\t\"name\": \"Primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"secondary\",\n\t\t\t\t\t\"color\": \"#FEB139\",\n\t\t\t\t\t\"name\": \"Secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"tertiary\",\n\t\t\t\t\t\"color\": \"#F6F54D\",\n\t\t\t\t\t\"name\": \"Tertiary\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t\"typography\": {\n\t\t\t\"fontFamilies\": [\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"\"Inter\", sans-serif\",\n\t\t\t\t\t\"name\": \"Inter\",\n\t\t\t\t\t\"slug\": \"inter\",\n\t\t\t\t\t\"fontFace\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"fontFamily\": \"Inter\",\n\t\t\t\t\t\t\t\"fontWeight\": \"200 900\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontStretch\": \"normal\",\n\t\t\t\t\t\t\t\"src\": [ \"file:.\/assets\/fonts\/inter\/Inter.ttf\" ]\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\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/post-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/query-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"elements\": {\n\t\t\t\"h1\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h2\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h3\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h4\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h5\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"h6\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\",\n\t\t\t\t\t\"fontWeight\": \"700\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"typography\": {\n\t\t\t\"fontFamily\": \"var(--wp--preset--font-family--inter)\"\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Je kunt de volledige code die in het bovenstaande voorbeeld wordt gebruikt, vinden <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/2440\/commits\/816ba4c125542535ce65db9d7198a3e9f43bed5b\">op GitHub<\/a> en <a href=\"https:\/\/gist.github.com\/kjellr\/1307387f8d97e84662c4b07af873a896\">gist<\/a>.<\/p>\n<p>Ontwikkelaars kunnen uitgebreide informatie over Global Styles en Theme.json vinden in de documentatie-artikelen <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\">Global Settings &#038; Styles<\/a> en <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/\">Theme.json<\/a>.<\/p>\n<p>Je kunt ook de nieuwste versie van <a href=\"https:\/\/kinsta.com\/nl\/blog\/twenty-twenty-two-blokthema\/\">Twenty Twenty-Two<\/a> bekijken, die nu <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/55433\">drie nieuwe stijlvariaties bevat<\/a>.<\/p>\n<figure id=\"attachment_122331\" aria-describedby=\"caption-attachment-122331\" style=\"width: 2036px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122331 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/browse-styles-in-tt2.jpg\" alt=\"Door stijlen browsen in Twenty Twenty-Two.\" width=\"2036\" height=\"1018\"><figcaption id=\"caption-attachment-122331\" class=\"wp-caption-text\">Door stijlen browsen in Twenty Twenty-Two.<\/figcaption><\/figure>\n<h2>Overal blokpatronen<\/h2>\n<p>E\u00e9n ding is zeker, blokpatronen spelen een centrale rol in de huidige fase van WordPress ontwikkeling. Blokpatronen werden voor het eerst ge\u00efntroduceerd in <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-5\/#block-patterns\">WordPress 5.5<\/a> en zijn in de loop der tijd regelmatig verbeterd.<\/p>\n<p>Vanaf WordPress 5.9 vonden ook patronen hun weg naar onze WordPress websites, waarbij ze dynamisch opgehaald worden uit de <a href=\"https:\/\/wordpress.org\/patterns\/\">Patterns directory<\/a> en vervolgens worden <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-9\/#featured-patterns-from-the-pattern-directory\">geladen in de Block Inserter<\/a>.<\/p>\n<p>En nu kan iedereen een patroondeveloper worden, dankzij een gloednieuwe online tool. Met de <a href=\"https:\/\/wordpress.org\/news\/2022\/03\/get-creative-with-the-all-new-pattern-creator\/\">Pattern Creator<\/a> kun je je<em> beste blokpatronen bouwen, bewerken en indienen bij de Pattern Directory.<\/em> Het enige dat je nodig hebt om aan de slag te gaan, is een <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-com-versus-wordpress-org\/\">WordPress.org account<\/a>.<\/p>\n<figure id=\"attachment_122300\" aria-describedby=\"caption-attachment-122300\" style=\"width: 2038px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122300 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/pattern-creator.jpg\" alt=\"Zoeken naar afbeeldingen in de Pattern Creator.\" width=\"2038\" height=\"1084\"><figcaption id=\"caption-attachment-122300\" class=\"wp-caption-text\">Zoeken naar afbeeldingen in de Pattern Creator.<\/figcaption><\/figure>\n<p>\u00a0<\/p>\n<p>En WordPress 6.0 introduceert verdere verbeteringen aan blokpatronen.<\/p>\n<p>Ten eerste zijn <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#improving-the-patterns-experience\">blokpatronen makkelijker te vinden<\/a> bij het bewerken van templates. Nu toont de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36697\">Quick Inserter alleen blokpatronen<\/a> wanneer je deze opent op het hoogste niveau van een template, d.w.z. wanneer het blok dat je aan je template gaat toevoegen de directe afstammeling is van het document.<\/p>\n<p>Dan wanneer aan de volgende voorwaarden wordt voldaan:<\/p>\n<ul>\n<li>Je bewerkt een bloktemplate<\/li>\n<li>De quick inserter bevindt zich op rootniveau<\/li>\n<li>Je voegt een blok toe tussen andere blokken (d.w.z. niet het eerste of het laatste blok op de pagina)<\/li>\n<\/ul>\n<figure id=\"attachment_122301\" aria-describedby=\"caption-attachment-122301\" style=\"width: 2312px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122301 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-patterns-in-the-quick-inserter.jpg\" alt=\"De quick inserter toont alleen blokpatronen in de template editor.\" width=\"2312\" height=\"1244\"><figcaption id=\"caption-attachment-122301\" class=\"wp-caption-text\">De quick inserter toont alleen blokpatronen in de template editor.<\/figcaption><\/figure>\n<p>Een andere handige feature stelt thema ontwikkelaars nu in staat om<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/blob\/trunk\/docs\/how-to-guides\/themes\/theme-json.md#patterns\"> aanbevolen patronen toe te voegen<\/a> aan de <em>theme.json<\/em>. Om het eens te proberen, zoek je in de Patterns map naar de patronen die je wilt aanbevelen aan de gebruikers van je thema, pak je de patroon slug van de URL en voeg je deze als volgt toe aan je <em>theme.json<\/em>:<\/p>\n<pre><code class=\"language-json\">\"patterns\": [\n\t\"image-with-angled-overlay-shape-call-to-action-button-and-description\",\n\t\"hero-section-with-overlap-image\"\n],<\/code><\/pre>\n<p>Gebruikers zullen je aanbevolen patronen vinden in de block inserter.<\/p>\n<figure id=\"attachment_122303\" aria-describedby=\"caption-attachment-122303\" style=\"width: 1556px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122303 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/recommended-patterns.jpg\" alt=\"Aanbevolen patronen in de quick inserter.\" width=\"1556\" height=\"766\"><figcaption id=\"caption-attachment-122303\" class=\"wp-caption-text\">Aanbevolen patronen in de quick inserter.<\/figcaption><\/figure>\n<p>Een krachtige patroon-gerelateerde feature die inbegrepen zit met WordPress 6.0 is de <strong>impliciete patroonregistratie<\/strong>. Thema&#8217;s kunnen nu <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36751\">impliciet patronen registreren<\/a> door ze te declaren <strong>als PHP bestanden<\/strong> onder een nieuwe <code>\/patterns<\/code> map in de root van het thema.<\/p>\n<p>Het proces is vrij eenvoudig:<\/p>\n<ol>\n<li>maak een nieuwe <em>patronen<\/em>map in de hoofdmap van je thema,<\/li>\n<li>bouw een blokgroep in de blokeditor,<\/li>\n<li>kopieer en plak je HTML in een nieuw tekstbestand,<\/li>\n<li>voeg de volgende kop toe,<\/li>\n<li>en sla het bestand op als PHP in je <em>patronen<\/em><\/li>\n<\/ol>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Title: My pattern\n * Slug: my-theme\/my-pattern\n * Categories: text\n *\/\n?&gt;<\/code><\/pre>\n<p>En dat is alles. Je hebt nu een nieuw blokpatroon dat moet verschijnen in de blok inserter.<\/p>\n<figure id=\"attachment_122304\" aria-describedby=\"caption-attachment-122304\" style=\"width: 1392px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122304 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/adding-custom-pattern.jpg\" alt=\"Een aangepast patroon in de quick blok Inserter.\" width=\"1392\" height=\"1016\"><figcaption id=\"caption-attachment-122304\" class=\"wp-caption-text\">Een aangepast patroon in de quick blok Inserter.<\/figcaption><\/figure>\n<p><strong>Page creation patterns<\/strong>, zijn een ander blok patroon-gerelateerde feature die is ge\u00efntroduceerd in WordPress 6.0. Wanneer je nu een nieuwe pagina maakt, wordt op het scherm voor het maken van pagina&#8217;s een popup weergegeven met een reeks blokpatronen waaruit je kan kiezen om je pagina te maken.<\/p>\n<p>De popup wordt alleen getoond wanneer ten minste \u00e9\u00e9n patroon support declaret voor de <code>core\/post-content<\/code> blocktypes.<\/p>\n<p>Standaard bevat WordPress 6.0 bevat geen van deze patronen, dus zal de popup niet verschijnen, tenzij je support toevoegt aan een bestaand patroon. Maar het toevoegen van de popup aan het scherm voor het maken van pagina&#8217;s is vrij eenvoudig.<\/p>\n<p>Als je een blokpatroon voor je thema hebt geregistreerd, zoals weergegeven in het bovenstaande voorbeeld, kun je ondersteuning voor de patroonpopup toevoegen met behulp van de <code>Block Types<\/code> property, zoals weergegeven in het onderstaande voorbeeldpatroon:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Title: Pattern with columns\n * Slug: twentytwentytwo\/pattern-with-columns\n * Block Types: core\/post-content\n * Categories: text\n *\/\n?&gt;\n&lt;!-- wp:heading --&gt;\n&lt;h2&gt;Hello there!&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:columns --&gt;\n&lt;div class=\"wp-block-columns\"&gt;&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:image --&gt;\n&lt;figure class=\"wp-block-image\"&gt;&lt;img alt=\"\"\/&gt;&lt;\/figure&gt;\n&lt;!-- \/wp:image --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:heading --&gt;\n&lt;h2&gt;Heading&lt;\/h2&gt;\n&lt;!-- \/wp:heading --&gt;\n\n&lt;!-- wp:paragraph --&gt;\n&lt;p&gt;Paragraph&lt;\/p&gt;\n&lt;!-- \/wp:paragraph --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;\n\n&lt;!-- wp:column --&gt;\n&lt;div class=\"wp-block-column\"&gt;&lt;!-- wp:list --&gt;\n&lt;ul&gt;&lt;li&gt;List item&lt;\/li&gt;&lt;\/ul&gt;\n&lt;!-- \/wp:list --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:column --&gt;&lt;\/div&gt;\n&lt;!-- \/wp:columns --&gt;<\/code><\/pre>\n<p>Sla deze code op in een PHP bestand in de map <code>\/patterns<\/code> van je thema. Maak vervolgens in je WordPress dashboard een nieuwe pagina aan. Je zou een nieuwe popup moeten zien zoals getoond in de volgende afbeelding:<\/p>\n<figure id=\"attachment_124475\" aria-describedby=\"caption-attachment-124475\" style=\"width: 1826px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-124475 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/05\/page-creation-patterns.jpg\" alt=\"Page creation pagronen\" width=\"1826\" height=\"962\"><figcaption id=\"caption-attachment-124475\" class=\"wp-caption-text\">Page creation pagronen<\/figcaption><\/figure>\n<p>Voor een beter overzicht van patronen voor het maken van pagina&#8217;s kijk je eens naar <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/page-creation-patterns-in-wordpress-6-0\/\">Page creation patterns in WordPress 6.0<\/a>.<\/p>\n<p>Voor een uitgebreider overzicht van de ontwikkeling van blokpatronen, zie ook de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/02\/new-features-for-working-with-patterns-and-themes-in-wordpress-6-0\/\">New features for working with patterns and themes in WordPress 6.0<\/a> en de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/31153\">Tracking Issue op GitHub<\/a>.<\/p>\n<h2>Features voor het bewerken van sites<\/h2>\n<p>De ontwikkeling van de volledige sitebewerking is niet be\u00ebindigd met WordPress 5.9. WordPress 6.0 gaat een stap verder door de visuele functionaliteit voor het bouwen van thema&#8217;s te verbeteren en nieuwe template opties voor blokthema&#8217;s te leveren. En er komen nog meer features aan.<\/p>\n<h3>Visueel thema bouwen<\/h3>\n<p>WordPress 6.0 introduceert een <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/02\/theme-export-in-wordpress-6-0\/\">verbeterde exporttool voor blokthema&#8217;s<\/a>, waarmee je het <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/30\/whats-new-in-gutenberg-12-9-30-march\/#highlight-4\">huidige thema met al je wijzigingen en aanpassingen kunt downloaden<\/a>.<\/p>\n<p>Als je de exporttool voor blokthema&#8217;s tot nu toe nog niet hebt gebruikt, is dit een krachtige tool voor het bewerken van sites waarmee je je stijlen en templates als <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39202\">een heel thema<\/a> kunt exporteren.<\/p>\n<p>Als je tevreden bent met je wijzigingen, open je vanuit de interface van de site editor de <strong>Options<\/strong> zijbalk en ga je naar het <strong>Tools <\/strong>gedeelte. Hier kun je met een <strong>Export<\/strong> knop het huidige thema met al je stijl- en templateaanpassingen in een zipbestand downloaden.<\/p>\n<figure id=\"attachment_122469\" aria-describedby=\"caption-attachment-122469\" style=\"width: 2280px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122469 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/export-theme.jpg\" alt=\" Exporteer een thema vanuit de interface van de editor.\" width=\"2280\" height=\"1232\"><figcaption id=\"caption-attachment-122469\" class=\"wp-caption-text\">Exporteer een thema vanuit de interface van de editor.<\/figcaption><\/figure>\n<p>Je kunt je thema vervolgens exporteren en op elke WordPress website installeren.<\/p>\n<p>We hebben de verbeterde thema exporttool getest op een lokale WordPress installatie en ontdekten dat <strong>bijna <\/strong>alles werkt zoals we hadden verwacht&#8230; \ud83d\ude05<\/p>\n<p>Hoe dan ook, de exporttool is nog in ontwikkeling en vandaag kunnen we slechts een glimp opvangen van het enorme potentieel ervan. Denk na over de mogelijkheid om je thema&#8217;s te cre\u00ebren vanuit de bewerkingsinterface van je website en ze te verspreiden op een willekeurig aantal installaties. En dat is of je een ontwikkelaar bent of niet&#8230;<\/p>\n<p>Er zijn nog veel openstaande problemen die moeten worden opgelost, waardoor we denken dat we binnenkort verschillende verbeteringen zullen zien. Als je nieuwsgierig bent en meer wilt weten over Visual Theme Building (zoals wij zijn), kun je de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39189\">Tracking Issue op GitHub<\/a> volgen.<\/p>\n<h3>Meer template opties in blokthema&#8217;s<\/h3>\n<p>In eerdere WordPress versies hadden we een beperkt aantal templatetypen beschikbaar.<\/p>\n<figure id=\"attachment_122470\" aria-describedby=\"caption-attachment-122470\" style=\"width: 2256px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122470 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/new-template-types-wp-5-9.jpg\" alt=\"Een nieuwe template toevoegen in WordPress 5.9.\" width=\"2256\" height=\"1248\"><figcaption id=\"caption-attachment-122470\" class=\"wp-caption-text\">Een nieuwe template toevoegen in WordPress 5.9.<\/figcaption><\/figure>\n<p>WordPress 6.0 introduceert <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39353\">verschillende nieuwe templatetypen<\/a>, waaronder Author, Category, Date, Tag, en Taxonomy.<\/p>\n<figure id=\"attachment_122471\" aria-describedby=\"caption-attachment-122471\" style=\"width: 2258px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122471 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/new-template-types-wp-6-0.jpg\" alt=\"Een nieuwe template toevoegen in WordPress 6.0.\" width=\"2258\" height=\"946\"><figcaption id=\"caption-attachment-122471\" class=\"wp-caption-text\">Een nieuwe template toevoegen in WordPress 6.0.<\/figcaption><\/figure>\n<p>Deze toevoeging zou de workflow voor het bewerken van je site moeten stroomlijnen. Om het eens te proberen, kies je gewoon een nieuwe template uit de dropdown, voeg je de benodigde blokken toe, sla je je wijzigingen op en controleer je hoe deze er aan de frontend uitzien. Zo makkelijk is het! Dit, in combinatie met de hierboven genoemde thema-exportfeature en je begrijpt denk ik beter<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/37407\"> wat we binnenkort kunnen verwachten<\/a> wat betreft site-editing.<\/p>\n<h2>Verbeteringen aan interface en bruikbaarheid<\/h2>\n<p>WordPress 6.0 introduceert een aantal wijzigingen in de gebruikersinterface, waarvan er vele bedoeld zijn om wat meer orde te scheppen in de zijbalk. Gezamenlijk zouden deze wijzigingen een aanzienlijke impact moeten hebben op de algehele bewerkingservaring. Hier zullen we er slechts een paar noemen, maar je kunt de Gutenberg release notes raadplegen voor een uitgebreidere lijst met wijzigingen (zie Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/19\/whats-new-in-gutenberg-12-4-19-january\/\">12.4<\/a>,\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/03\/whats-new-in-gutenberg-12-5-february-2nd\/\">12.5<\/a>,\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/\">12.6<\/a>,\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/\">12.7<\/a>,\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/16\/whats-new-in-gutenberg-12-8-16-march\/\">12.8<\/a>,\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/30\/whats-new-in-gutenberg-12-9-30-march\/\">12.9<\/a>,\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/14\/whats-new-in-gutenberg-13-0-14-april\/\">13.0<\/a>).<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Verbeteringen in List View<\/h3>\n<p>De List View krijgt te maken met <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#list-view-improvements\">een aanzienlijk aantal wijzigingen<\/a> die de bruikbaarheid van de component verbeteren.<\/p>\n<h4>List View uitvouwen bij selectie<\/h4>\n<p>Wanneer je in de editor op een blok klikt, wordt het blok nu automatisch gehighlight in de lijstweergave. Als het blok in een bovenliggend blok is genest, wordt het <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35817\">bovenliggende blok uitgevouwen<\/a> en wordt het item in de block tree weergegeven.<\/p>\n<figure id=\"attachment_122168\" aria-describedby=\"caption-attachment-122168\" style=\"width: 1186px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122168 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/expand-list-view-on-selection.jpg\" alt=\"Uitgevouwen Group blok in List View bij blokselectie.\" width=\"1186\" height=\"1084\"><figcaption id=\"caption-attachment-122168\" class=\"wp-caption-text\">Uitgevouwen Group blok in List View bij blokselectie.<\/figcaption><\/figure>\n<h4>List View standaard samengevouwen<\/h4>\n<p>V\u00f3\u00f3r WordPress 6.0 is alles standaard uitgevouwen wanneer je het venster List View opent.<\/p>\n<figure id=\"attachment_122171\" aria-describedby=\"caption-attachment-122171\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122171 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/list-view-wp-5-9.jpg\" alt=\"Standaard List View in WordPress 5.9.\" width=\"2316\" height=\"1238\"><figcaption id=\"caption-attachment-122171\" class=\"wp-caption-text\">Standaard List View in WordPress 5.9.<\/figcaption><\/figure>\n<p>Maar aangezien een bericht vaak uit complexe structuren van geneste blokken bestaat, is het volkomen logisch om de blokboom ingeklapt te laten bij het openen van de List View.<\/p>\n<p>Met 6.0 is de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39611\">List View standaard in alle editors ingeklapt<\/a>, waardoor de block tree in \u00e9\u00e9n oogopslag veel begrijpelijker is.<\/p>\n<figure id=\"attachment_122170\" aria-describedby=\"caption-attachment-122170\" style=\"width: 2314px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122170 size-full\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/list-view-wp-6-0.jpg\" alt=\"Standaard List View in WordPress 6.0.\" width=\"2314\" height=\"1002\"><figcaption id=\"caption-attachment-122170\" class=\"wp-caption-text\">Standaard List View in WordPress 6.0.<\/figcaption><\/figure>\n<h4>Focus op de List View knop<\/h4>\n<p>Wanneer je het List view venster opent, keert de focus nu correct <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37798\">terug naar de List view knop<\/a>. Dit is met name handig wanneer je door de List View bladert vanaf je toetsenbord. Dit resulteert in een soepelere en meer naadloze bewerkingservaring.<\/p>\n<h4>Meerdere blokken selecteren en drag &#038; drop<\/h4>\n<p>Een andere wijziging in de List View stelt je in staat om meerdere blokken op hetzelfde niveau te selecteren en ze naar een <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38314\">andere positie in de lijst<\/a> te draggen &#038; droppen.<\/p>\n<h3>Blokstijl previews<\/h3>\n<p>V\u00f3\u00f3r WordPress 6.0 werden blokstijl previews in de blokzijbalk geplaatst, die een aanzienlijk deel van het Styles venster in beslag namen.<\/p>\n<figure id=\"attachment_122172\" aria-describedby=\"caption-attachment-122172\" style=\"width: 1590px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122172 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-style-preview-wp-5-9.jpg\" alt=\"Voorbeeld van blokstijl in WordPress 5.9.\" width=\"1590\" height=\"1224\"><figcaption id=\"caption-attachment-122172\" class=\"wp-caption-text\">Voorbeeld van blokstijl in WordPress 5.9.<\/figcaption><\/figure>\n<p>In 6.0 verschijnen alleen de namen van de stijlvariaties in het Styles venster, terwijl de <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/29\/whats-new-in-gutenberg-12-0-24-november\/#block-styles-preview\">stijlpreviews buiten de zijbalk worden weergegeven<\/a> wanneer de stijlnaam wordt verplaatst of de focus krijgt.<\/p>\n<p>Deze wijziging verkleint de afmetingen van de zijbalk en zou stijlnamen duidelijker moeten maken.<\/p>\n<figure id=\"attachment_122173\" aria-describedby=\"caption-attachment-122173\" style=\"width: 1588px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122173 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-style-preview-wp-6-0.jpg\" alt=\"Blokstijl preview in WordPress 6.0.\" width=\"1588\" height=\"988\"><figcaption id=\"caption-attachment-122173\" class=\"wp-caption-text\">Blokstijl preview in WordPress 6.0.<\/figcaption><\/figure>\n<h3>Typografiesectie Paragraph<\/h3>\n<p>Om orde te scheppen in de blokzijbalk, is het besturingselement Drop Cap voor het Paragraph blok <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/29\/whats-new-in-gutenberg-12-0-24-november\/#paragraph-block-combined-typography-controls\">verplaatst<\/a> van zijn eigen sectie naar de Typography sectie.<\/p>\n<p>Dood deze wijziging worden alle bedieningselementen voor typografische instellingen nu <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36334\">onder dezelfde sectie<\/a> geplaatst, wat leidt tot een meer consistente gebruikerservaring.<\/p>\n<figure id=\"attachment_122174\" aria-describedby=\"caption-attachment-122174\" style=\"width: 1248px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122174 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/paragraph-block-typography-settings-wp-59-vs-wp-60.jpg\" alt=\"Typografie-instellingen in WordPress 5.9 versus WordPress 6.0.\" width=\"1248\" height=\"1485\"><figcaption id=\"caption-attachment-122174\" class=\"wp-caption-text\">Typografie-instellingen in WordPress 5.9 versus WordPress 6.0.<\/figcaption><\/figure>\n<h3>Rand- en kleurinstellingen verplaatst naar onder het Tools venster<\/h3>\n<p>Om orde te scheppen in een rommelige instellingenzijbalk, zijn de <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/22\/whats-new-in-gutenberg-12-2-22-december\/#a-new-home-for-border-controls\">randinstellingen<\/a> en\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/#new-color-panel-and-updated-default-color-controls\">kleurinstellingen<\/a> verplaatst naar het <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/components\/tools-panel\/\">Tools Panel<\/a> en kunnen ze in verschillende contexten worden uitgevouwen en samengevouwen.<\/p>\n<figure id=\"attachment_122175\" aria-describedby=\"caption-attachment-122175\" style=\"width: 1942px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122175 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/border-panel-wp-6-0.jpg\" alt=\"Het nieuwe Border instellingenvenster.\" width=\"1942\" height=\"474\"><figcaption id=\"caption-attachment-122175\" class=\"wp-caption-text\">Het nieuwe Border instellingenvenster.<\/figcaption><\/figure>\n<p>Deze wijziging zou de bewerkingservaring met verschillende blokken moeten stroomlijnen en meer consistentie in de zijbalk moeten brengen.<\/p>\n<figure id=\"attachment_122185\" aria-describedby=\"caption-attachment-122185\" style=\"width: 1192px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122185 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/color-panel-wp-6-0.jpg\" alt=\"Het kleurenvenster in WordPress 6.0.\" width=\"1192\" height=\"1004\"><figcaption id=\"caption-attachment-122185\" class=\"wp-caption-text\">Het kleurenvenster in WordPress 6.0.<\/figcaption><\/figure>\n<h3>Categorieherinnering bij publicatie bericht<\/h3>\n<p>Als je haast hebt of regelmatig een groot aantal blogposts publiceert, kun je makkelijk tags of categorie\u00ebn vergeten. Als je je vaak in een dergelijke situatie bevindt, zul je merken dat de tagherinnering bij het publiceren van een bericht zeer nuttig is.<\/p>\n<p>Om sitebeheerders en auteurs te helpen ervoor te zorgen dat aan hun berichten de nodige categorie\u00ebn worden toegewezen, verschijnt <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/19\/whats-new-in-gutenberg-12-4-19-january\/#post-publish-panel-categories-reminder\">vanaf WordPress 6.0<\/a> een nieuwe <strong>Suggestie: een categorie toewijzen<\/strong> venster in het Post Publish venster wanneer er nog geen categorie aan het bericht is toegevoegd.<\/p>\n<p>De onderstaande afbeelding vergelijkt het Post publish venster in WordPress 5.9 versus 6.0.<\/p>\n<figure id=\"attachment_122177\" aria-describedby=\"caption-attachment-122177\" style=\"width: 1166px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122177 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/post-publish-panel.jpg\" alt=\"Post Publish venster in WordPress 5.9 versus 6.0.\" width=\"1166\" height=\"1130\"><figcaption id=\"caption-attachment-122177\" class=\"wp-caption-text\">Post Publish venster in WordPress 5.9 versus 6.0.<\/figcaption><\/figure>\n<h3>Code-editor toegevoegd aan de site-editor<\/h3>\n<p>Vanaf WordPress 6.0 is de code-editor ook beschikbaar in de site-editor. Net als bij de <a href=\"https:\/\/kinsta.com\/nl\/blog\/gutenberg-wordpress-editor\/\">Post Editor<\/a>, vind je de code-editor onder het Options menu.<\/p>\n<figure id=\"attachment_122178\" aria-describedby=\"caption-attachment-122178\" style=\"width: 2246px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122178 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/code-editor-mode.jpg\" alt=\"WordPress 6.0 voegt de Code Editor toe aan de Site Editor.\" width=\"2246\" height=\"1106\"><figcaption id=\"caption-attachment-122178\" class=\"wp-caption-text\">WordPress 6.0 voegt de Code Editor toe aan de Site Editor.<\/figcaption><\/figure>\n<h3>Blokvergrendeling UI<\/h3>\n<p>Een nieuw <strong>Lock<\/strong> item in de More Settings dropdown opent een popup waarin je kunt voorkomen dat gebruikers blokken verplaatsen of verwijderen (of beide).<\/p>\n<figure id=\"attachment_122180\" aria-describedby=\"caption-attachment-122180\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122180 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/lock-group.jpg\" alt=\"Een groep blokken vergrendelen.\" width=\"1500\" height=\"858\"><figcaption id=\"caption-attachment-122180\" class=\"wp-caption-text\">Een groep blokken vergrendelen.<\/figcaption><\/figure>\n<p>Dit is met name handig bij het bewerken van templates en herbruikbare blokken, waar je ook het bewerken van blokken kunt beperken.<\/p>\n<figure id=\"attachment_122181\" aria-describedby=\"caption-attachment-122181\" style=\"width: 1440px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122181 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/lock-reusable-block.jpg\" alt=\"Een herbruikbaar Group blok vergrendelen.\" width=\"1440\" height=\"828\"><figcaption id=\"caption-attachment-122181\" class=\"wp-caption-text\">Een herbruikbaar Group blok vergrendelen.<\/figcaption><\/figure>\n<p>De nieuwe functie kan programmatisch uitgeschakeld worden met de nieuwe instelling <code>canLockBlocks<\/code>.<\/p>\n<p>De volgende code schakelt de blokvergrendelingsfunctie alleen in voor gebruikers met een Editor rol of hoger:<\/p>\n<pre><code class=\"language-php\">add_filter(\n\t'block_editor_settings_all',\n\tfunction( $settings, $context ) {\n\n\t\t$settings['canLockBlocks'] = current_user_can( 'delete_others_posts' );\n \n\t\treturn $settings;\n\t},\n\t10,\n\t2\n);<\/code><\/pre>\n<p>Ontwikkelaars kunnen ook de Block Locking UI voor specifieke bloktypen verbergen met behulp van de <code>lock<\/code> property:<\/p>\n<pre><code class=\"language-json\">{\n\t\"apiVersion\": 2,\n\t\"supports\": {\n\t\t\"lock\": false\n\t}\n}<\/code><\/pre>\n<p>Je kunt meer lezen over block locking in de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/05\/block-locking-settings-in-wordpress-6-0\/\">Block Locking Settings in WordPress 6.0<\/a>.<\/p>\n<h3>Multi-select<\/h3>\n<p>Het is nu mogelijk om tekst binnen meerdere blokken te selecteren.<\/p>\n<figure id=\"attachment_122179\" aria-describedby=\"caption-attachment-122179\" style=\"width: 1380px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122179 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/multi-select.jpg\" alt=\"Tekst selecteren binnen twee alinea's.\" width=\"1380\" height=\"928\"><figcaption id=\"caption-attachment-122179\" class=\"wp-caption-text\">Tekst selecteren binnen twee alinea&#8217;s.<\/figcaption><\/figure>\n<h3>Stijlbehoud<\/h3>\n<p>Wanneer je <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/#keeping-styles-when-transforming-blocks\">blokken transformeert<\/a> of nieuwe knoppen maakt, worden nu verschillende stijlen behouden.<\/p>\n<p>De afbeelding hieronder toont een List blok met verschillende stijlen.<\/p>\n<figure id=\"attachment_122182\" aria-describedby=\"caption-attachment-122182\" style=\"width: 1406px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122182 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/list-with-different-styles.jpg\" alt=\"Een List blok waarop verschillende stijlen zijn toegepast.\" width=\"1406\" height=\"596\"><figcaption id=\"caption-attachment-122182\" class=\"wp-caption-text\">Een List blok waarop verschillende stijlen zijn toegepast.<\/figcaption><\/figure>\n<p>Wanneer je het List blok omzet in Paragraph, behouden de nieuwe blokken dezelfde stijlen als de vorige lijstitems.<\/p>\n<figure id=\"attachment_122183\" aria-describedby=\"caption-attachment-122183\" style=\"width: 1384px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122183 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/transforming-a-list-into-paragraphs.jpg\" alt=\"Een List omzetten in Paragraph.\" width=\"1384\" height=\"736\"><figcaption id=\"caption-attachment-122183\" class=\"wp-caption-text\">Een List omzetten in Paragraph.<\/figcaption><\/figure>\n<p>Dezelfde verbetering is van toepassing op <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/03\/whats-new-in-gutenberg-12-5-february-2nd\/#preserve-styling-from-adjacent-buttons-when-inserting-a-new-one\">nieuwe knoppen die zijn toegevoegd aan een Buttons blok<\/a>, die nu de stijl <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37905\">overnemen van de aangrenzende knoppen<\/a>.<\/p>\n<h2>Nieuwe kernblokken<\/h2>\n<p>Het aantal kernblokken neemt voortdurend toe. Als je je afvraagt \u200b\u200bwat de kernblokken zijn die momenteel beschikbaar zijn, is er nu een <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/core-blocks\/\">handboekpagina<\/a> met een volledige lijst met kernblokken die zijn opgenomen in de Gutenberg plugin. Voor elk blok worden Name, Category, Supports, en Attributes gegeven, evenals een handige link naar de broncode, iets wat \u00a0<a href=\"https:\/\/kinsta.com\/nl\/blog\/gutenberg-blokken\/\">blokontwikkelaars<\/a> zeker zullen waarderen.<\/p>\n<p>En er komen nog meer blokken in WordPress 6.0. Vind hier de blokken die je mag verwachten in de komende versie.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Comments Query Loop<\/h3>\n<p>Net als bij het Query Loop blok, geeft een nieuw <strong>Comment Query Loop<\/strong> blok <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35231\">berichtcomments weer<\/a>. Het is een geavanceerd blok dat verschillende binnenblokken bevat die je afzonderlijk kunt bewerken en configureren.<\/p>\n<p>Zoals de onderstaande afbeelding laat zien, kun je elk van de blokken in het Comment Query Loop blok selecteren om het uiterlijk naar wens aan te passen. Je kunt ook meer blokken toevoegen of bestaande blokken verplaatsen of verwijderen (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/comments-query-loop\">Broncode<\/a>).<\/p>\n<figure id=\"attachment_122220\" aria-describedby=\"caption-attachment-122220\" style=\"width: 1980px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122220 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/comments-query-loop.jpg\" alt=\"Het Comments Query Loop blok configureren.\" width=\"1980\" height=\"1226\"><figcaption id=\"caption-attachment-122220\" class=\"wp-caption-text\">Het Comments Query Loop blok configureren.<\/figcaption><\/figure>\n<h3>Read More<\/h3>\n<p>Met een nieuw en aanpasbaar <strong>Read More<\/strong> blok kun je <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37649\">verschillende aspecten<\/a> van de Read More knop aanpassen: randen, kleuren, hoeken, typografie en meer (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/read-more\">broncode<\/a>).<\/p>\n<p>Dit is een geweldige toevoeging omdat je hiermee de Read More link kunt toevoegen en aanpassen buiten de context van het Excerpt blok.<\/p>\n<figure id=\"attachment_122221\" aria-describedby=\"caption-attachment-122221\" style=\"width: 1976px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122221 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/read-more-block.jpg\" alt=\"Het nieuwe Read More blok.\" width=\"1976\" height=\"1198\"><figcaption id=\"caption-attachment-122221\" class=\"wp-caption-text\">Het nieuwe Read More blok.<\/figcaption><\/figure>\n<h3>No Results in Query Loop<\/h3>\n<p>Het\u00a0<strong>No Results<\/strong> blok is een blokcontainer waarin je elke tekst of elk blok kunt toevoegen om te laten zien wanneer de zoekopdracht geen resultaten heeft. Om het No Results blok toe te voegen aan een Query Loop, selecteer je de Query Loop en klik je op het pluspictogram in de rechterbenedenhoek om de Quick Inserter te starten. Zoek dan naar No Results. Het blok is niet beschikbaar buiten de Query Loop (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/query-no-results\">Broncode<\/a>).<\/p>\n<figure id=\"attachment_122222\" aria-describedby=\"caption-attachment-122222\" style=\"width: 1982px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122222 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/no-results-block.jpg\" alt=\"Het No Result blok toevoegen aan de Query Loop.\" width=\"1982\" height=\"1008\"><figcaption id=\"caption-attachment-122222\" class=\"wp-caption-text\">Het No Result blok toevoegen aan de Query Loop.<\/figcaption><\/figure>\n<h3>Avatar en Post Author Biography<\/h3>\n<p>WordPress 6.0 introduceert ook nieuwe bloktypen om het Author blok in componenten te splitsen en deze afzonderlijk in je content te gebruiken.<\/p>\n<p>Het <a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/16\/whats-new-in-gutenberg-12-6-16-february\/#new-post-author-biography-and-read-more-blocks\">Post Author Biography<\/a> blok geeft de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38269\">beschrijving<\/a> van de auteur (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/post-author-biography\">broncode<\/a>).<\/p>\n<p>Het <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38591\">Avatar blok<\/a> toont eenvoudig de avatar van een gebruiker, zodat je kunt kiezen tussen site-auteurs (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/avatar\">broncode<\/a>).<\/p>\n<figure id=\"attachment_122223\" aria-describedby=\"caption-attachment-122223\" style=\"width: 1700px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122223 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/avatar-block.jpg\" alt=\"Het Avatar blok in WordPress 6.0.\" width=\"1700\" height=\"1356\"><figcaption id=\"caption-attachment-122223\" class=\"wp-caption-text\">Het Avatar blok in WordPress 6.0.<\/figcaption><\/figure>\n<p>Dit blok is met name handig om de avatar van een auteur weer te geven buiten de context van het Author Info blok of comments. Je kunt het bijvoorbeeld gebruiken op een pagina die is gewijd aan alle auteurs, of op een pagina met reviews van je gebruikers\/lezers.<\/p>\n<h2>Verbeteringen aan bestaande blokken<\/h2>\n<p>WordPress 6.0 introduceert ook verschillende wijzigingen en verbeteringen aan bestaande blokken die mogelijk een sterke impact zullen hebben op je bewerkingsworkflow. Het Navigation blok krijgt te maken met verschillende wijzigingen, maar je zult ook verbeteringen zien in andere blokken, waaronder Query Loop, Featured Image, Group en Social Icons.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"6\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Navigation blok verbeteringen<\/h3>\n<p>In de afgelopen maanden heeft het Navigation blok verschillende verbeteringen ondergaan en heeft het nu een aanzienlijk gebruiksvriendelijkere interface.<\/p>\n<p>Ten eerste is er een <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36412\">uitgebreide preview<\/a> toegevoegd aan het Navigation Link blok. Wanneer je een link toevoegt die naar een openbaar toegankelijke bron verwijst, wordt door op de linkknop in de blokwerkbalk te klikken een previewafbeelding van die bron weergegeven.<\/p>\n<figure id=\"attachment_122274\" aria-describedby=\"caption-attachment-122274\" style=\"width: 1408px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122274 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/link-preview-in-navigation-link-block-wp-6-0.jpg\" alt=\"Uitgebreide preview voor navigatielinks.\" width=\"1408\" height=\"994\"><figcaption id=\"caption-attachment-122274\" class=\"wp-caption-text\">Uitgebreide preview voor navigatielinks.<\/figcaption><\/figure>\n<p>Een paar extra wijzigingen zijn van invloed op de algehele bewerkingservaring.<\/p>\n<p>Als je nu een nieuw menu toevoegt en er bestaat maar \u00e9\u00e9n navigatiemenu, dan wordt <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39880\">dit standaard het enige beschikbare menu<\/a>. Deze wijziging zou je bewerkingsworkflow moeten versnellen als je slechts \u00e9\u00e9n navigatiemenu hebt.<\/p>\n<p>Navigatielinks hadden al een beschrijvingsveld waar gebruikers een tekst kunnen invoeren die hun navigatielinks beschrijft. In eerdere WordPress versies konden thema&#8217;s deze feature echter niet ondersteunen.<\/p>\n<p>In WordPress 6.0 verschijnt er nu een tag <code>&lt;span class=\"wp-block-navigation-item__description\"&gt;<\/code> na het label van de link.<\/p>\n<figure id=\"attachment_122275\" aria-describedby=\"caption-attachment-122275\" style=\"width: 1730px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122275 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/navigation-link-description.jpg\" alt=\"De beschrijving van de navigatielink verschijnt achter het label van de link.\" width=\"1730\" height=\"684\"><figcaption id=\"caption-attachment-122275\" class=\"wp-caption-text\">De beschrijving van de navigatielink verschijnt achter het label van de link.<\/figcaption><\/figure>\n<p>In Twenty Twenty-Two wordt het <code>.wp-block-navigation-item__description<\/code> element verborgen via CSS, maar thema&#8217;s kunnen een <code>display: block<\/code> eigenschap toevoegen om de linkbeschrijving weer te geven.<\/p>\n<figure id=\"attachment_122276\" aria-describedby=\"caption-attachment-122276\" style=\"width: 1156px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122276 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/navigation-link-description-2.jpg\" alt=\"Beschrijving van de navigatielink in WordPress 6.0 en Twenty Twenty-Two.\" width=\"1156\" height=\"966\"><figcaption id=\"caption-attachment-122276\" class=\"wp-caption-text\">Beschrijving van de navigatielink in WordPress 6.0 en Twenty Twenty-Two.<\/figcaption><\/figure>\n<h3>Query Loop filters en Featured Images<\/h3>\n<p>De sectie van de \u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2022\/02\/03\/whats-new-in-gutenberg-12-5-february-2nd\/#query-loop-custom-taxonomies-filtering-and-more\">Query Loop<\/a>\u00a0filterinstellingen sectie toont vanaf nu invoervelden voor aangepaste taxonomie\u00ebn. Hierdoor kunnen gebruikers het huidige berichttype filteren op een of meer <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38063\">aangepaste taxonomie\u00ebn<\/a> die zijn geregistreerd voor het geselecteerde berichttype.<\/p>\n<p>Het is nu ook mogelijk om berichten op <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38024\">meerdere auteurs<\/a> te filteren, terwijl je in eerdere versies slechts \u00e9\u00e9n auteur uit een dropdown mocht selecteren.<\/p>\n<figure id=\"attachment_122277\" aria-describedby=\"caption-attachment-122277\" style=\"width: 1206px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122277 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/query-loop-filters-settings.jpg\" alt=\"Query Loop filterinstellingen in WordPress 6.0.\" width=\"1206\" height=\"820\"><figcaption id=\"caption-attachment-122277\" class=\"wp-caption-text\">Query Loop filterinstellingen in WordPress 6.0.<\/figcaption><\/figure>\n<p>Bovendien kun je nu ook de afmetingen van de Featured Image <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37945\">binnen een Query Loop blok<\/a> instellen.<\/p>\n<figure id=\"attachment_122278\" aria-describedby=\"caption-attachment-122278\" style=\"width: 2244px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122278 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/query-loop-featured-image-size.jpg\" alt=\"De afmetingen van Featured Image in een Query Loop blok beheren.\" width=\"2244\" height=\"1086\"><figcaption id=\"caption-attachment-122278\" class=\"wp-caption-text\">De afmetingen van Featured Image in een Query Loop blok beheren.<\/figcaption><\/figure>\n<h3>Typografie en kader ondersteuning in Responsive Group blokken<\/h3>\n<p>Group en Row blokken <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/05\/whats-new-in-gutenberg-12-3-5-january\/#group-block-gap-support-typography-support\">ondersteunen nu typografie-instellingen<\/a>. Met deze wijziging kunnen gebruikers dezelfde <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37456\">typografie instellingen toepassen op een hele groep<\/a> blokken tegelijk, wat een paar klikken bespaart als het gaat om het opmaken van een groep met meerdere geneste blokken.<\/p>\n<figure id=\"attachment_122279\" aria-describedby=\"caption-attachment-122279\" style=\"width: 2876px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122279 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/typography-settings-group.block_.jpg\" alt=\"Typografische instellingen voor een Group blok.\" width=\"2876\" height=\"1320\"><figcaption id=\"caption-attachment-122279\" class=\"wp-caption-text\">Typografische instellingen voor een Group blok.<\/figcaption><\/figure>\n<p>Het Group blok is verder verbeterd en nu kun je eenvoudig <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/14\/whats-new-in-gutenberg-13-0-14-april\/#highlight-3\">blokken groeperen in Stack of Row<\/a> met een enkele klik.<\/p>\n<p>Selecteer gewoon de blokken die je wilt groeperen en kies een van de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39920\">drie beschikbare bedieningselementen<\/a> in de blokwerkbalk: <strong>Group<\/strong>,\u00a0<strong>Row<\/strong>,\u00a0<strong>Stack<\/strong>.<\/p>\n<p>Zodra je blokken hebt gegroepeerd, toont een nieuw venster in de instellingenzijbalk <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/40176\">beschrijvingen van groepsvariaties<\/a>, zodat je met een paar klikken van <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/40036\">variatie kunt wisselen<\/a>.<\/p>\n<figure id=\"attachment_122280\" aria-describedby=\"caption-attachment-122280\" style=\"width: 1902px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122280 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/row-block.jpg\" alt=\"Een Row blok toont blokken horizontaal.\" width=\"1902\" height=\"710\"><figcaption id=\"caption-attachment-122280\" class=\"wp-caption-text\">Een Row blok toont blokken horizontaal.<\/figcaption><\/figure>\n<p>WordPress 6.0 introduceert ook <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#other-notable-highlights\">margeondersteuning voor Group blokken<\/a>, waardoor gebruikers de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/37344\">boven- en ondermarges afzonderlijk kunnen regelen<\/a>.<\/p>\n<figure id=\"attachment_122282\" aria-describedby=\"caption-attachment-122282\" style=\"width: 1862px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122282 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/group-block-margins.jpg\" alt=\"Marges regelen met een Group blok.\" width=\"1862\" height=\"1192\"><figcaption id=\"caption-attachment-122282\" class=\"wp-caption-text\">Marges regelen met een Group blok.<\/figcaption><\/figure>\n<h3>Featured Image in het Cover blok<\/h3>\n<p>Vanaf nu kun je <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/14\/whats-new-in-gutenberg-13-0-14-april\/#highlight-2\">Featured Images in Cover blokken<\/a> gebruiken. Bij WordPress 6.0 is een <strong>Use featured image<\/strong> schakelaar toegevoegd aan de blokwerkbalk. Dankzij deze nieuwe feature kun je met een enkele klik overschakelen van de huidige afbeelding naar de featured image.<\/p>\n<figure id=\"attachment_122284\" aria-describedby=\"caption-attachment-122284\" style=\"width: 1904px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122284 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/use-featured-image.jpg\" alt=\"Featured image gebruiken met een Cover blok.\" width=\"1904\" height=\"1186\"><figcaption id=\"caption-attachment-122284\" class=\"wp-caption-text\">Featured image gebruiken met een Cover blok.<\/figcaption><\/figure>\n<h3>Labels laten zien\/verbergen in Social Icons<\/h3>\n<p>Een kleine maar nuttige verbetering van het <strong>Social Icons<\/strong> blok stelt gebruikers nu in staat om <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38152\">pictogramlinklabels in of uit te schakelen<\/a>.<\/p>\n<figure id=\"attachment_122287\" aria-describedby=\"caption-attachment-122287\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122287 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/show-label-off.jpg\" alt=\"Een Show label element maakt het mogelijk om labels in Social Icons aan\/uit te zetten.\" width=\"2164\" height=\"706\"><figcaption id=\"caption-attachment-122287\" class=\"wp-caption-text\">Een Show label element maakt het mogelijk om labels in Social Icons aan\/uit te zetten.<\/figcaption><\/figure>\n<p>Als je deze optie inschakelt, kun je de standaardservicenaam weergeven of afzonderlijk aangepaste labels voor je pictogrammen instellen.<\/p>\n<figure id=\"attachment_122288\" aria-describedby=\"caption-attachment-122288\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122288 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/show-label-on.jpg\" alt=\"Labels weergeven ingeschakeld.\" width=\"2164\" height=\"800\"><figcaption id=\"caption-attachment-122288\" class=\"wp-caption-text\">Labels weergeven ingeschakeld.<\/figcaption><\/figure>\n<h3>Overige blokverbeteringen<\/h3>\n<p>De aankomende WordPress versie bevat verder een groot aantal verbeteringen aan vele andere blokken.<\/p>\n<p>Je kunt nu bijvoorbeeld de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31737\">randen van Columns blokken beheren<\/a> (Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/02\/whats-new-in-gutenberg-12-7-2-march\/#other-notable-highlights\">12.7<\/a>).<\/p>\n<figure id=\"attachment_122289\" aria-describedby=\"caption-attachment-122289\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122289 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/columns-block-borders.jpg\" alt=\"Randen beheren van het Columns blok.\" width=\"2164\" height=\"1190\"><figcaption id=\"caption-attachment-122289\" class=\"wp-caption-text\">Randen beheren van het Columns blok.<\/figcaption><\/figure>\n<p>Een andere handige UX verbetering stelt je in staat om <a href=\"https:\/\/make.wordpress.org\/core\/2022\/03\/16\/whats-new-in-gutenberg-12-8-16-march\/#highlight-2\">interne links in te voegen<\/a> met behulp van een eenvoudige <code>[[<\/code> toetsenbordtrigger.<\/p>\n<figure id=\"attachment_122291\" aria-describedby=\"caption-attachment-122291\" style=\"width: 1368px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122291 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/internal-link-trigger.jpg\" alt=\"Het toevoegen van interne links in WordPress 6.0 is eenvoudiger.\" width=\"1368\" height=\"612\"><figcaption id=\"caption-attachment-122291\" class=\"wp-caption-text\">Het toevoegen van interne links in WordPress 6.0 is eenvoudiger.<\/figcaption><\/figure>\n<p>Het is nu makkelijker om de ruimte rond afbeeldingen in een Gallery blok te regelen dankzij het nieuwe besturingselement voor <strong>blokafstand<\/strong>.<\/p>\n<figure id=\"attachment_122292\" aria-describedby=\"caption-attachment-122292\" style=\"width: 2164px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122292 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-spacing-0.jpg\" alt=\"Afbeeldingen zonder blokafstand. \" width=\"2164\" height=\"730\"><figcaption id=\"caption-attachment-122292\" class=\"wp-caption-text\">Afbeeldingen zonder blokafstand.<\/figcaption><\/figure>\n<figure id=\"attachment_122293\" aria-describedby=\"caption-attachment-122293\" style=\"width: 2162px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-122293 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/04\/block-spacing-40.jpg\" alt=\"Afbeeldingen met blokafstand. \" width=\"2162\" height=\"710\"><figcaption id=\"caption-attachment-122293\" class=\"wp-caption-text\">Afbeeldingen met blokafstand.<\/figcaption><\/figure>\n<h2>Wijzigingen voor ontwikkelaars en prestatieverbeteringen<\/h2>\n<p>WordPress 6.0 voegt ook veel features voor ontwikkelaars.<\/p>\n<ul>\n<li>Een nieuw filter <code>wp_content_img_tag<\/code> maakt aanpassing van afbeeldingen in een blob van HTML content mogelijk (zie <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/27\/new-filter-to-modify-content-images-in-wordpress-6-0\/\">New filter to modify content images in WordPress 6.0<\/a>).<\/li>\n<li>De <code>parse_request<\/code> methode is gewijzigd om het aantal query&#8217;s te verminderen wanneer <code>do_parse_request<\/code>-filter false teruggeeft (zie <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/27\/changes-to-do_parse_request-filter-in-wordpress-6-0\/\">Changes to do_parse_request filter in WordPress 6.0<\/a>).<\/li>\n<li>Je kan nu blokken registreren vanuit een thema (zie <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/block-editor-miscellaneous-dev-notes-for-wordpress-6-0\/#blocks-in-themes\">Registration of Blocks from within Themes<\/a>).<\/li>\n<li>Een nieuwe <code>ancestor<\/code> property maakt een blok alleen beschikbaar binnen de opgegeven bloktypen (zie <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/block-editor-miscellaneous-dev-notes-for-wordpress-6-0\/#ancestor\">New ancestor property in block.json<\/a>).<\/li>\n<\/ul>\n<p>De nieuwe release geeft ook een boost aan de prestaties, met een paar toevoegingen aan de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/29\/caching-improvements-in-wordpress-6-0\/\">WordPress Caching API<\/a>, prestatieverbeteringen aan <a href=\"https:\/\/make.wordpress.org\/core\/2022\/04\/28\/taxonomy-performance-improvements-in-wordpress-6-0\/\">taxonomie term query&#8217;s<\/a> en verdere prestatieverbeteringen aan single sites met <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/02\/performance-increase-for-sites-with-large-user-counts-now-also-available-on-single-site\/\">grote gebruikersaantallen<\/a>.<\/p>\n<p>Hiermee be\u00ebindigen we onze roundup van de nieuwe features en wijzigingen die je ziet zodra je WordPress websites zijn bijgewerkt naar 6.0.<\/p>\n<p>Maar dit is slechts een selectie van de verbeteringen van WordPress 6.0. Bekijk voor een volledige lijst de release notes van Gutenberg en de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/03\/wordpress-6-0-field-guide\/\">WordPress 6.0 Field Guide<\/a>.<\/p>\n\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-plain\">\n        <p><\/p>\n<h3>Zo installeer je WordPress 6.0 op een lokale ontwikkelomgeving<\/h3>\n<p>Als je de ontwikkelversies van WordPress v\u00f3\u00f3r de offici\u00eble release wilt uitproberen, volg je deze stappen:<\/p>\n<ol>\n<li>Open DevKinsta en maak een nieuwe lokale WordPress website<\/li>\n<li>Als je klaar bent, open je je WordPress dashboard en navigeer je naar <strong>Plugins \u2192 Add New<\/strong><\/li>\n<li>Zoek en installeer de <strong>WordPress Beta Tester <\/strong>plugin<\/li>\n<li>Activeer de plugin en ga naar <strong>Tools \u2192 Beta Testing<\/strong><\/li>\n<li>Kies op het Settings tabblad van WP Beta Tester de <strong>Bleeding edge <\/strong>optie en sla instellingen op<\/li>\n<li>Terug naar je WordPress Dashboard, open het <strong>Updates <\/strong>scherm en update naar de laatste nightly versie<\/li>\n<\/ol>\n<p>Dat is alles! Nu heb je een lokale WordPress ontwikkelingsinstallatie en ben je vrij om al je tests uit te voeren. Kijk eens rond en laat ons weten wat je van de nieuwe features vindt.<\/p>\n<p>Met DevKinsta heb je maar een paar klikken nodig om een moderne ontwikkelomgeving voor WordPress op je lokale computer te hebben. \ud83d\udda5<\/p>\n<p>Download DevKinsta gratis <a href=\"https:\/\/kinsta.com\/nl\/devkinsta\/\">hier<\/a>! \ud83d\udc48<\/p>\n<\/aside>\n\n<h2>Samenvatting<\/h2>\n<p>Zoals hierboven vermeld, kunnen we nu zeggen dat we ons midden in fase twee van Gutenbergs ontwikkeling bevinden, de <strong>Customization Phase<\/strong>.<\/p>\n<p>Full-site editing maakt nu deel uit van de WordPress core en 6.0 en de volgende versies zullen verdere verbeteringen brengen aan wat we al hebben en kunnen gebruiken.<\/p>\n<p>Dit alles zal een enorme impact hebben op het <a href=\"https:\/\/kinsta.com\/nl\/wordpress-marktaandeel\/\">WordPress ecosysteem<\/a> en het web als geheel, ook gezien het feit dat, op het moment van schrijven,<\/p>\n<blockquote><p>WordPress wordt gebruikt door 64,2% van alle websites waarvan we het contentmanagementsysteem kennen. Dit is 43,0% van alle websites. (Bron <a href=\"https:\/\/w3techs.com\/technologies\/details\/cm-wordpress\">W3Techs<\/a>)<\/p><\/blockquote>\n<p>We stoppen hier voorlopig. Onze lijst met features en verbeteringen die met WordPress 6.0 worden geleverd, kan niet in \u00e9\u00e9n bericht worden samengevat, maar hopelijk hebben we in ieder geval de toevoegingen benadrukt die de grootste impact zullen hebben op de manier waarop we WordPress van dag tot dag gebruiken.<\/p>\n<p>Nu willen we dit artikel be\u00ebindigen met enkele vragen voor onze lezers!<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-question\">\n        <p>Bouw jij je websites al met full-site editing? Vind je de nieuwe editor een geschikte tool om professionele websites mee te bouwen, of denk je dat deze nog verbeterd moet worden voordat je hem zakelijk kunt gebruiken? Heb je de nieuwe WordPress features van 6.0 al getest?<\/p>\n<\/aside>\n\n<p>Deel alsjeblieft je mening met de community in de comments hieronder. \ud83d\udc47<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.0 Arturo is gearriveerd en, zoals gewoonlijk, hebben wij een kijkje onder de motorkap genomen om onze lezers een preview te geven van wat er &#8230;<\/p>\n","protected":false},"author":36,"featured_media":43642,"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-43641","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.0: nieuwe blokken, style switching, templatebewerking, webfonts API en nog veel meer<\/title>\n<meta name=\"description\" content=\"Bekijk ons uitgebreide overzicht van WordPress 6.0 met Webfonts API, Style switching, nieuwe blokken, Full Site Editing 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-0\/\" \/>\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.0: nieuwe blokken, style switching, templatebewerking, webfonts API en nog veel meer\" \/>\n<meta property=\"og:description\" content=\"Bekijk ons uitgebreide overzicht van WordPress 6.0 met Webfonts API, Style switching, nieuwe blokken, Full Site Editing en nog veel meer!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/\" \/>\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=\"2022-05-26T05:31:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-08T09:01:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2022\/05\/whats-new-in-wordpress-6.0.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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 uitgebreide overzicht van WordPress 6.0 met Webfonts API, Style switching, nieuwe blokken, Full Site Editing en nog veel meer!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2022\/05\/whats-new-in-wordpress-6.0.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=\"32 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-0\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Wat is er nieuw in WordPress 6.0: nieuwe blokken, style switching, templatebewerking, webfonts API en nog veel meer\",\"datePublished\":\"2022-05-26T05:31:01+00:00\",\"dateModified\":\"2023-06-08T09:01:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/\"},\"wordCount\":4753,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2022\/05\/whats-new-in-wordpress-6.0.png\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/\",\"name\":\"Wat is er nieuw in WordPress 6.0: nieuwe blokken, style switching, templatebewerking, webfonts API en nog veel meer\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2022\/05\/whats-new-in-wordpress-6.0.png\",\"datePublished\":\"2022-05-26T05:31:01+00:00\",\"dateModified\":\"2023-06-08T09:01:35+00:00\",\"description\":\"Bekijk ons uitgebreide overzicht van WordPress 6.0 met Webfonts API, Style switching, nieuwe blokken, Full Site Editing en nog veel meer!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2022\/05\/whats-new-in-wordpress-6.0.png\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2022\/05\/whats-new-in-wordpress-6.0.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/#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.0: nieuwe blokken, style switching, templatebewerking, webfonts 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":"Wat is er nieuw in WordPress 6.0: nieuwe blokken, style switching, templatebewerking, webfonts API en nog veel meer","description":"Bekijk ons uitgebreide overzicht van WordPress 6.0 met Webfonts API, Style switching, nieuwe blokken, Full Site Editing 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-0\/","og_locale":"nl_NL","og_type":"article","og_title":"Wat is er nieuw in WordPress 6.0: nieuwe blokken, style switching, templatebewerking, webfonts API en nog veel meer","og_description":"Bekijk ons uitgebreide overzicht van WordPress 6.0 met Webfonts API, Style switching, nieuwe blokken, Full Site Editing en nog veel meer!","og_url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2022-05-26T05:31:01+00:00","article_modified_time":"2023-06-08T09:01:35+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2022\/05\/whats-new-in-wordpress-6.0.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Bekijk ons uitgebreide overzicht van WordPress 6.0 met Webfonts API, Style switching, nieuwe blokken, Full Site Editing en nog veel meer!","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2022\/05\/whats-new-in-wordpress-6.0.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Carlo Daniele","Geschatte leestijd":"32 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Wat is er nieuw in WordPress 6.0: nieuwe blokken, style switching, templatebewerking, webfonts API en nog veel meer","datePublished":"2022-05-26T05:31:01+00:00","dateModified":"2023-06-08T09:01:35+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/"},"wordCount":4753,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2022\/05\/whats-new-in-wordpress-6.0.png","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/","url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/","name":"Wat is er nieuw in WordPress 6.0: nieuwe blokken, style switching, templatebewerking, webfonts API en nog veel meer","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2022\/05\/whats-new-in-wordpress-6.0.png","datePublished":"2022-05-26T05:31:01+00:00","dateModified":"2023-06-08T09:01:35+00:00","description":"Bekijk ons uitgebreide overzicht van WordPress 6.0 met Webfonts API, Style switching, nieuwe blokken, Full Site Editing en nog veel meer!","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2022\/05\/whats-new-in-wordpress-6.0.png","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2022\/05\/whats-new-in-wordpress-6.0.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-0\/#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.0: nieuwe blokken, style switching, templatebewerking, webfonts 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\/43641","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=43641"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/43641\/revisions"}],"predecessor-version":[{"id":43671,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/43641\/revisions\/43671"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/43641\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/43641\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/43641\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/43641\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/43641\/translations\/de"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/43641\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/43641\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/43641\/translations\/jp"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/43641\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/43642"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=43641"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=43641"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=43641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}