{"id":20460,"date":"2018-12-10T08:35:20","date_gmt":"2018-12-10T06:35:20","guid":{"rendered":"https:\/\/kinsta.com\/?p=34914"},"modified":"2023-06-07T09:09:54","modified_gmt":"2023-06-07T07:09:54","slug":"twenty-nineteen-theme","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/","title":{"rendered":"Introductie: het Twenty Nineteen thema"},"content":{"rendered":"<p><a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 5.0<\/a> is om de hoek en velen van ons voelen zich op hetzelfde moment enthousiast en bezorgd. <a href=\"https:\/\/kinsta.com\/nl\/blog\/gutenberg-wordpress-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg<\/a> brengt een grote verandering teweeg in de manier waarop we WordPress gebruiken en er is zeker enige bezorgdheid over wat er met onze websites zal gebeuren als we onze installaties updaten zonder het eerst te testen. Maar maak je geen zorgen, we hebben een blog over hoe je de <a href=\"https:\/\/kinsta.com\/nl\/blog\/schakel-gutenberg-wordpress-editor-uit\/\">Gutenberg WordPress Editor kunt uitschakelen<\/a> (zelfs als het slechts tijdelijk is) om te voorkomen dat niet-ondersteunde thema&#8217;s en plugins onze websites breken.<\/p>\n<p>Je zult er misschien versteld van staan dat we WordPress 5.0 al gebruiken. Eigenlijk doen we dat al! Zoals Matt zei op <a href=\"https:\/\/make.wordpress.org\/core\/2018\/10\/03\/a-plan-for-5-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">Make WordPress blog<\/a>:<\/p>\n<blockquote><p>Als we de 5.0-release strikt houden op 4.9.8 + Gutenberg, zullen we een release hebben die zowel groot als een non-event is in termen van nieuwe code. Het is allemaal beproefd voor de strijd. In sommige opzichten is 5.0 al de facto in het wild, met sommige vooruitkijkende hosts die Gutenberg al installeren en activeren voor nieuwe installaties.<\/p><\/blockquote>\n<p>Dit betekent dat we al WordPress 5.0 op onze servers hebben staan: het is gewoon WordPress 4.9.8, met Gutenberg in de kern. Eigenlijk is dat niet alles, want WordPress 5.0 wordt geleverd met een extra item, het gloednieuwe <strong>Twenty Nineteen standaard thema<\/strong>.<\/p>\n<figure style=\"width: 1553px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/10\/twenty-nineteen-wordpress-thema.jpg\" alt=\"Twenty Nineteen WordPress thema\" width=\"1553\" height=\"1429\"><figcaption class=\"wp-caption-text\">Twenty Nineteen WordPress thema<\/figcaption><\/figure>\n<p>Dus laten we eens kijken naar wat er nieuw is.<\/p>\n<ul>\n<li><a href=\"#gutenberg-twenty-nineteen\">Over Gutenberg en Twenty Nineteen<\/a><\/li>\n<li><a href=\"#installing-twenty-nineteen\">Twenty Nineteen installeren<\/a><\/li>\n<li><a href=\"#look-feel-twenty-nineteen-theme\">De look and feel van Twenty Nineteen<\/a><\/li>\n<li><a href=\"#theming-for-gutenberg\">Theming voor Gutenberg: de ontwikkelaars aanpak<\/a><\/li>\n<\/ul>\n<h2 id=\"gutenberg-twenty-nineteen\">Over Gutenberg en Twenty Nineteen<\/h2>\n<p>Sommigen van jullie houden misschien niet van Gutenberg. Bovendien is het debat over de nieuwe editor nog lang niet voorbij, maar houd rekening met de <a href=\"https:\/\/make.wordpress.org\/themes\/2018\/03\/07\/getting-ready-for-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">beoogde reikwijdte van Gutenberg<\/a>:<\/p>\n<blockquote><p>Deze aangepaste blokken veranderen hoe gebruikers, ontwikkelaars en hosts omgaan met WordPress voor het eenvoudiger en intu\u00eftiever maken van rijke web content, het <strong>democratiseren van publiceren en werken voor iedereen, ongeacht technische vaardigheden<\/strong>.<\/p><\/blockquote>\n<p>Dit is waar Gutenberg naar streeft, en Twenty Nineteen brengt dit een stap voorwaarts, gebouwd met en voor Gutenberg. Het is een minimaal, op typografie gebaseerd blogging thema met een lay-out met \u00e9\u00e9n kolom en kan worden gebruikt om een breed scala aan websites te bouwen, van persoonlijke blogs tot websites voor kleine bedrijven.<\/p>\n<p>Het schrijven over Twenty Nineteen betekent meestal dat we over Gutenberg schrijven. In Twenty Nineteen kunnen gebruikers van Gutenberg niet alleen rijke inhoud maken, maar zelfs hun hele website in de editor bouwen. Volgens Allan Cole op <a href=\"https:\/\/make.wordpress.org\/core\/2018\/10\/16\/introducing-twenty-nineteen\/\" target=\"_blank\" rel=\"noopener noreferrer\">Make WordPress blog<\/a>:<\/p>\n<blockquote><p>Gutenberg verleent gebruikers een onge\u00ebvenaarde mate van vrijheid om de lay-out en het ontwerp van hun site aan te passen. Om hun visie volledig te realiseren, hebben gebruikers een nieuwe generatie flexibele thema&#8217;s nodig, gebouwd om te profiteren van de creatieve vrijheid die Gutenberg biedt.<br \/>\nMet dat in gedachten zal WordPress 5.0 worden gelanceerd met een gloednieuw standaard thema: Twenty Nineteen<\/p><\/blockquote>\n<p>In het Twenty Nineteen-thema is Gutenberg meer dan een content builder, <strong>het is een site builder<\/strong> en WordPress-gebruikers mogen hun hele website bouwen met behulp van blokken. En als Gutenberg nog niet je ding is, voegen de meeste van de <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-page-builders\/\" target=\"_blank\" rel=\"noopener noreferrer\">populaire plugins voor paginabuilders<\/a> ook ondersteuning toe voor Gutenberg.<\/p>\n<p>(Voorgestelde lectuur: <a href=\"https:\/\/kinsta.com\/nl\/blog\/twenty-twenty-thema\/\">een inleiding tot het Twenty Twenty-thema<\/a>)<\/p>\n\n<h2 id=\"installing-twenty-nineteen\">Twenty Nineteen Installeren<\/h2>\n<p>Twenty Nineteen zou het releaseplan van de nieuwe versie van WordPress major moeten volgen. WordPress 5.0 zou echter op 19 november uitgebracht moeten worden en het is mogelijk dat een werkende versie van Twenty Nineteen op die datum nog niet klaar is. Bekijk alle <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-0\/#wordpress-5-release-date\" target=\"_blank\" rel=\"noopener noreferrer\">mogelijke releasedatums voor WordPress 5.0<\/a>. Hoe dan ook, het thema is beschikbaar om te downloaden op Github en blijft daar totdat het is samengevoegd in de kern.<\/p>\n<p>Twenty Nineteen is gebaseerd op zowel he\u00a0<a href=\"https:\/\/github.com\/Automattic\/_s\/\" target=\"_blank\" rel=\"noopener noreferrer\">_s<\/a> als het <a href=\"https:\/\/github.com\/WordPress\/gutenberg-starter-theme\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg-starter-thema<\/a> en wordt geleverd met Sass erin. Zodra je het .zip-pakket hebt, pak je het thema uit en upload\/verplaats je de themamap naar de map <code>\/wp-content\/themes<\/code> van je ontwikkelingsinstallatie. Je kunt het thema ook uploaden vanuit je WordPress-dashboard.<\/p>\n<figure style=\"width: 530px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/10\/nieuw-thema-uploaden.png\" alt=\"Een nieuw thema uploaden vanuit het WordPress-dashboard\" width=\"530\" height=\"696\"><figcaption class=\"wp-caption-text\">Een nieuw thema uploaden vanuit het WordPress-dashboard<\/figcaption><\/figure>\n<p>Kinsta klanten kunnen het op hun <a href=\"https:\/\/kinsta.com\/nl\/docs\/wordpress-hosting\/testomgeving\/\" target=\"_blank\" rel=\"noopener noreferrer\">staging-omgevingen<\/a> installeren. Als jij niet met Kinsta werkt, kan je het <a href=\"https:\/\/kinsta.com\/nl\/blog\/lokale-wordpress-installatie\/\" target=\"_blank\" rel=\"noopener noreferrer\">op jouw lokale computer installeren<\/a>.<\/p>\n<figure style=\"width: 1329px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/11\/twenty-nineteen-succesvol-ge\u00efnstalleerd.jpg\" alt=\"Twenty Nineteen succesvol ge\u00efnstalleerd\" width=\"1329\" height=\"823\"><figcaption class=\"wp-caption-text\">Twenty Nineteen succesvol ge\u00efnstalleerd<\/figcaption><\/figure>\n<h2 id=\"look-feel-twenty-nineteen-theme\">De look and feel van Twenty Nineteen<\/h2>\n<p>De lay-out met \u00e9\u00e9n kolom benadrukt de inhoud en de beste pasvorm voor blokken met volledige en brede breedte. Het thema ondersteunt nu een footer zijbalk en wordt geleverd met drie navigatiemenu&#8217;s: het <strong>hoofdmenu<\/strong> en het <strong>sociale links menu<\/strong>, beide geplaatst in de pagina header, en het <strong>Footer menu<\/strong> in de footer.<\/p>\n<figure style=\"width: 721px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/10\/twenty-nineteen-header.jpg\" alt=\"Sitetitel, site-beschrijving en menu's in Twenty Nineteen header\" width=\"721\" height=\"221\"><figcaption class=\"wp-caption-text\">Sitetitel, site-beschrijving en menu&#8217;s in Twenty Nineteen header<\/figcaption><\/figure>\n<p>De blogpagina ziet eruit als een gewone blogpagina waarop uitgelichte afbeeldingen zijn ingeschakeld. Single berichten en pagina&#8217;s tonen het beste het potentieel van de huidige versie van Gutenberg als sitebouwer.<\/p>\n<p>Omdat het volledig op Gutenberg is gebaseerd, zijn de functies van Twenty Nineteen meestal afhankelijk van de ontwikkelingscyclus van Gutenberg en van de beschikbaarheid van blokken. We kunnen widget blokken, shortcode-blokken, galerijen, HTML-code, enzovoort toevoegen. Al deze blokken dekken echter lang niet altijd al onze behoeften. Maar gelukkig zijn er verschillende plugins waarmee we nieuwe blokken aan Gutenberg kunnen toevoegen, zoals <a href=\"https:\/\/wordpress.org\/plugins\/atomic-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atomic Blocks<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/advanced-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">Advanced Gutenberg<\/a> en <a href=\"https:\/\/wpstackable.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Stackable<\/a>. Er zijn zelfs projecten zoals de <a href=\"https:\/\/gutenbergcloud.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg Cloud<\/a> die zijn ontstaan.<\/p>\n<p>Als je denkt dat het thema te minimaal is, moet je bedenken dat Twenty Nineteen nog steeds een werk in uitvoering is. We weten niet zeker of het zal worden samengevoegd in de kern tegen de tijd dat WordPress 5.0 wordt uitgebracht en we kunnen in de komende tijd verschillende toevoegingen en bug fixes verwachten. Bovendien zijn er veel problemen die nog steeds niet zijn opgelost en functies die moeten worden ge\u00efmplementeerd. Nu ondersteunt Twenty Nineteen submenu&#8217;s maar geen <a href=\"https:\/\/github.com\/WordPress\/twentynineteen\/issues\/243\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>aangepaste headers en video headers<\/strong><\/a>. Hoe dan ook, we kunnen verwachten dat extra functies in een redelijk tijdsbestek worden toegevoegd.<\/p>\n<p>Als je ge\u00efnteresseerd bent in de status van het thema, bekijk dan <a href=\"https:\/\/github.com\/WordPress\/twentynineteen\/issues\" target=\"_blank\" rel=\"noopener noreferrer\">de volledige lijst met problemen op Github<\/a>.<\/p>\n<h2 id=\"theming-for-gutenberg\">Theming voor Gutenberg: de aanpak van ontwikkelaars<\/h2>\n<p>Standaard biedt Gutenberg basisondersteuning voor blokstijlen in thema&#8217;s, en thema-ontwikkelaars zijn vrij om de standaardstijlen van Gutenberg met hun aangepaste stijlen te negeren. Maar ontwikkelaars kunnen ook aangepaste stijlen volledig weglaten en besluiten om uitsluitend op Gutenberg te vertrouwen om blokken aan de voorkant van de site te stijlen.<\/p>\n<p>Het hebben van een editor die eruitziet en aanvoelt als de resulterende inhoud verbetert de schrijfervaring van de auteur en stelt iedereen in staat zich op zijn gemak te voelen bij de gebruikersinterface.<\/p>\n<p>Hoe dan ook, sommige stijlen en presentatiekenmerken van Gutenberg vereisen thema&#8217;s om expliciet ondersteuning voor hen toe te voegen, en dit kan gedaan worden door <code><a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">add_theme_support<\/a><\/code> aan te roepen in het <code>functions.php<\/code> bestand wanneer de actie <code><a href=\"https:\/\/codex.wordpress.org\/Plugin_API\/Action_Reference\/after_setup_theme\" target=\"_blank\" rel=\"noopener noreferrer\">after_setup_theme<\/a><\/code> wordt geactiveerd. Hier is een voorbeeld van een functie-implementatie:<\/p>\n<pre><code class=\"language-php\">function mytheme_setup() {\n    \/\/ Add support for Block Styles\n    add_theme_support( 'wp-block-styles' );\n}\nadd_action( 'after_setup_theme', 'mytheme_setup' );<\/code><\/pre>\n<p>Hieronder vind je een selectie van deze Gutenberg-functies, waarvan sommige ook worden ondersteund door Twenty Nineteen. Je vindt de volledige lijst met functies in <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#block-font-sizes\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg Handboek<\/a>.<\/p>\n<h3>Ondersteuning toevoegen voor Gutenberg Blok Presentatie stijlen<\/h3>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2018\/06\/05\/whats-new-in-gutenberg-5th-june\/\" target=\"_blank\" rel=\"noopener noreferrer\">Een van de doelen<\/a> van het team achter Gutenberg was om een flexibel systeem voor styling te bouwen binnen thema&#8217;s, en om zo dicht mogelijk bij elkaar te komen &#8220;naar visuele pariteit tussen front-end en de editor&#8221;. Het doel is om de gebruiker een nauwkeurige voorvertoning van de inhoud te geven zoals deze eruit zal zien op de voorkant.<\/p>\n<p>Om dat doel te bereiken, moest het team presentatiestijlen en structurele stijlen scheiden. Standaard worden presentatiestijlen niet geladen op de front-end om te voorkomen dat ze de weergave van de site be\u00efnvloeden. Hoe dan ook, nieuwe thema&#8217;s kunnen profiteren van de presentatiestijlen van Gutenberg door hen eenvoudigweg de volgende registratie toe te staan (zie het <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#default-block-styles\" target=\"_blank\" rel=\"noopener noreferrer\">Handboek<\/a> voor meer informatie):<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for Block Styles\nadd_theme_support( 'wp-block-styles' );<\/code><\/pre>\n<p>Zoals je mag verwachten, <strong>ondersteunt Twenty Nineteen de blokstijlen van Gutenberg<\/strong>. De single post pagina ziet er aan de voorkant net zo uit als de pagina voor het bewerken van de berichten, met het enige verschil van de featured afbeelding, die op een bureaublad wordt weergegeven als een afbeelding die de hele viewport beslaat. De afbeelding hieronder toont Gutenberg in actie aan de achterkant.<\/p>\n<figure style=\"width: 420px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/10\/gutenberg-wordpress-editor.jpg\" alt=\"Gutenberg WordPress editor in full-screen modus\" width=\"420\" height=\"545\"><figcaption class=\"wp-caption-text\">Gutenberg WordPress editor in full-screen modus<\/figcaption><\/figure>\n<p>En hier is hetzelfde bericht op de voorpagina.<\/p>\n<figure style=\"width: 320px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/10\/single-post-pagina-twenty-nineteen.jpg\" alt=\"Een single Post pagina in Twenty Nineteen\" width=\"320\" height=\"836\"><figcaption class=\"wp-caption-text\">Een single Post pagina in Twenty Nineteen<\/figcaption><\/figure>\n<h3>Brede en volledige uitlijning<\/h3>\n<p>Gutenberg biedt ook twee extra uitlijningsopties: <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#wide-alignment\" target=\"_blank\" rel=\"noopener noreferrer\">breed en volledige uitlijning<\/a>, maar <strong>je kunt alleen breed en volledige uitlijning selecteren als jouw thema ze ondersteunt<\/strong>. Als dat zo is, toont Gutenberg de twee extra uitlijningspictogrammen.<\/p>\n<figure style=\"width: 317px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/10\/uitlijning-knoppen.png\" alt=\"Breed en Volledige uitlijning knoppen in Gutenberg\" width=\"317\" height=\"58\"><figcaption class=\"wp-caption-text\">Breed en Volledige uitlijning knoppen in Gutenberg<\/figcaption><\/figure>\n<p>De afbeelding hieronder toont uitlijning in midden, breed en Volledige breedte afbeeldingen in Twenty NineTeen.<\/p>\n<figure style=\"width: 360px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/10\/utlijning.jpg\" alt=\"Uitlijning in het midden, breed, volledige breedte\" width=\"360\" height=\"634\"><figcaption class=\"wp-caption-text\">Uitlijning in het midden, breed, volledige breedte<\/figcaption><\/figure>\n<p>Thema-ontwikkelaars kunnen ondersteuning voor brede en volledige uitlijning toevoegen door ze in het functie bestand in te schakelen met een enkele instructie:<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for full and wide align images\nadd_theme_support( 'align-wide' );<\/code><\/pre>\n<p>Zodra we ondersteuning voor brede en volledige uitlijning hebben toegevoegd, moeten we de CSS-verklaringen voor twee extra CSS klassen verstrekken: <code>alignfull<\/code> en\u00a0<code>alignwide<\/code>. Twenty Nineteen biedt de volgende stijlen:<\/p>\n<pre><code class=\"language-css\">.entry-content &gt; *.alignwide,\n.entry-summary &gt; *.alignwide {\n    margin-left: auto;\n    margin-right: auto;\n}\n\n@media only screen and (min-width: 768px) {\n    .entry-content &gt; *.alignwide,\n    .entry-summary &gt; *.alignwide {\n        margin-left: calc(1 * (100vw \/ 12));\n        margin-right: calc(1 * (100vw \/ 12));\n        max-width: calc(10 * (100vw \/ 12));\n  }\n}\n\n.entry-content &gt; *.alignfull,\n.entry-summary &gt; *.alignfull {\n    margin-top: calc(2 * 1rem);\n    margin-right: 0;\n    margin-bottom: calc(2 * 1rem);\n    margin-left: 0;\n    max-width: 100%;\n}\n\n.entry-content .wp-block-image.alignfull img {\n    width: 100vw;\n    margin-left: auto;\n    margin-right: auto;\n}<\/code><\/pre>\n<p>Opmerking: wees voorzichtig wanneer je deze optie gebruikt, omdat dit problemen kan veroorzaken als je van thema verandert (lees meer over dit onderwerp op <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/4342\" target=\"_blank\" rel=\"noopener noreferrer\">Github<\/a>).<\/p>\n<h3>Editor stijling<\/h3>\n<p>De Editor Style is een functie ge\u00efntroduceerd in WordPress 3.0, waarmee thema-ontwikkelaars aangepaste stijlen aan de TinyMCE-editor kunnen toevoegen. Gutenberg ondersteunt deze functie ook, maar het werkt anders dan de Classic Editor, die stijlen direct in het <a href=\"https:\/\/kinsta.com\/nl\/blog\/youtube-wordpress\/\">iframe<\/a> van de editor laadt. Gutenberg voegt specifieke CSS-selectors toe, omdat het geen iframe gebruikt.<\/p>\n<p>We kunnen als volgt ondersteuning voor editorstijlen toevoegen:<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for editor styles\nadd_theme_support( 'editor-styles' );\n\/\/ Enqueue editor styles\nadd_editor_style( 'style-editor.css' );<\/code><\/pre>\n<p>Deze functie wordt ook ondersteund door Twenty Nineteen. Je kunt uitgebreider naar dit onderwerp kijken in\u00a0<a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#editor-styles\" target=\"_blank\" rel=\"noopener noreferrer\">Editor Style in Gutenberg<\/a>.<\/p>\n<h3>Block Kleur paletten<\/h3>\n<p>Gutenberg biedt een generieke kleurselectie in het deelvenster Kleurinstellingen van de editor. Thema-ontwikkelaars kunnen deze tool verbeteren door aangepaste kleurenpaletten toe te voegen waarmee gebruikers snel de juiste kleur voor blokachtergrond en tekst kunnen ophalen. Dit proces bestaat uit twee stappen:<\/p>\n<p>Eerst moeten we een reeks kleuren aanbieden:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'editor-color-palette', array(\n    array(\n        'name' =&gt; __( 'hot pink', 'themeLangDomain' ),\n        'slug' =&gt; 'hot-pink',\n        'color' =&gt; '#f865b0',\n    ),\n    array(\n        'name' =&gt; __( 'classic rose', 'themeLangDomain' ),\n        'slug' =&gt; 'classic-rose',\n        'color' =&gt; '#fbcaef',\n    ),\n) );<\/code><\/pre>\n<p>Daarna moeten we de corresponderende stijl in de stylesheet van het thema declareren:<\/p>\n<pre><code class=\"language-css\">.has-hot-pink-background-color {\n    background-color: #f865b0;\n}\n\n.has-hot-pink-color {\n    color: #f865b0;\n}<\/code><\/pre>\n<p>Klasse namen beginnen met\u00a0<code>has-<\/code>, gevolgd door de kleur slug in het kebab-case en eindigen met de context, die een <code>color<\/code> of <code>background-color<\/code> kan zijn. Op dit moment ondersteunt Twenty Nineteen geen block kleurenpaletten, maar we kunnen dit eenvoudig veranderen via een <a href=\"https:\/\/kinsta.com\/nl\/blog\/child-thema-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Child-thema<\/a>.<\/p>\n<figure style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/10\/kleurpalet.png\" alt=\"Een custom kleurpalet in Gutenberg\" width=\"280\" height=\"244\"><figcaption class=\"wp-caption-text\">Een custom kleurpalet in Gutenberg<\/figcaption><\/figure>\n<p>Als je in plaats daarvan een aangepast kleurenpalet wilt uitschakelen, moet je de volgende regel toevoegen aan het functie bestand van jouw thema of onderliggende thema:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'disable-custom-colors' );<\/code><\/pre>\n<h3>Block font grootte<\/h3>\n<p>Een thema kan ook de standaard set lettergroottes van Gutenberg overschrijven. Hier is een voorbeeld van de code die je aan het functies bestand moet toevoegen:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'editor-font-sizes', array(\n    array(\n        'name' =&gt; __( 'extra-small', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'XS', 'themeLangDomain' ),\n        'size' =&gt; 10,\n        'slug' =&gt; 'extra-small'\n    ),\n    array(\n        'name' =&gt; __( 'small', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'S', 'themeLangDomain' ),\n        'size' =&gt; 12,\n        'slug' =&gt; 'small'\n    ),\n    array(\n        'name' =&gt; __( 'regular', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'M', 'themeLangDomain' ),\n        'size' =&gt; 16,\n        'slug' =&gt; 'regular'\n    ),\n    array(\n        'name' =&gt; __( 'large', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'L', 'themeLangDomain' ),\n        'size' =&gt; 26,\n        'slug' =&gt; 'large'\n    ),\n    array(\n        'name' =&gt; __( 'larger', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'XL', 'themeLangDomain' ),\n        'size' =&gt; 36,\n        'slug' =&gt; 'larger'\n    ),\n    array(\n        'name' =&gt; __( 'huge', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'XXL', 'themeLangDomain' ),\n        'size' =&gt; 56,\n        'slug' =&gt; 'huge'\n    )\n) );<\/code><\/pre>\n<p>De nieuwe lettergroottes worden toegevoegd aan de lettertypekiezer in de tekstinstellingen van Gutenberg.<\/p>\n<figure style=\"width: 336px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/10\/font-groottes.png\" alt=\"Aangepaste font groottes in Gutenberg\" width=\"336\" height=\"423\"><figcaption class=\"wp-caption-text\">Aangepaste font groottes in Gutenberg<\/figcaption><\/figure>\n<p>Hierna moeten we de overeenkomstige stijlen in de stylesheet van het thema declareren. De klasse naam moet beginnen me <code>has-<\/code>, gevolgd door de naam van de lettertypegrootte in het kebab case en eindigt met <code>-font-size<\/code>.<\/p>\n<pre><code class=\"language-css\">.has-huge-font-size {\n    font-size: 56px;\n}<\/code><\/pre>\n<p>Twenty Nineteen biedt geen specifieke lettergroottes en vertrouwt op de standaardwaarden van Gutenberg.<\/p>\n<p>Opmerking: onthoud dat je, om al deze code te laten werken, de actie <code>after_setup_theme<\/code> moet doorlopen.<\/p>\n<h2>Samenvatting<\/h2>\n<p>Twenty NineTeen zou goed kunnen werken voor persoonlijke blogs, en je zou het meer kunnen zien als een wit canvas dan als een volledig functioneel WordPress-thema. Zo&#8217;n minimale aanpak kan een beetje beperkend zijn als het aankomt op het bouwen van websites voor bedrijven en e-commerce, maar maak je zich geen zorgen: nieuwe functies worden binnenkort ge\u00efmplementeerd en we zouden binnenkort een krachtigere versie van Twenty NineTeen kunnen zien.<\/p>\n<p>In de tussentijd zou je ook enkele thema&#8217;s kunnen bekijken die Gutenberg al ondersteunen. <a href=\"https:\/\/wordpress.org\/themes\/atomic-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atomic Blocks<\/a>, <a href=\"https:\/\/generatepress.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GeneratePress<\/a>, <a href=\"https:\/\/themeforest.net\/item\/gutentype-gutenberg-wordpress-blog-theme\/22486033\" target=\"_blank\" rel=\"noopener noreferrer\">Gutentype<\/a> en <a href=\"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-feature-update-introducing-initial-gutenberg-support\" target=\"_blank\" rel=\"noopener noreferrer\">Divi<\/a> om er maar een paar te noemen, maar er zullen nog veel meer volgen. Omdat WordPress 5.0 zo snel nadert, is ondersteuning van Gutenberg geen optie meer en moeten themaontwikkelaars de nieuwe WordPress-editor zo snel mogelijk omarmen om de concurrentie voor te blijven.<\/p>\n<p>Heb je Twenty Nineteen of een ander thema ge\u00efnstalleerd dat Gutenberg ondersteunt? We horen graag jouw mening in de onderstaande opmerkingen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.0 is om de hoek en velen van ons voelen zich op hetzelfde moment enthousiast en bezorgd. Gutenberg brengt een grote verandering teweeg in de &#8230;<\/p>\n","protected":false},"author":36,"featured_media":20473,"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-20460","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>Introductie: het Twenty Nineteen thema voor WordPress<\/title>\n<meta name=\"description\" content=\"Twenty Nineteen is het standaardthema van WordPress 5.0 en het draait allemaal om Gutenberg. Ontdek hoe thema-ontwikkeling met Gutenberg zich ontwikkelt.\" \/>\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\/twenty-nineteen-theme\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introductie: het Twenty Nineteen thema\" \/>\n<meta property=\"og:description\" content=\"Twenty Nineteen is het standaardthema van WordPress 5.0 en het draait allemaal om Gutenberg. Ontdek hoe thema-ontwikkeling met Gutenberg zich ontwikkelt.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/\" \/>\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=\"2018-12-10T06:35:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-07T07:09:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/12\/twenty-nineteen-theme.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=\"Twenty Nineteen is het standaardthema van WordPress 5.0 en het draait allemaal om Gutenberg. Ontdek hoe thema-ontwikkeling met Gutenberg zich ontwikkelt.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/12\/twenty-nineteen-theme.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=\"12 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Introductie: het Twenty Nineteen thema\",\"datePublished\":\"2018-12-10T06:35:20+00:00\",\"dateModified\":\"2023-06-07T07:09:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/\"},\"wordCount\":2060,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/12\/twenty-nineteen-theme.png\",\"keywords\":[\"Gutenberg\",\"WordPress\"],\"articleSection\":[\"WordPress handleidingen\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/\",\"name\":\"Introductie: het Twenty Nineteen thema voor WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/12\/twenty-nineteen-theme.png\",\"datePublished\":\"2018-12-10T06:35:20+00:00\",\"dateModified\":\"2023-06-07T07:09:54+00:00\",\"description\":\"Twenty Nineteen is het standaardthema van WordPress 5.0 en het draait allemaal om Gutenberg. Ontdek hoe thema-ontwikkeling met Gutenberg zich ontwikkelt.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/12\/twenty-nineteen-theme.png\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/12\/twenty-nineteen-theme.png\",\"width\":1460,\"height\":730,\"caption\":\"Twenty Nineteen Theme\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress thema's\",\"item\":\"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-themas\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introductie: het Twenty Nineteen thema\"}]},{\"@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":"Introductie: het Twenty Nineteen thema voor WordPress","description":"Twenty Nineteen is het standaardthema van WordPress 5.0 en het draait allemaal om Gutenberg. Ontdek hoe thema-ontwikkeling met Gutenberg zich ontwikkelt.","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\/twenty-nineteen-theme\/","og_locale":"nl_NL","og_type":"article","og_title":"Introductie: het Twenty Nineteen thema","og_description":"Twenty Nineteen is het standaardthema van WordPress 5.0 en het draait allemaal om Gutenberg. Ontdek hoe thema-ontwikkeling met Gutenberg zich ontwikkelt.","og_url":"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2018-12-10T06:35:20+00:00","article_modified_time":"2023-06-07T07:09:54+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/12\/twenty-nineteen-theme.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Twenty Nineteen is het standaardthema van WordPress 5.0 en het draait allemaal om Gutenberg. Ontdek hoe thema-ontwikkeling met Gutenberg zich ontwikkelt.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/12\/twenty-nineteen-theme.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Carlo Daniele","Geschatte leestijd":"12 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Introductie: het Twenty Nineteen thema","datePublished":"2018-12-10T06:35:20+00:00","dateModified":"2023-06-07T07:09:54+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/"},"wordCount":2060,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/12\/twenty-nineteen-theme.png","keywords":["Gutenberg","WordPress"],"articleSection":["WordPress handleidingen"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/","url":"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/","name":"Introductie: het Twenty Nineteen thema voor WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/12\/twenty-nineteen-theme.png","datePublished":"2018-12-10T06:35:20+00:00","dateModified":"2023-06-07T07:09:54+00:00","description":"Twenty Nineteen is het standaardthema van WordPress 5.0 en het draait allemaal om Gutenberg. Ontdek hoe thema-ontwikkeling met Gutenberg zich ontwikkelt.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/12\/twenty-nineteen-theme.png","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2018\/12\/twenty-nineteen-theme.png","width":1460,"height":730,"caption":"Twenty Nineteen Theme"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/twenty-nineteen-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"WordPress thema's","item":"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-themas\/"},{"@type":"ListItem","position":3,"name":"Introductie: het Twenty Nineteen thema"}]},{"@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\/20460","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=20460"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/20460\/revisions"}],"predecessor-version":[{"id":49374,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/20460\/revisions\/49374"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/20460\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/20460\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/20460\/translations\/fr"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/20460\/translations\/dk"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/20460\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/20460\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/20460\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/20460\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/20460\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/20460\/translations\/se"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/20460\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/20473"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=20460"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=20460"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=20460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}