{"id":26923,"date":"2019-10-02T07:49:55","date_gmt":"2019-10-02T14:49:55","guid":{"rendered":"https:\/\/kinqsta.com\/?p=55649"},"modified":"2023-06-07T09:11:10","modified_gmt":"2023-06-07T07:11:10","slug":"twenty-twenty-thema","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/","title":{"rendered":"Twenty Twenty: Een inleiding tot het nieuwe standaard WordPress-thema"},"content":{"rendered":"<p>Twenty Twenty is het nieuwe <a href=\"https:\/\/kinqsta.com\/nl\/blog\/snelste-wordpress-thema\/\">standaardthema van WordPress<\/a> en hoort bij de nieuwste release van WordPress 5.3. Net als zijn voorganger\u00a0<a href=\"https:\/\/kinqsta.com\/nl\/blog\/twenty-nineteen-theme\/\">TwentyNineteen<\/a> is Twenty Twenty speciaal gericht op\u00a0<a href=\"https:\/\/kinqsta.com\/nl\/blog\/gutenberg-wordpress-editor\/\">Gutenberg<\/a>. Er bestaat echter een groot verschil tussen beide: Twenty Twenty is niet vanuit het niets opgebouwd; het is ontworpen op basis van een bestaand thema uit de WordPress-community.<\/p>\n<p>Omdat we dol zijn op alles wat met WordPress te maken heeft, hebben we eens goed gekeken naar het nieuwe Twenty Twenty-thema. We keken hiervoor onder andere naar het function.php-bestand, de stylesheet en de sjablonen.<\/p>\n<p>Twenty Twenty is op moment van schrijven verre van ook maar enigszins stabiel en bovendien kampt het thema met <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\/issues\">veel onopgeloste problemen<\/a>. Toch zullen we vandaag onze allereerste gedachten over het nieuwe standaard WordPress-thema met je delen.<\/p>\n<p>Laten we eens goed kijken naar dit nieuwe Twenty Twenty WordPress-thema!<\/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<figure id=\"attachment_55657\" aria-describedby=\"caption-attachment-55657\" style=\"width: 1800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-55657 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/09\/twenty-twenty-themavoorbeeld.jpg\" alt=\"Twenty Twenty WordPress-themavoorbeeld\" width=\"1800\" height=\"1657\"><figcaption id=\"caption-attachment-55657\" class=\"wp-caption-text\">Twenty Twenty WordPress-themavoorbeeld (Afbeeldingsbron: <a href=\"https:\/\/make.wordpress.org\/core\/2019\/09\/06\/introducing-twenty-twenty\/\">Make WordPress Core<\/a>)<\/figcaption><\/figure>\n<h2 id=\"intro\">Korte inleiding tot het Twenty Twenty-thema<\/h2>\n<p>Twenty Twenty is op <a href=\"https:\/\/www.andersnoren.se\/teman\/chaplin-wordpress-theme\/\">Chaplin<\/a> gebouwd, een gratis WordPress-thema van <a href=\"https:\/\/profiles.wordpress.org\/anlino\/\">Anders Nor\u00e9n<\/a>, die ook Default Theme Design Lead is van WordPress 5.3.<\/p>\n<p>Chaplin kan worden gedownload in de <a href=\"https:\/\/wordpress.org\/themes\/chaplin\/\">WordPress.org-bibliotheek<\/a> en is volgens Anders gebouwd met de Block Editor in gedachten:<\/p>\n<blockquote><p>Chaplin is een WordPress-thema boordevol functies en een die jou volledige controle geeft over de lettertypen en kleuren op je site. Het is vanaf de grond af opgebouwd met de nieuwe Block Editor in het achterhoofd en maakt het gemakkelijk om mooie lay-outs te maken voor zowel artikelen als pagina&#8217;s.<\/p><\/blockquote>\n<figure id=\"attachment_55653\" aria-describedby=\"caption-attachment-55653\" style=\"width: 1800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-55653 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/11\/chaplin-1.jpg\" alt=\"Chaplin WordPress-thema\" width=\"1800\" height=\"2665\"><figcaption id=\"caption-attachment-55653\" class=\"wp-caption-text\">Chaplin WordPress-thema<\/figcaption><\/figure>\n<p>Dezelfde filosofie zit achter Twenty Twenty: <strong>flexibiliteit<\/strong>, <strong>duidelijkheid <\/strong>en <strong>leesbaarheid<\/strong> zijn de kernwoorden voor het nieuwe thema.<\/p>\n<p>Twenty Twenty wordt geleverd met een enkele kolomindeling en drie post-of paginasjablonen, met als doel <a href=\"https:\/\/kinqsta.com\/nl\/blog\/gebruikersrollen-wordpress\/\">WordPress-beheerders<\/a> en ontwerpers <strong>de vrijheid te geven hun aangepaste lay-outs rechtstreeks in de Block Editor te cre\u00ebren, <\/strong>door gebruik te maken van brede en volledige uitlijningen voor blokelementen zoals kolommen, afbeeldingen en het door Gutenberg 5.5 ge\u00efntroduceerde <a href=\"https:\/\/make.wordpress.org\/core\/2019\/04\/17\/whats-new-in-gutenberg-17th-april\/\">groepsblok<\/a>.<\/p>\n<p>Zoals Anders uitlegt:<\/p>\n<blockquote><p>Twenty Twenty is ontworpen met flexibiliteit als uitgangspunt. Als je het wilt gebruiken voor een organisatie of een bedrijf, kun je kolommen, groepen en media combineren met brede en volledige uitlijningen om dynamische lay-outs te cre\u00ebren, zodat je met je diensten of producten kunt schitteren. Als je het voor een traditionele blog wilt gebruiken, is de gecentreerde inhoudskolom daar ook perfect voor.<\/p><\/blockquote>\n<p>Daarnaast komt Twenty Twenty met een nieuw lettertype: <a href=\"https:\/\/rsms.me\/inter\/\">Inter<\/a>. Het is een <a href=\"https:\/\/github.com\/rsms\/inter\">gratis en opensource lettertypefamilie<\/a>, speciaal ontworpen door Rasmus Andersson voor de leesbaarheid van tekst in een combinatie van hoofdletters en kleine letters, vooral met kleine lettergroottes.<\/p>\n<figure id=\"attachment_55659\" aria-describedby=\"caption-attachment-55659\" style=\"width: 2208px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-55659 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/09\/inter-1.jpg\" alt=\"Inter lettertypefamilie\" width=\"2208\" height=\"1939\"><figcaption id=\"caption-attachment-55659\" class=\"wp-caption-text\">De Inter-lettertypefamilie<\/figcaption><\/figure>\n<p>Inter geeft een sterkere persoonlijkheid aan grote kopteksten, maar je zult er het meeste uit halen wanneer je het gebruikt met afwisselende tekstgroottes, zoals getoond in het themavoorbeeld van het WordPress.org-blogpost:<\/p>\n<figure id=\"attachment_55677\" aria-describedby=\"caption-attachment-55677\" style=\"width: 1440px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-55677 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/09\/twenty-twenty-typografie-1.jpg\" alt=\"twenty twenty typografie\" width=\"1440\" height=\"2111\"><figcaption id=\"caption-attachment-55677\" class=\"wp-caption-text\">Twenty Twenty typografie: impact en leesbaarheid<\/figcaption><\/figure>\n<p>Twenty Twenty is een meer dan volledig uitgerust thema; het is een thema dat een belangrijke nieuwe stap zet in de richting waar WordPress als bewerkingsinterface naartoe wil. Twenty Twenty stoelt in wezen op de Block Editor voor het bewerken en opmaken van de inhoud en op de Theme Customizer voor de koptekst, voettekst en aanvullende aanpassingen.<\/p>\n<p>Het is nu tijd om <a href=\"https:\/\/kinqsta.com\/nl\/blog\/een-thema-installeren-wordpress\/\">dit WordPress-thema te installeren<\/a> en uit te voeren.<\/p>\n<h2 id=\"installing-twenty-twenty\">Twenty Twenty installeren<\/h2>\n<p>Het aankomende standaardthema volgt het <a href=\"https:\/\/make.wordpress.org\/core\/5-3\/\">releaseplan van\u00a0WordPress 5.3<\/a>. Dit betekent dat op het moment van schrijven Twenty Twenty nog steeds niet beschikbaar is om te downloaden in de WordPress Theme Directory.<\/p>\n<p>Hoe dan ook, je kunt een lopende versie van Twenty Twenty op GitHub vinden en deze installeren in de huidige stabiele versie van WordPress en in WordPress 5.3. De Github-opslagplaats zal overigens worden opgeheven zodra het thema bij de <a href=\"https:\/\/kinqsta.com\/nl\/docs\/ondersteuning\/mogelijkheden-support\/managed-wordpress-supportmogelijkheden\/\">kern<\/a> is gevoegd. Ondertussen kun je de volgende datums uit het release-schema van WordPress 5.3 in de gaten houden:<\/p>\n<ul>\n<li>23 september 2019: Beta 1<\/li>\n<li>30 september 2019: Beta 2<\/li>\n<li>7 oktober 2019: Beta 3<\/li>\n<li>15 oktober 2019: Release kandidaat 1<\/li>\n<li>22 oktober 2019: Release kandidaat 2<\/li>\n<li>29 oktober 2019: Release kandidaat 3<\/li>\n<li>5 november 2019: Release kandidaat 4 (indien nodig)<\/li>\n<li><strong>12 november 2019: Streefdatum voor de release van WordPress 5.3.<\/strong><\/li>\n<\/ul>\n<p>Volg de onderstaande stappen om met Twenty Twenty te beginnen:<\/p>\n<ol>\n<li>Download het ZIP-pakket van <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\">GitHub<\/a>.<\/li>\n<li>Upload het ZIP-bestand naar je testomgeving in <a href=\"https:\/\/kinqsta.com\/blog\/wordpress-admin\/\">het WordPress-dashboard<\/a> of via<\/li>\n<li>Blader naar\u00a0<strong>Weergave \u2192 Thema\u2019s<\/strong>en klik op de\u00a0knop <strong>Activeren<\/strong>\u00a0in de voorbeeldafbeelding van het thema.<\/li>\n<li>Ga naar\u00a0<strong>Weergave \u2192 Customizer<\/strong>om Twenty Twenty in te stellen.<\/li>\n<\/ol>\n<p>Dat is het dan! Nu kun je beginnen met het uitvoeren van je tests op\u00a0je <a href=\"https:\/\/kinqsta.com\/nl\/docs\/wordpress-hosting\/testomgeving\/\">tijdelijke website<\/a>\u00a0of binnen je\u00a0<a href=\"https:\/\/kinqsta.com\/nl\/blog\/lokale-wordpress-installatie\/\">lokale omgeving<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Twenty Twenty is momenteel in ontwikkeling en <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\/issues\">veel problemen<\/a> zijn nog niet opgelost. Je zou het niet op een live site moeten gebruiken.<\/p>\n<\/aside>\n\n<figure id=\"attachment_55674\" aria-describedby=\"caption-attachment-55674\" style=\"width: 1524px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-55674 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/09\/twenty-twenty-kwestie-github-185.jpg\" alt=\"Twenty Twenty\" width=\"1524\" height=\"1390\"><figcaption id=\"caption-attachment-55674\" class=\"wp-caption-text\">Een open kwestie op GitHub<\/figcaption><\/figure>\n<p>Nu je klaar bent om te beginnen, gaan we verder en duiken in het <strong>Twenty Twenty<\/strong> WordPress-thema.<\/p>\n<h2 id=\"features\">Twenty Twenty&#8217;s themafuncties<\/h2>\n<p>Twenty Twenty is geen volledig uitgerust <a href=\"https:\/\/kinqsta.com\/nl\/blog\/wijzig-wordpress-thema\/\">WordPress-thema<\/a>, maar een beperkt en minimaal thema met als doel <a href=\"https:\/\/kinqsta.com\/nl\/blog\/wordpress-ontwikkelaar-huren\/\">ontwikkelaars en sitebeheerders<\/a> de vrijheid te geven om aangepaste inhoudsindelingen voor hun posts en pagina&#8217;s te bouwen. Net als <a href=\"https:\/\/kinqsta.com\/nl\/blog\/twenty-nineteen-theme\/\">TwentyNineteen<\/a> is Twenty Twenty gebouwd voor Gutenberg en hangt die grotendeels af van de levenscyclus van Gutenberg (meer over dit onderwerp in <a href=\"https:\/\/wordpress.tv\/2019\/07\/04\/matt-mullenweg-matt-on-wordpress\/\">deze video<\/a> van Matt Mullenweg op WCEU 2019).<\/p>\n<p>Het thema ondersteunt een aantal <a href=\"https:\/\/codex.wordpress.org\/Theme_Features\">themafuncties<\/a>, zoals inhoudsbreedte (<code>580<\/code>), automatische feedkoppelingen, artikel-thumbnails, titeltags en sommige <a href=\"https:\/\/kinqsta.com\/nl\/blog\/html-vs-html5\/#what-is-html5\">HTML5-elementen<\/a> (zoekformulier, opmerkingenformulier, opmerkingenlijst, galerij en bijschrift).<\/p>\n<p>Andere functies voegen opties toe aan de\u00a0<a href=\"https:\/\/developer.wordpress.org\/themes\/customize-api\/customizer-objects\/\">Theme Customizer<\/a>. Dit zijn onder andere <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/#custom-background\">aangepaste achtergronden<\/a> en <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/#custom-logo\">aangepast logo<\/a>. De codefragmenten hieronder vertonen deze functies al ingeschakeld in het functiebestand van het thema:<\/p>\n<pre><code class=\"language-php\">\/\/ Custom background color\nadd_theme_support(\n\t'custom-background',\n\tarray(\n\t\t'default-color'\t=&gt; 'F5EFE0'\n\t)\n);<\/code><\/pre>\n<pre><code class=\"language-php\">\/\/ Custom logo\nadd_theme_support(\n\t'custom-logo',\n\tarray(\n\t\t'height'      =&gt; 240,\n\t\t'width'       =&gt; 320,\n\t\t'flex-height' =&gt; true,\n\t\t'flex-width'  =&gt; true,\n\t\t'header-text' =&gt; array( 'site-title', 'site-description' ),\n\t)\n);<\/code><\/pre>\n<figure id=\"attachment_57626\" aria-describedby=\"caption-attachment-57626\" style=\"width: 2600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57626 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/09\/twenty-twenty-theme-customizer-2.jpg\" alt=\"De Theme Customizer in Twenty Twenty\" width=\"2600\" height=\"1380\"><figcaption id=\"caption-attachment-57626\" class=\"wp-caption-text\">De Theme Customizer in Twenty Twenty<\/figcaption><\/figure>\n<p>Twenty Twenty ondersteunt ook enkele <a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/themes\/theme-support\/\">specifieke functies van Gutenberg<\/a>. Ten eerste ondersteunt het thema <strong>brede en volledige breedte-uitlijningen<\/strong>:<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for full and wide align images.\nadd_theme_support( 'align-wide' );<\/code><\/pre>\n<p>Het <strong>kleurenpalet van de editor<\/strong> wordt ingeschakeld wanneer de gebruiker een accentkleur heeft ingesteld in de Customizer (standaard ingeschakeld):<\/p>\n<pre><code class=\"language-php\">\/\/ If we have accent colors, add them to the block editor palette\nif ( $editor_color_palette ) {\n\tadd_theme_support( 'editor-color-palette', $editor_color_palette );\n}<\/code><\/pre>\n<figure id=\"attachment_57629\" aria-describedby=\"caption-attachment-57629\" style=\"width: 297px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57629 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/09\/twenty-twenty-customizing-colors-2.png\" alt=\"Kleuren aanpassen in Twenty Twenty\" width=\"297\" height=\"380\"><figcaption id=\"caption-attachment-57629\" class=\"wp-caption-text\">Kleuren aanpassen in Twenty Twenty<\/figcaption><\/figure>\n<p>Het thema Twenty Twenty wordt geleverd met vier <strong>lettertypegroottes in de editor <\/strong>die allemaal beschikbaar zijn in de Block Editor:<\/p>\n<pre><code class=\"language-php\">\/\/ Gutenberg Font Sizes\nadd_theme_support( 'editor-font-sizes', array(\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Small', 'Name of the small font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'S', 'Short name of the small font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 16,\n\t\t'slug' \t\t=&gt; 'small',\n\t),\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Regular', 'Name of the regular font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'M', 'Short name of the regular font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 18,\n\t\t'slug' \t\t=&gt; 'regular',\n\t),\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Large', 'Name of the large font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'L', 'Short name of the large font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 24,\n\t\t'slug' \t\t=&gt; 'large',\n\t),\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Larger', 'Name of the larger font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'XL', 'Short name of the larger font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 32,\n\t\t'slug' \t\t=&gt; 'larger',\n\t),\n) );<\/code><\/pre>\n<figure id=\"attachment_57630\" aria-describedby=\"caption-attachment-57630\" style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57630 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/09\/twenty-twenty-tekstinstellingen.png\" alt=\"Lettergroottes in de tekstinstellingen van het bewerkingsblok\" width=\"280\" height=\"444\"><figcaption id=\"caption-attachment-57630\" class=\"wp-caption-text\">Lettergroottes in de tekstinstellingen van het bewerkingsblok<\/figcaption><\/figure>\n<p>En dat is het dan. Het thema is vrij minimaal, ook qua functionaliteit, maar het is gemakkelijk uit te breiden met een child-thema, en we zullen het daar zo meteen over hebben.<\/p>\n<h2 id=\"appearance\">Het uiterlijk van Twenty Twenty aanpassen<\/h2>\n<p>Twenty Twenty komt zonder toeters en bellen, maar biedt grote flexibiliteit bij gebruik in combinatie met Gutenberg (of met een goede <a href=\"https:\/\/kinqsta.com\/nl\/blog\/wordpress-page-builders\/\">paginabouwer<\/a>).<\/p>\n<h3>Het thema Twenty Twenty aanpassen<\/h3>\n<p>The <strong>Site Identity<\/strong> handles <a href=\"https:\/\/kinqsta.com\/nl\/blog\/verberg-titels-pagina-berichten\/\">site title<\/a> and tagline, logo, and icon. You can enable\/disable all these elements in the <strong>Site Identity<\/strong> section of the Customizer:<\/p>\n<figure id=\"attachment_57631\" aria-describedby=\"caption-attachment-57631\" style=\"width: 464px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57631 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/09\/twenty-twenty-site-identity-2.png\" alt=\"Site-identiteit in de instellingen van Customizer\" width=\"464\" height=\"508\"><figcaption id=\"caption-attachment-57631\" class=\"wp-caption-text\">Site-identiteit in de instellingen van Customizer<\/figcaption><\/figure>\n<p>In het gedeelte van de <strong>Cover Template<\/strong> van de Customizer worden de aanpassingsinstellingen voor de <strong>Cover Template<\/strong>-pagina behandeld. Daar vind je:<\/p>\n<ul>\n<li>Een optie om een parallax-effect op de <a href=\"https:\/\/kinqsta.com\/nl\/blog\/wordpress-achtergrondafbeeldingen\/\">achtergrondafbeelding<\/a> in te schakelen (vaste achtergrondafbeelding).<\/li>\n<li>Kleurkiezers om je aangepaste achtergrondkleur en tekstkleur in te stellen voor de aanbevolen beeldoverlay.<\/li>\n<li>Een schuifregelaar om de dekking van de overlay te regelen.<\/li>\n<\/ul>\n<figure id=\"attachment_57632\" aria-describedby=\"caption-attachment-57632\" style=\"width: 298px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57632 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/09\/twenty-twenty-customizing-cover-template-2.png\" alt=\"Het gedeelte Cover Template in de Customizer\" width=\"298\" height=\"690\"><figcaption id=\"caption-attachment-57632\" class=\"wp-caption-text\">Het gedeelte Cover Template in de Customizer<\/figcaption><\/figure>\n<p>De sectie <strong>Menus<\/strong> biedt vijf menulocaties. Je kunt een normaal horizontaal menu aan de header toevoegen (<strong>Desktop Horizontal Menu<\/strong>) en\/of een in- en uitklapbaar <strong>navigatiemenu<\/strong> (<strong>Desktop Expanded Menu<\/strong>). Het Mobile Menu is een menu dat alleen op mobiele apparaten te zien is en het <strong>Footer Menu<\/strong> en het <strong>Social Menu<\/strong> bevinden zich in de footer van de pagina.<\/p>\n<figure id=\"attachment_57633\" aria-describedby=\"caption-attachment-57633\" style=\"width: 298px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57633 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/09\/twenty-twenty-customizing-menus-2.png\" alt=\"Menulocaties in Twenty Twenty\" width=\"298\" height=\"690\"><figcaption id=\"caption-attachment-57633\" class=\"wp-caption-text\">Menulocaties in Twenty Twenty<\/figcaption><\/figure>\n<p>De voettekst verwerkt de locaties van het Footer Menu en het Social Menu tezamen met twee andere widgetgebieden. De volgende afbeelding toont de voettekst van het thema met alle elementen op hun plaats:<\/p>\n<figure id=\"attachment_55668\" aria-describedby=\"caption-attachment-55668\" style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-55668 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/09\/twenty-twenty-sjabloon.png\" alt width=\"1600\" height=\"1014\"><figcaption id=\"caption-attachment-55668\" class=\"wp-caption-text\">Voettekst-sjabloon in Twenty Twenty<\/figcaption><\/figure>\n<p>Ten slotte kun je in het gedeelte<strong> Additional CSS<\/strong> je aangepaste stijlen opnemen.<\/p>\n<h3>Artikel\/paginasjablonen<\/h3>\n<p>Wanneer het gaat om post- en paginalay-outs, kun je kiezen uit drie verschillende sjablonen. Naast het standaardsjabloon biedt Twenty Twenty een <strong>omslagsjabloon<\/strong> (Cover Template) en een <strong>sjabloon voor de volledige breedte<\/strong> (Full Width Template), waarmee je het uiterlijk van je inhoud kunt aanpassen.<\/p>\n<figure id=\"attachment_57634\" aria-describedby=\"caption-attachment-57634\" style=\"width: 279px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57634 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/09\/twenty-twenty-paginasjablonen-2.png\" alt=\"Enig post- en paginasjablonen in Twenty Twenty\" width=\"279\" height=\"223\"><figcaption id=\"caption-attachment-57634\" class=\"wp-caption-text\">Enig post- en paginasjablonen in Twenty Twenty<\/figcaption><\/figure>\n<h3>De Block Editor in Twenty Twenty<\/h3>\n<p>Vanwege de minimale aanpak is het uiterlijk van Twenty Twenty grotendeels afhankelijk van de Block Editor. We voeren onze tests uit op Twenty Twenty met Gutenberg-versie 6.4.0. Deze versie biedt een groot aantal nieuwe functies, verbeteringen en bugfixes die de bewerkingservaring aanzienlijk hebben verbeterd.<\/p>\n<p>Sommige blokken zijn vooral handig bij het bouwen van websites met maar \u00e9\u00e9n pagina. Blokken zoals <strong>Media &#038; Text<\/strong> en <strong>Cover<\/strong> zijn verbeterd en zien er nu fantastisch uit wanneer het aankomt op het presenteren van producten en\/of professionele <a href=\"https:\/\/kinqsta.com\/nl\/blog\/portfoliowebsite\/\">portfolio&#8217;s<\/a>:<\/p>\n<figure id=\"attachment_55672\" aria-describedby=\"caption-attachment-55672\" style=\"width: 2558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-55672 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/09\/media-text-1.jpg\" alt=\"Media &#038; Text block\" width=\"2558\" height=\"1296\"><figcaption id=\"caption-attachment-55672\" class=\"wp-caption-text\">Media &#038; Text block (volledig uitgelijnd)<\/figcaption><\/figure>\n<p>Omdat Gutenberg \u201cwerk in uitvoering\u201d is, wil je misschien enkele van de meest populaire plugins bekijken waarmee je meer blokken aan de editor kunt toevoegen.<\/p>\n<p>Hier heb je een korte lijst met plugins die het proberen waard zijn:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/ultimate-addons-for-gutenberg\/\">Gutenberg Blocks<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/coblocks\/\">CoBlocks<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/stackable-ultimate-gutenberg-blocks\/\">Stackable<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/atomic-blocks\/\">Atomic Blocks<\/a>.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/advanced-gutenberg\/\">Advanced Gutenberg<\/a><\/li>\n<\/ul>\n<p>Theme Customizer en Block Editor werken heel goed wanneer het gaat om uiterlijk en lay-outaanpassing, maar een child-thema kan je meer controle geven over het uiterlijk van je pagina&#8217;s.<\/p>\n<h2 id=\"child-theming\">Hoe maak je een child-thema voor het Twenty Twenty-thema<\/h2>\n<p>Het bouwen van child-thema&#8217;s voor WordPress kan handig zijn en is ook een goede manier om een carri\u00e8re te starten als een <a href=\"https:\/\/kinqsta.com\/nl\/blog\/wordpress-ontwikkelaar-salaris\/\">WordPress-thema-ontwikkelaar<\/a>. Twenty Twenty kan een geweldig parent-thema zijn bij het bouwen van child-thema&#8217;s in WordPress. Misschien is het iets voor je? \ud83d\ude09<\/p>\n<p>Als je niet weet waar\u00a0je moet beginnen wat betreft child-thema&#8217;s, bekijk dan onze uitgebreide gids over <a href=\"https:\/\/kinqsta.com\/nl\/blog\/child-thema-wordpress\/\">het maken van een child-thema in WordPress<\/a>.<\/p>\n<p>Laten we nu ons eerste child-thema bouwen voor Twenty Twenty!<\/p>\n<p>Maak een nieuwe map onder <code>wp-content\/themes<\/code> en noem deze zoiets als <code>twentytwenty-child<\/code>, of wat je maar te binnen schiet.<\/p>\n<p>Blader naar <code>wp-content\/themes\/twentytwenty-child<\/code> en maak een nieuw <code>style.css<\/code>-bestand met de volgende kop:<\/p>\n<pre><code class=\"language-css\">\/*\nTheme Name: My Twenty Twenty Child Theme\nTheme URI: https:\/\/example.com\nDescription: A child theme for Twenty Twenty.\nAuthor: Your Name\nAuthor URI: https:\/\/example.com\/\nTemplate: twentytwenty\nVersion: 1.0\nLicense: GNU General Public License v2 or later\nLicense URI: https:\/\/www.gnu.org\/licenses\/gpl-2.0.html\n*\/<\/code><\/pre>\n<p>Vervolgens moeten we het opmaakmodel van het bovenliggende thema opnemen. Maak in dezelfde map het volgende \u00a0<code>functies.php<\/code>-bestand:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/* enqueue scripts and style from parent theme *\/        \nfunction twentytwenty_styles() {\n\twp_enqueue_style( 'parent', get_template_directory_uri() . '\/style.css' );\n}\nadd_action( 'wp_enqueue_scripts', 'twentytwenty_styles');<\/code><\/pre>\n<p>Ga nu naar <strong>Weergave \u2192 Thema\u2019s<\/strong> en activeer je onderliggend thema. Je kunt nu beginnen met je aanpassingen.<\/p>\n<figure id=\"attachment_57636\" aria-describedby=\"caption-attachment-57636\" style=\"width: 1680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57636 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/09\/twenty-twenty-activateer-onderliggende-thema-2.jpg\" alt=\"Activeer het onderliggende thema\" width=\"1680\" height=\"762\"><figcaption id=\"caption-attachment-57636\" class=\"wp-caption-text\">Activeer het onderliggende thema<\/figcaption><\/figure>\n<p>Je kunt bijna alles in Twenty Twenty wijzigen, van het toevoegen van aangepaste sjablonen, tot het toevoegen van aangepaste stijlen of het wijzigen van de standaardstijlen van het thema.<\/p>\n<p>Hier zal ik je laten zien hoe je een nieuwe aangepaste sjabloon voor enige posts en pagina&#8217;s kunt maken.<\/p>\n<h3>Een aangepast post- of paginasjabloon toevoegen in Twenty Twenty<\/h3>\n<p>We hebben nu een child-thema voor Twenty Twenty gemaakt en de bovenliggende stijlen aan het opmaakmodel van dit child-thema toegevoegd. In het onderstaande voorbeeld verwijderen we de koptekst en voettekst, en maken we ruimte voor de hoofdtekst van de pagina in een post- of paginasjabloonbestand.<\/p>\n<h3>Stap 1<\/h3>\n<p>Kopieer en plak de volgende bestanden van het parent-thema in de map van het onderliggend thema:<\/p>\n<ul>\n<li>template-full-width.php<\/li>\n<li>header.php<\/li>\n<li>footer.php<\/li>\n<\/ul>\n<h3>Stap 2<\/h3>\n<p>Hernoem\u00a0<code>template-full-width.php<\/code>\u00a0naar\u00a0<code>template-canvas.php<\/code>\u00a0(of wat je maar wilt). Open het bestand, verwijder de huidige inhoud en plak het volgende:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/*\nTemplate Name: Canvas Template\nTemplate Post Type: post, page\n*\/\nget_template_part( 'singular' );<\/code><\/pre>\n<p><strong>Template Name<\/strong> stelt de naam van het sjabloonbestand in zoals je het in de Block Editor ziet, terwijl <strong>Template Post Type<\/strong> de posttypen definieert die dit sjabloonbestand ondersteunen. De\u00a0 functie <code>get_template_part<\/code> laadt het bestand <code>singular.php<\/code> vanuit het parent-thema (we hebben dus geen kopie van dit bestand nodig in ons onderliggend thema).<\/p>\n<p>Ga naar het WordPress-dashboard en maak een nieuw bericht. Je zou nu een extra paginasjabloon moeten vinden in het gedeelte\u00a0<strong>Post attributes<\/strong>.<\/p>\n<figure id=\"attachment_57637\" aria-describedby=\"caption-attachment-57637\" style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57637 size-full\" src=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/09\/twenty-twenty-beschikbaar-sjabloon-attributes-2.png\" alt=\"Een nieuwe sjabloon is beschikbaar in Post Attributes\" width=\"280\" height=\"246\"><figcaption id=\"caption-attachment-57637\" class=\"wp-caption-text\">Een nieuwe sjabloon is beschikbaar in Post Attributes<\/figcaption><\/figure>\n<h3>Stap 3<\/h3>\n<p>En nu komt het leuke gedeelte. Open <code>header.php<\/code> in je favoriete <a href=\"https:\/\/kinqsta.com\/nl\/blog\/beste-teksteditors\/\">teksteditor<\/a> en plaats het <code>header<\/code> -element in de volgende <code>if<\/code> -instructie:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nif ( is_singular() && ! is_page_template( array( 'template-canvas.php' ) ) ) {\n?&gt;\n &lt;header id=\"site-header\" class=\"header-footer-group\" role=\"banner\"&gt;\n\t\t...\n\t&lt;\/header&gt;&lt;!-- #site-header --&gt;\n\n\t&lt;?php \n\t\/\/ Output the menu modal\n\tget_template_part( 'template-parts\/modal-menu' ); \n}<\/code><\/pre>\n<p>Deze code controleert of de huidige pagina <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_singular\/\">een bericht, pagina, of aangepast bericht is<\/a> en <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_page_template\/\">of de paginasjabloon<\/a> geen <code>template-canvas.php<\/code> is. Als de paginasjabloon <code>template-canvas.php<\/code><strong> is<\/strong>, bevat deze niet de siteheader en het modale menu.<\/p>\n<p>Op dezelfde manier kunnen we de voettekst van een postpagina verwijderen wanneer de actieve paginasjabloon onze canvas is. Voeg gewoon dezelfde voorwaarde toe in <code>footer.php<\/code> zoals hieronder getoond:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nif ( is_singular() && ! is_page_template( array( 'template-canvas.php' ) ) ) {\n?&gt;\n &lt;footer id=\"site-footer\" role=\"contentinfo\" class=\"header-footer-group\"&gt;\n\t...\n\t&lt;\/footer&gt;&lt;!-- #site-footer --&gt;\n&lt;?php } ?&gt;\n\t&lt;?php wp_footer(); ?&gt;\n\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>U kunt de <a href=\"https:\/\/github.com\/carlodaniele\/twentytwenty-child\">code van dit voorbeeld hier downloaden<\/a>.<\/p>\n<p>Maak nu een nieuwe post of pagina, selecteer de Canvas-sjabloon in <strong>Post\/Page attributes<\/strong> en controleer de pagina door er als normale bezoeker naartoe te gaan.<\/p>\n\n<h2>Samenvatting<\/h2>\n<p>Twenty Twenty is een minimalistisch WordPress-thema met een lay-out bestaande uit een enkele kolom. De manier waarop we dit thema zullen inzetten hangt vooral af van hoe de Block Editor zich ontwikkelt. Zoals Anders uitdrukkelijk zegt:<\/p>\n<blockquote><p>&#8220;De belofte van de Block Editor is om gebruikers de vrijheid te geven hun sites naar eigen inzicht te ontwerpen en te structureren.&#8221;<\/p><\/blockquote>\n<p>Na <a href=\"https:\/\/kinqsta.com\/nl\/blog\/twenty-nineteen-theme\/\">Twenty Nineteen<\/a> is het nieuwe standaardthema van Twenty Twenty de tweede in een nieuwe generatie thema&#8217;s met als doel &#8220;het bouwen van websites mogelijk te maken zonder handmatige codebewerking&#8221;. WordPress sites die worden aangedreven door het Twenty Twenty thema zijn er in alle soorten en maten. Als je wil weten of een thema Twenty Twenty gebruikt, gebruik dan onze handige <a href=\"https:\/\/kinqsta.com\/nl\/tools\/wordpress-theme-detector\/\">WordPress Theme Detector Tool<\/a>.<\/p>\n<p>Als je denkt dat Gutenberg nog steeds niet volledig betrouwbaar is voor je projecten, kun je de benodigde blokken toevoegen met plugins zoals eerder vermeld. Of je kunt simpelweg een <a href=\"https:\/\/kinqsta.com\/nl\/blog\/wordpress-page-builders\/\">externe paginabouwer gebruiken<\/a>.<\/p>\n<p>Nu is het jouw beurt: installeer het nieuwe standaard WordPress-thema, speel ermee en laat ons weten wat je ervan vindt, hier in de reacties!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Twenty Twenty is het nieuwe standaardthema van WordPress en hoort bij de nieuwste release van WordPress 5.3. Net als zijn voorganger\u00a0TwentyNineteen is Twenty Twenty speciaal gericht &#8230;<\/p>\n","protected":false},"author":36,"featured_media":26924,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[46,28],"topic":[902],"class_list":["post-26923","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-gutenberg","tag-wordpress","topic-wordpress-themas"],"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>Twenty Twenty: Een inleiding tot het nieuwe standaard WordPress thema<\/title>\n<meta name=\"description\" content=\"WordPress 5.3 introduceert Twenty Twenty, een thema dat zich richt op de Gutenberg Block Editor. Leer de belangrijkste features van het Twenty Twenty-thema!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Twenty Twenty: Een inleiding tot het nieuwe standaard WordPress-thema\" \/>\n<meta property=\"og:description\" content=\"WordPress 5.3 introduceert Twenty Twenty, een thema dat zich richt op de Gutenberg Block Editor. Leer de belangrijkste features van het Twenty Twenty-thema!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/\" \/>\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=\"2019-10-02T14:49:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-07T07:11:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/10\/twenty-twenty.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=\"WordPress 5.3 introduceert Twenty Twenty, een thema dat zich richt op de Gutenberg Block Editor. Leer de belangrijkste features van het Twenty Twenty-thema!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/10\/twenty-twenty.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=\"15 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Twenty Twenty: Een inleiding tot het nieuwe standaard WordPress-thema\",\"datePublished\":\"2019-10-02T14:49:55+00:00\",\"dateModified\":\"2023-06-07T07:11:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/\"},\"wordCount\":2297,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/10\/twenty-twenty.png\",\"keywords\":[\"Gutenberg\",\"WordPress\"],\"articleSection\":[\"WordPress handleidingen\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/\",\"url\":\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/\",\"name\":\"Twenty Twenty: Een inleiding tot het nieuwe standaard WordPress thema\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/10\/twenty-twenty.png\",\"datePublished\":\"2019-10-02T14:49:55+00:00\",\"dateModified\":\"2023-06-07T07:11:10+00:00\",\"description\":\"WordPress 5.3 introduceert Twenty Twenty, een thema dat zich richt op de Gutenberg Block Editor. Leer de belangrijkste features van het Twenty Twenty-thema!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/10\/twenty-twenty.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/10\/twenty-twenty.png\",\"width\":1460,\"height\":730,\"caption\":\"Twenty Twenty\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress thema's\",\"item\":\"https:\/\/kinqsta.com\/nl\/onderwerpen\/wordpress-themas\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Twenty Twenty: Een inleiding tot het nieuwe standaard WordPress-thema\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#website\",\"url\":\"https:\/\/kinqsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.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:\/\/kinqsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinqsta.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:\/\/kinqsta.com\/nl\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Twenty Twenty: Een inleiding tot het nieuwe standaard WordPress thema","description":"WordPress 5.3 introduceert Twenty Twenty, een thema dat zich richt op de Gutenberg Block Editor. Leer de belangrijkste features van het Twenty Twenty-thema!","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:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/","og_locale":"nl_NL","og_type":"article","og_title":"Twenty Twenty: Een inleiding tot het nieuwe standaard WordPress-thema","og_description":"WordPress 5.3 introduceert Twenty Twenty, een thema dat zich richt op de Gutenberg Block Editor. Leer de belangrijkste features van het Twenty Twenty-thema!","og_url":"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2019-10-02T14:49:55+00:00","article_modified_time":"2023-06-07T07:11:10+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/10\/twenty-twenty.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"WordPress 5.3 introduceert Twenty Twenty, een thema dat zich richt op de Gutenberg Block Editor. Leer de belangrijkste features van het Twenty Twenty-thema!","twitter_image":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/10\/twenty-twenty.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Carlo Daniele","Geschatte leestijd":"15 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Twenty Twenty: Een inleiding tot het nieuwe standaard WordPress-thema","datePublished":"2019-10-02T14:49:55+00:00","dateModified":"2023-06-07T07:11:10+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/"},"wordCount":2297,"commentCount":2,"publisher":{"@id":"https:\/\/kinqsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/10\/twenty-twenty.png","keywords":["Gutenberg","WordPress"],"articleSection":["WordPress handleidingen"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/","url":"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/","name":"Twenty Twenty: Een inleiding tot het nieuwe standaard WordPress thema","isPartOf":{"@id":"https:\/\/kinqsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/10\/twenty-twenty.png","datePublished":"2019-10-02T14:49:55+00:00","dateModified":"2023-06-07T07:11:10+00:00","description":"WordPress 5.3 introduceert Twenty Twenty, een thema dat zich richt op de Gutenberg Block Editor. Leer de belangrijkste features van het Twenty Twenty-thema!","breadcrumb":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#primaryimage","url":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/10\/twenty-twenty.png","contentUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/10\/twenty-twenty.png","width":1460,"height":730,"caption":"Twenty Twenty"},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/nl\/blog\/twenty-twenty-thema\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"WordPress thema's","item":"https:\/\/kinqsta.com\/nl\/onderwerpen\/wordpress-themas\/"},{"@type":"ListItem","position":3,"name":"Twenty Twenty: Een inleiding tot het nieuwe standaard WordPress-thema"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/nl\/#website","url":"https:\/\/kinqsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinqsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.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:\/\/kinqsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinqsta.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:\/\/kinqsta.com\/nl\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts\/26923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/comments?post=26923"}],"version-history":[{"count":16,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts\/26923\/revisions"}],"predecessor-version":[{"id":39823,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts\/26923\/revisions\/39823"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/26923\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/26923\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/26923\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/26923\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/26923\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/26923\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/26923\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/26923\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/26923\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/26923\/translations\/dk"},{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/26923\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/media\/26924"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/media?parent=26923"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/tags?post=26923"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/topic?post=26923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}