{"id":54315,"date":"2023-07-24T11:56:16","date_gmt":"2023-07-24T09:56:16","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=54315&preview=true&preview_id=54315"},"modified":"2023-08-18T07:30:29","modified_gmt":"2023-08-18T05:30:29","slug":"wordpress-6-3","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/wordpress-6-3\/","title":{"rendered":"Wat is er nieuw in WordPress 6.3: Een vernieuwde site-editor, een nieuw opdrachtpalet, stijlherzieningen, nieuwe blokken en nog veel meer!"},"content":{"rendered":"

WordPress 6.3 “Lionel” is uitgebracht!<\/strong> Het is de allerlaatste major release<\/a> van fase 2<\/a> van de WordPress roadmap.<\/p>\n

Tijdens de tweede fase richtte de ontwikkeling zich voornamelijk op de Site Editor, werd de functionaliteit ervan uitgebreid en werden de interface en bruikbaarheid verbeterd.<\/p>\n

Dat betekent dat sitebouwers tegenwoordig layouts kunnen ontwerpen en content kunnen beheren binnen dezelfde interface, zonder van het ene naar het andere beheergebied te hoeven springen en zonder ook maar \u00e9\u00e9n regel code te hoeven schrijven.<\/p>\n

Met WordPress 6.3 zijn 10 versies van de Gutenberg plugin samengevoegd in de core, en als je Gutenberg niet gebruikt op je website, zul je veel veranderingen zien in de interface van de Site Editor.<\/p>\n

Met WordPress 6.3 is de bewerkingservaring aanzienlijk verbeterd<\/a>. Verschillende technische wijzigingen hebben de Site Editor be\u00efnvloed, wat heeft geresulteerd in een nieuwe manier van het verkennen van blokkenthema’s en het gebruik van de Site Editor zelf. Verbeterde navigatie, afleidingsvrije modus, previews van blokkenthema’s, stijl- en templaterevisies, een nieuw Command palette en nog veel meer.<\/p>\n

Er valt veel te zeggen over WordPress 6.3. Geen tijd te verliezen, laten we uitzoeken wat er nieuw is met de nieuwste release van fase 2.<\/p>\n

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

Bekijk onze videohandleiding over WordPress 6.3<\/a>:<\/strong><\/p>\n<\/kinsta-video>\n

Verbeterde navigatie in de Site Editor<\/h2>\n

Met WordPress 6.3 is de navigatie in de Site Editor aanzienlijk verbeterd<\/a> met de toevoeging van nieuwe toegangspunten tot verschillende delen van de editor. Voor 6.3 waren deze beheergedeeltes bereikbaar via toegangspunten in verschillende beheermenu’s en schermen. Het resultaat van deze veranderingen is een eenvoudigere en consistentere bewerkingservaring.<\/p>\n

De volgende afbeelding vergelijkt het navigatiemenu van de editor in WordPress 6.2 en 6.3.<\/p>\n

\"Site
Site Editor navigatie in WordPress 6.2 vs. 6.3<\/figcaption><\/figure>\n

Het eerste wat je opvalt in bovenstaande afbeelding zijn de twee knoppen in de rechterbovenhoek van de zijbalk van de editor. De knop View site<\/strong> verschijnt bij mouseover en biedt snelle toegang tot de voorkant van je WordPress website. Dit is een kleine maar nuttige toevoeging waarmee je snel naar de pagina’s van je site kunt gaan, ongeacht waar je je in de Site Editor bevindt als het navigatiemenu geopend is.<\/p>\n

De knop Open command palette<\/strong> (het lenspictogram) biedt toegang tot een nieuwe WordPress 6.3 f<\/a>eature, het Command palette <\/b>(waarover hieronder<\/a> meer).<\/p>\n

\"View
Knoppen View site en Command Palette in de Site Editor<\/figcaption><\/figure>\n

De nieuwe editor Navigation bevat de volgende onderdelen.<\/p>\n

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

Navigatie<\/h3>\n

Zodra je een navigatiemenu hebt gemaakt, verschijnt het in het Navigation menu <\/b>van de Site Editor. Hier kun je de menu-items omhoog of omlaag verplaatsen of verwijderen uit een vervolgkeuzelijst. Je kunt ook items drag-and-droppen om de menuvolgorde te ordenen.<\/p>\n

\"Navigation
Navigation menu’s in de Site Editor<\/figcaption><\/figure>\n

Als je op een menu-item klikt, ga je naar de paginadetails. Hier kun je ook de paginacontent en -layout bewerken (zie hieronder).<\/p>\n

Styles<\/h3>\n

Vanuit het menu Styles <\/strong>heb je toegang tot stylevariaties in bladermodus<\/a>. Hier kun je een voorbeeld van de beschikbare stijlen bekijken, er een toepassen en je eigen aanpassingen maken.<\/p>\n

\"Style
Style menu in WordPress 6.3<\/figcaption><\/figure>\n

Het oog-icoon start het Style book<\/strong>, een feature die werd ge\u00efntroduceerd in 6.2<\/a> en die een preview geeft van de beschikbare blokken met de verschillende stijlen, die je kan toepassen zonder de interface van de editor te verlaten.<\/p>\n

\"Het
Je hebt eenvoudig toegang tot het Style book vanuit het paneel Styles van de Site Editor<\/figcaption><\/figure>\n

Pages<\/h3>\n

Het menuonderdeel Pages <\/b>geeft je toegang tot de 10 laatst bijgewerkte pagina’s van de site<\/a> plus verschillende bewerkingsfeatures. In dit onderdeel kun je nieuwe pagina’s maken<\/a>, inhoud en layout van bestaande pagina’s bewerken, paginadetails bekijken en nog veel meer.<\/p>\n

De meest interessante toevoeging hier is dat het nu mogelijk is om nieuwe pagina’s te maken<\/a> zonder de interface van de editor te verlaten.<\/p>\n

Als je op het +<\/strong> pictogram in het Navigation <\/b>panel klikt, kun je in een nieuw modal in het midden van de pagina een titel voor de nieuwe pagina instellen, waarbij ook een tooltip wordt getoond met suggesties voor je titel.<\/p>\n

\"Een
Een nieuwe pagina maken in WordPress 6.3<\/figcaption><\/figure>\n

Als je op Create concept <\/strong>klikt, word je doorgestuurd naar de berichteditor waarin al een nieuwe pagina is geladen.<\/p>\n

Onder Pages <\/b>kun je de paginacontent ook rechtstreeks vanuit de Site Editor bewerken<\/a>.<\/p>\n

\"Pages
Pages menu in WordPress 6.3<\/figcaption><\/figure>\n

Je kunt nu zowel de paginacontent als de stijl op dezelfde plaats bewerken<\/strong>. Dit geeft je meer controle over alle aspecten van de pagina en zou de bewerkingservaring aanzienlijk moeten verbeteren.<\/p>\n

In de bewerkingsmodus kun je eenvoudig schakelen<\/a> tussen de pagina-editor en de template-editor. Dit voorkomt verwarring over wat je aan het bewerken bent en laat je bepalen of je wijzigingen alleen van invloed moeten zijn op de huidige pagina of ook van toepassing moeten zijn op de andere pagina’s die dezelfde template gebruiken.<\/p>\n

Hetzelfde scherm toont ook paginadetails<\/a>.<\/p>\n

\"Paginadetails
Paginadetails in de Site Editor<\/figcaption><\/figure>\n

Details die je hier kan vinden zijn momenteel:<\/p>\n