{"id":46366,"date":"2022-10-04T12:16:28","date_gmt":"2022-10-04T10:16:28","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=46366&preview=true&preview_id=46366"},"modified":"2023-05-23T10:26:20","modified_gmt":"2023-05-23T08:26:20","slug":"twenty-twenty-three-thema","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/twenty-twenty-three-thema\/","title":{"rendered":"Twenty Twenty-Three: Een nieuw standaard WordPress thema van de community"},"content":{"rendered":"

Twenty Twenty-Three is het gloednieuwe standaard WordPress thema dat gelanceerd wordt met WordPress 6.1<\/a>.<\/p>\n

Het is een minimalistisch thema<\/a> zonder afbeeldingen of extra functionaliteit. Het is in zijn kracht als starterthema om templates en stijlvariaties te bouwen en ook alle features te testen die met de nieuwste versies van WordPress zijn ge\u00efntroduceerd. Het thema kan worden gezien als een rasechte ontwikkel- en testomgeving, hoewel de minimalistische stijl, de responsiviteit en de lichtheid het een goede optie maken voor het maken van blogs en websites voor de meest uiteenlopende doeleinden.<\/p>\n

In zijn inleiding op het thema Twenty Twenty-Two<\/a> schreef Kjell Reigstad over de toekomst van standaardthema’s<\/a>:<\/p>\n

Innovaties als theme.json, bloktemplates en blokpatronen maken de ontwikkeling van thema’s veel eenvoudiger, en bieden nieuwe manieren voor gebruikers om hun sites aan te passen. Er is reden om aan te nemen dat de community\u00a0dit alles kan benutten om in de komende jaren meer en gevarieerdere thema- en aanpassingsoplossingen te bouwen voor onze gebruikers.<\/p><\/blockquote>\n

En Channing Ritter deed het volgende voorstel<\/a>:<\/p>\n

Wat als we, in plaats van het thema zelf te benadrukken, een opini\u00ebrende reeks stijlvarianten benadrukken die door leden van de community zijn ontworpen? We zouden Twenty Twenty-Two kunnen gebruiken als basis voor een nieuw thema dat sober en minimaal is \u2014 een leeg canvas om een breed scala aan stijlvariaties te laten schitteren.<\/p><\/blockquote>\n

En dat is wat er gebeurt met het nieuwe standaardthema Twenty Twenty-Three. De community is opgeroepen om actief deel te nemen aan het ontwerp van het standaard WordPress thema, en daar houden we van omdat het nieuwe thema zo het resultaat wordt van echte samenwerking.<\/p>\n

\"Twenty
Twenty Twenty-Three preview<\/figcaption><\/figure>\n\n

Maar voordat we de stijlvarianten onthullen die met het nieuwe WordPress standaardthema zijn gebundeld, laten we eerst de basisfeatures van Twenty Twenty-Three uitzoeken en waar het geschikt voor kan zijn.<\/p>\n

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

Paginalayouts en -stijlen<\/h2>\n

Zoals gezegd is Twenty Twenty-Three een uitgeklede versie van Twenty Twenty-Two. Wat opvalt aan het nieuwe standaardthema is zijn eenvoud en lichtheid. Twenty Twenty-Three is flexibel en perfect geschikt voor de nieuwste sitebewerkingsfeatures van Gutenberg, zoals templatebewerking, Global Styles<\/a> variaties, Fluid Typography<\/a> en blokpatronen<\/a>.<\/p>\n

Het zal dus geen verrassing zijn dat je in de in dit artikel getoonde schermafbeeldingen minimale pagina’s ziet zonder toeters en bellen, maar perfect geschikt om aan te passen en te testen.<\/p>\n

Om je daarvan een voorbeeld te geven, toont de onderstaande afbeelding pagina’s met en zonder uitgelichte afbeeldingen.<\/p>\n

\"Preview
Preview van een enkele post met en zonder uitgelichte afbeelding in Twenty Twenty-Three<\/figcaption><\/figure>\n

De volgende afbeelding vergelijkt de startpagina met een archiefpagina.<\/p>\n

\"Startpagina
Startpagina vergeleken met archiefpagina in Twenty Twenty-Three<\/figcaption><\/figure>\n

Ook al is het nieuwe thema een vereenvoudigde versie van Twenty Twenty-Two, vergeleken met het vorige standaardthema presenteert Twenty Twenty-Three enkele belangrijke verschillen.<\/p>\n

Ten eerste is de grootte van de koppen verkleind en is het standaard serif lettertype vervangen door een systeem sans serif\u00a0lettertype.<\/p>\n

\"Grootte
Grootte van de koppen in Twenty Twenty-Three<\/figcaption><\/figure>\n

Ook is er een ander kleurenpalet toegepast. Je kunt de nieuwe Twenty Twenty-Three palet definitie zien in de volgende code uit de theme.json<\/em>:<\/p>\n

{\n\t\"settings\": {\n\t\t\"appearanceTools\": true,\n\t\t\"color\": {\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#ffffff\",\n\t\t\t\t\t\"name\": \"Base\",\n\t\t\t\t\t\"slug\": \"base\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#000000\",\n\t\t\t\t\t\"name\": \"Contrast\",\n\t\t\t\t\t\"slug\": \"contrast\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#9DFF20\",\n\t\t\t\t\t\"name\": \"Primary\",\n\t\t\t\t\t\"slug\": \"primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#345C00\",\n\t\t\t\t\t\"name\": \"Secondary\",\n\t\t\t\t\t\"slug\": \"secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#F6F6F6\",\n\t\t\t\t\t\"name\": \"Tertiary\",\n\t\t\t\t\t\"slug\": \"tertiary\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t}\n}<\/code><\/pre>\n
\"Twenty
Twenty Twenty-Three standaardkleuren<\/figcaption><\/figure>\n
Maar de belangrijkste feature\u00a0van het nieuwe standaardthema is de set stijlvariaties. Twenty Twenty-Three komt met tien globale stijlvariaties, die elk een andere combinatie van kleuren, lettertypefamilie en lettergroottes laten zien.<\/p>\n
\"Twenty
Twenty Twenty-Three Global Styles<\/figcaption><\/figure>\n
Je vindt de bijbehorende JSON bestanden in de Twenty Twenty-Three styles<\/em> map.<\/p>\n
Volledige previews van paginatemplates, stijlen en stijlvarianten van Twenty Twenty-Three zijn beschikbaar op Figma<\/a>.<\/p>\n
\"Twenty
Twenty Twenty-Three Style Variations preview op Figma<\/figcaption><\/figure>\n
Twenty Twenty-Three typografie<\/h2>\n
In een minimaal thema als Twenty-Three speelt typografie een sleutelrol bij het leesbaar maken van de tekst, het aantrekkelijk maken van de site en uiteindelijk het bieden van een lonende surfervaring aan bezoekers, ongeacht apparaat en schermgrootte.<\/p>\n
Om dit doel te bereiken komt Twenty Twenty-Three met een nieuwe set lettertypefamilies en gebruikt het Fluid Typography dat met WordPress 6.1 is ge\u00efntroduceerd.<\/p>\n
Lettertypes<\/h3>\n
Twenty Twenty-Three beschikt over een nieuwe set lettertypes die in stijlvarianten worden gebruikt en gekenmerkt worden door eenvoud en afwisseling:<\/p>\n