{"id":61006,"date":"2024-11-07T08:54:26","date_gmt":"2024-11-07T07:54:26","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=61006&preview=true&preview_id=61006"},"modified":"2024-11-13T09:38:41","modified_gmt":"2024-11-13T08:38:41","slug":"wordpress-6-7","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-7\/","title":{"rendered":"Nieuw in WordPress 6.7: outzoommodus, metaboxes, blokpattern API en nog veel meer"},"content":{"rendered":"

WordPress 6.7 staat voor de deur<\/a> en het is tijd om de nieuwe features, veranderingen en verbeteringen te bekijken die de nieuwe versie voor ons in petto heeft.<\/p>\n

Deze release<\/a> bevat 87 verbeteren aan de core, featureverzoeken en meer dan 200 bugfixes.<\/p>\n

Acht Gutenberg versies, van 18.6 tot 19.3, zijn opgenomen in de core van WordPress 6.7. De Block Editor ontvangt 445 verbeteringen, 464 bugfixes en 55 toegankelijkheidsverbeteringen.<\/p>\n

Ook komen er nieuwe krachtige API’s voor ontwikkelaars naar de core. De interface van de editor ontvangt verschillende toevoegingen en verbeteringen, waaronder tools die voorheen alleen toegankelijk waren via code. Gebruiksverbeteringen en nieuwe ontwerptools moeten het ontwerpproces stroomlijnen.<\/p>\n

WordPress 6.7 toont ook een nieuw standaardthema, Twenty Twenty-Five<\/a>, dat profiteert van de nieuwste features van deze nieuwe versie.<\/p>\n

Van de vele nieuwe toevoegingen en veranderingen die in WordPress 6.7 zitten, hebben we er een paar geselecteerd die we het meest interessant vinden voor ontwikkelaars en gebruikers. Er valt veel te bespreken, dus laten we meteen de nieuwste features bijlangsgaan.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Uitzoommodus<\/h2>\n

WordPress 6.7 heeft een nieuwe uitzoommodus<\/a> waarmee je content kunt maken en bewerken en je kunt concentreren op patterns in plaats van op afzonderlijke blokken. Hierdoor kun je op een hoger niveau werken en krijg je een algemeen beeld van de pagina die je aan het bouwen bent.<\/p>\n

De volgende afbeeldingen laten de nieuwe feature in actie zien. Met een nieuwe knop Toggle Zoom Out <\/strong>in de bovenste werkbalk kun je de uitzoommodus in- en uitschakelen, zodat je afwisselend op patterns of individuele blokken kunt werken.<\/p>\n

\"Toggle
Toggle Zoom Out in WordPress 6.7<\/figcaption><\/figure>\n
\"Toggle
Toggle Zoom Out in WordPress 6.7<\/figcaption><\/figure>\n

Als de uitzoommodus is ingeschakeld, kun je verschillende acties uitvoeren op het geselecteerde pattern. De werkbalk van het blok bevat knoppen om te slepen<\/strong>, omhoog\/omlaag te verplaatsen<\/strong> en te shufflen<\/strong>. De lijstweergave biedt links om verschillende acties uit te voeren, zoals Bewerken<\/strong>, Dupliceren<\/strong> en Verwijderen<\/strong> van het geselecteerde pattern.<\/p>\n

\"Blokpatterns
Blokpatterns in de List weergave<\/figcaption><\/figure>\n

Als je werkt met Uitzoomen ingeschakeld, gaat de blok-inserter standaard naar het tabblad Patterns<\/a>. De lijstweergave weerspiegelt ook de bewerkingsmodus en toont patterns in plaats van blokken.<\/p>\n

Voor een uitgebreidere lijst van features en wijzigingen met betrekking tot de uitzoommodus, zie het iteratieprobleem van de uitzoommodus<\/a> en de dev notes voor uitzoomen in WordPress 6.7<\/a>.<\/p>\n

Metaboxes in de bericht editor<\/h2>\n

In versies van voor 6.7 verhinderden metaboxes dat het canvas van de bericht editor in een iframe werd geladen. Hierdoor waren verschillende voordelen niet beschikbaar, zoals de isolatie van blok en thema CSS van de editor UI en de nauwkeurigheid van relatieve CSS units voor media queries en viewport. Dit probleem verhinderde het gebruik van dezelfde CSS in de editor en front-end views.<\/p>\n

Vanaf WordPress 6.7 kunnen de content van de editor en metaboxes naast elkaar bestaan in de interface van de editor. Dankzij een nieuwe gesplitste weergave<\/a> wordt het canvas van de posteditor geladen in een iframe, zelfs als de huidige post\/pagina een of meer metaboxes heeft. Volgens de dev notes<\/a>:<\/p>\n

Deze verandering zorgt voor een consistente WYSIWYG-ervaring tussen de Editor en front-end weergaven. Daarnaast maakt het de metaboxes gemakkelijker beschikbaar dan voorheen. Je kunt visueel verwijzen naar elk deel van de inhoud van een bericht terwijl je werkt met elk metabox of omgekeerd.<\/p><\/blockquote>\n

\"Een
Een canvas in iframe met metaboxes in WordPress 6.7<\/figcaption><\/figure>\n

Deze implementatie gebruikt flex<\/code> om de inhoudsweergave en het metaboxgebied scollbaar te maken.<\/p>\n

Deze verbetering brengt ook verschillende wijzigingen aan in de Post editor interface:<\/p>\n