{"id":62001,"date":"2025-03-03T07:42:14","date_gmt":"2025-03-03T06:42:14","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=62001&#038;preview=true&#038;preview_id=62001"},"modified":"2025-03-03T08:42:34","modified_gmt":"2025-03-03T07:42:34","slug":"wordpress-blokthema-ontwikkelen","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/","title":{"rendered":"Zo maak je een blokthema met de plugin Create Block Theme"},"content":{"rendered":"<p>Zoals bij de meeste softwareontwikkeling, hoef je niet bij nul te beginnen om iets te maken dat waardevol is voor je klanten of voor jezelf.<\/p>\n<p>Dit geldt vooral voor WordPress blokthema&#8217;s. De <a href=\"https:\/\/wordpress.org\/plugins\/create-block-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\">Create Block Theme<\/a> plugin, beschikbaar in de <a href=\"https:\/\/wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress plugins repository<\/a>, biedt een eenvoudige manier om een nieuw blokthema te maken &#8211; of dit nu is afgeleid van een actief thema of dat je begint met een leeg canvas.<\/p>\n<p>Deze plugin maakt gebruik van de mogelijkheden van de <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-full-site-editing\/\">WordPress Site Editor<\/a> om thema&#8217;s te bouwen, wat het een krachtig hulpmiddel maakt voor ontwikkelaars van thema&#8217;s. Maar omdat het permanente wijzigingen in je site kan aanbrengen, raden we je sterk aan om het in een testomgeving te gebruiken. Als je een Kinsta-gebruiker bent, is het opzetten van een <a href=\"https:\/\/kinsta.com\/nl\/docs\/wordpress-hosting\/testomgeving\/\">testomgeving<\/a> voor je site snel en probleemloos.<\/p>\n<p>Zoals verwacht is deze plugin alleen compatibel met blokthema&#8217;s en werkt hij niet voor klassieke thema&#8217;s. In dit artikel verkennen we de functies van de Create Block Theme plugin en leggen we uit hoe je deze kunt gebruiken.<\/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<h2>Hoe te werken met de plugin Create Block Theme<\/h2>\n<p>De Create Block Theme plugin biedt twee manieren om toegang te krijgen tot de features, afhankelijk van je voorkeur en workflow:<\/p>\n<p>Je kunt de instellingen van de plugin openen via <strong>Appearance &gt; Create Block Theme <\/strong>in het <a href=\"https:\/\/kinsta.com\/blog\/wordpress-admin\/\">WordPress Admin dashboard<\/a>.<\/p>\n<p>Hier vind je een lijst met opties, waaronder het opslaan van wijzigingen in het huidige thema, het maken van nieuwe thema&#8217;s of het exporteren van thema&#8217;s. Hoewel deze methode rechttoe rechtaan is, is de functionaliteit beperkt in vergelijking met de Site Editor.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/create-block-theme.png\" alt=\"De opties van de plugin zoals te zien in de Appearance sectie van het WP Admin.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">De opties van de plugin zoals te zien in de Appearance sectie van het WP Admin.<\/figcaption><\/figure>\n<p>Voor de beste ervaring raden we aan om de plugin te gebruiken in de <strong>WordPress Site Editor<\/strong>. Door het <strong>moersleutel icoon<\/strong> in de Site Editor te selecteren, kun je alle functies van de features direct openen in een live bewerkingsomgeving. Dankzij deze integratie kun je je wijzigingen naadloos bekijken en aanpassen.<\/p>\n<figure id=\"attachment_190292\" aria-describedby=\"caption-attachment-190292\" style=\"width: 1892px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-190292 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/02\/create-block-theme-option.png\" alt=\"De opties van de plugin zoals te zien in de Site Editor.\" width=\"1892\" height=\"1078\"><figcaption id=\"caption-attachment-190292\" class=\"wp-caption-text\">De opties van de plugin zoals te zien in de Site Editor.<\/figcaption><\/figure>\n<h2>De features van de Create Block Theme plugin verkennen<\/h2>\n<p>De Create Block Theme plugin biedt een robuuste set features om je te helpen blokthema&#8217;s effici\u00ebnt te bouwen, aan te passen en te exporteren. Laten we elke feature in detail bekijken:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"-1\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>1. Wijzigingen in een thema opslaan<\/h3>\n<p>Het concept en de uitvoering zijn heel eenvoudig. Wijzig in de Site Editor je stijlen, templates en patterns in het actieve thema en sla je werk op.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/save-changes.png\" alt=\"Opties om wijzigingen in een thema op te slaan.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Opties om wijzigingen in een thema op te slaan.<\/figcaption><\/figure>\n<p>De knop <strong>Save Changes <\/strong>is bedoeld om op te slaan wat je wilt exporteren, niet de themawijzigingen die je hebt aangebracht, die kun je alleen opslaan met de standaard knop <strong>Save<\/strong>. Opgeslagen wijzigingen kunnen altijd worden teruggedraaid met de revisietool van WordPress (zonder dat je de plugin nodig hebt).<\/p>\n<p>Zoals hierboven te zien is, heb je acht opties om te overwegen als je het thema wilt exporteren:<\/p>\n<ul>\n<li>Lettertypen opslaan<\/li>\n<li>Wijzigingen template opslaan<\/li>\n<li>Alleen gewijzigde templates verwerken<\/li>\n<li>Gesynchroniseerde patterns opslaan<\/li>\n<li>Tekst lokaliseren<\/li>\n<li>Afbeeldingen lokaliseren<\/li>\n<li>Navigatie verwijzingen verwijderen<\/li>\n<\/ul>\n<h3>2. Een themavariatie maken<\/h3>\n<p>Hoewel het op het eerste gezicht misschien niet voor de hand ligt, kun je met deze optie niet alleen een <a href=\"https:\/\/kinsta.com\/nl\/blog\/theme-json\/#styles-and-style-variations\">stijlvariatie<\/a> maken, maar ook een nieuw kleurenpalet en\/of een typeset (een verzameling lettertypen die je kunt toepassen op tekst, links, koppen, bijschriften en knoppen).<\/p>\n<p>In het onderstaande voorbeeld hebben we een stijl &#8220;My New Variation&#8221; gemaakt. Om dit te doen, moet je op zijn minst een nieuw kleurenpalet en lettertype maken die worden gekoppeld aan de nieuwe stijlvariatie. Houd er rekening mee dat je hier alleen de nieuwe variatie ziet (zonder wijzigingen in de standaard kleurenpaletten en typesets).<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/style-variation.png\" alt=\"Jetpack kwetsbaarheidsrapport van Kinsta\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">De linkerkant toont de naamgeving van een nieuwe stijlvariatie en de rechterkant bevestigt de creatie ervan.<\/figcaption><\/figure>\n<p>In het onderstaande voorbeeld hebben we een nieuw kleurenpalet gemaakt met twee kleuren die kunnen worden toegepast op elke stijlvariatie. De linkerkant laat de creatie zien van twee custom kleuren voor het nieuwe kleurenpalet. Het midden toont het opslaan. De rechterkant bevestigt het nieuwe aangepaste kleurenpalet.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/custom-color-palette.png\" alt=\"Het maken, opslaan en bevestigen van een nieuw aangepast kleurenpalet met twee kleuren.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Het maken, opslaan en bevestigen van een nieuw aangepast kleurenpalet met twee kleuren.<\/figcaption><\/figure>\n<p>Tot slot hebben we hier een nieuwe typeset gemaakt. Een nieuw lettertype, Roboto, wordt toegevoegd en vervolgens toegewezen aan de tekst- en kopteksten (niet weergegeven).<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/new-typography.png\" alt=\"Het maken, opslaan en bevestigen van een nieuw lettertype met het Roboto-lettertype.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Het maken, opslaan en bevestigen van een nieuw lettertype met het Roboto-lettertype.<\/figcaption><\/figure>\n<p>De rechterkant geeft de lettertypes aan die worden gebruikt voor de nieuwe typeset, het midden toont het opslaan en de rechterkant bevestigt de nieuwe typeset.<\/p>\n<p>Je kunt niet alleen een complete stijlvariatie maken, maar ook een apart kleurenpalet en\/of zetwerk, dat je op elke gewenste manier op je thema kunt toepassen<\/p>\n<h3>3. Een leeg thema maken<\/h3>\n<p>Als je wilt beginnen met een schoon, design-agnostisch thema, dan is de optie Create Blank Theme de beste manier. Het doel is vergelijkbaar met het <a href=\"https:\/\/underscores.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">Underscores thema<\/a>, dat populair was bij ontwikkelaars tijdens het Classic tijdperk van <a href=\"https:\/\/developer.wordpress.org\/themes\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress thematisering<\/a>.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/edit-theme-metadata.png\" alt=\"Geef een naam en metagegevens voor een leeg thema.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Geef een naam en metagegevens voor een leeg thema.<\/figcaption><\/figure>\n<p>Het maken van een blokthema genereert een basis boilerplate thema. Zoals verwacht zal een leeg thema:<\/p>\n<ul>\n<li>Alleen een indexstemplate bevatten.<\/li>\n<li>Geen stijlvariaties hebben.<\/li>\n<li>Een enkel header en footer template part bevatten.<\/li>\n<li>Een minimalistisch <code>theme.json<\/code> <a href=\"https:\/\/kinsta.com\/nl\/blog\/theme-json-properties-key-value-pairs\/\">bestand<\/a> bevatten.<\/li>\n<li>Exclusief een <code>functions.php<\/code> bestand.<\/li>\n<\/ul>\n<p>In tegenstelling tot de opties Nieuw thema maken of Stijlvariaties maken, bouw je met deze optie een geheel nieuw thema, wat duidelijk wordt zodra je de pagina Uiterlijk ziet.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/theme-details.png\" alt=\"Het lege thema getoond in de Appearance sectie.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Het lege thema getoond in de Appearance sectie.<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Wanneer je een leeg thema maakt, komt de minimale styling uit het standaard <code>theme.json<\/code> bestand van WordPress, dat basisstijlen bevat voor alle blokthema&#8217;s. Deze stijlen zorgen ervoor dat het thema correct werkt. Deze stijlen zorgen ervoor dat het thema correct functioneert, maar blijven minimaal en dienen als uitgangspunt voor aanpassingen.<\/p>\n<\/aside>\n\n<h3>4. Thema exporteren als zip<\/h3>\n<p>Dit is een handige feature van de plugin, omdat het de meest effici\u00ebnte manier is om je actieve thema te migreren naar een nieuwe site. De exportfunctie maakt een standaard zipbestand van het thema dat je voor een andere site kunt gebruiken.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/export-zip-theme.png\" alt=\"De Export thema optie van de plugin.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">De Export thema optie van de plugin.<\/figcaption><\/figure>\n<p>Wat is het verschil tussen het exporteren van een thema op deze manier en de exportfeature die is ingebouwd in WordPress? Geen enkel. Dit is gewoon een handige manier om het actieve thema te exporteren.<\/p>\n<p>Als je niet bekend bent met de ingebouwde methode om een actief thema te exporteren, selecteer dan de optie met drie puntjes in de rechterbovenhoek en zoek de optie <strong>Export<\/strong>.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/defualt-export-theme.png\" alt=\"WordPress standaard export optie.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">WordPress standaard export optie.<\/figcaption><\/figure>\n<h3>5. Een nieuw thema maken<\/h3>\n<p>Laten we eens kijken naar de twee benaderingen die de plugin biedt om een nieuw thema te maken. Net als bij het lege thema, verschijnen thema&#8217;s die met deze optie zijn gemaakt ook op de pagina <b>Appearance <\/b>&gt; <strong>Themes<\/strong>\u00a0en worden ze na het maken automatisch het actieve thema.<\/p>\n<p>Welke optie je ook kiest &#8211; <strong>Clone Theme <\/strong>of <strong>Create Child Theme <\/strong>&#8211; je krijgt dezelfde keuzes als bij het lege thema.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/two-ways-create-theme.png\" alt=\"Kies een van deze opties om een kloon- of child thema te maken.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Kies een van deze opties om een kloon- of child thema te maken.<\/figcaption><\/figure>\n<h4>Thema klonen<\/h4>\n<p>Een thema klonen maakt een duplicaat van de opgeslagen wijzigingen in het actieve thema. Zodra je de naam van het kloonthema hebt gekozen, kun je als volgt metagegevens voor het thema instellen:<\/p>\n<ul>\n<li>Naam thema<\/li>\n<li>Beschrijving van het thema<\/li>\n<li>Thema URI<\/li>\n<li>Auteur<\/li>\n<li>URI auteur<\/li>\n<li>Minimale versie WordPress<\/li>\n<\/ul>\n<h4>Child thema maken<\/h4>\n<p>Het maken van een child thema biedt ontwikkelaars de juiste manier om wijzigingen aan te brengen in een thema zonder de code ervan te wijzigen.<\/p>\n<p>Je keuzes voor metadata zijn dezelfde als bij het maken van een kloon-thema.<\/p>\n<h3>6. Metagegevens thema bewerken<\/h3>\n<p>Je kunt de metagegevens van je actieve thema direct via de plugin aanpassen. Metagegevensvelden die je kunt bijwerken zijn onder andere:<\/p>\n<ul>\n<li><strong>Themanaam<\/strong>: De naam die wordt weergegeven in de WordPress themamanager.<\/li>\n<li><strong>Thembeschrijving<\/strong>: Een korte beschrijving van het doel of de functies van je thema.<\/li>\n<li><strong>Thema URI<\/strong>: Een URL die verwijst naar de documentatie of demo van het thema.<\/li>\n<li><strong>Auteur<\/strong>: De naam van de maker van het thema.<\/li>\n<li><strong>Themaversie<\/strong>: Het versienummer van het thema.<\/li>\n<li><strong>Minimale WordPress versie<\/strong>: De vroegste WordPress versie die compatibel is met het thema.<\/li>\n<li><strong>Thematags<\/strong>: Trefwoorden om je thema te categoriseren en te beschrijven.<\/li>\n<li><strong>Aanbevolen plugins<\/strong>: Plugins waar je thema van afhankelijk is of die het verbetert.<\/li>\n<li><strong>Credits lettertype<\/strong>: Erkenningen voor lettertypen die in je thema zijn gebruikt.<\/li>\n<li><strong>Credits afbeeldingen<\/strong>: Erkenningen voor afbeeldingen die in je thema zijn gebruikt.<\/li>\n<li><strong>Screenshot<\/strong>: De voorbeeldafbeelding die wordt weergegeven in de WordPress themamanager.<\/li>\n<\/ul>\n<p>Deze velden zijn essentieel om je thema professioneel te maken en klaar voor distributie.<\/p>\n<h3>7. theme.json bekijken<\/h3>\n<p>Als je een snelle blik wilt werpen op je <code>theme.json<\/code> <a href=\"https:\/\/kinsta.com\/nl\/blog\/theme-json\/\">bestand<\/a>, dan biedt de plugin een <strong>read-only view <\/strong>van het <code>theme.json<\/code> bestand van je thema. Dit bestand bevat de globale stijlen en instellingen voor je thema, zoals kleuren, <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-typografie-theme-json\/\">typografie<\/a> en layoutconfiguraties.<\/p>\n<p>Door dit bestand te bekijken kun je snel de aanpassingen controleren die op je thema zijn toegepast.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/theme.json-info.png\" alt=\"Alleen lezen van theme.json.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Alleen lezen van theme.json.<\/figcaption><\/figure>\n<h3>8. Custom stijlen bekijken<\/h3>\n<p>Voor child blokthema&#8217;s bevat het bestand <code>theme.json<\/code> aanpassingen die geen invloed hebben op het parent thema. Dit zorgt ervoor dat het parent thema onaangeroerd blijft terwijl je specifieke wijzigingen doorvoert in het child thema.<\/p>\n<p>De interface voor het bekijken van deze aangepaste stijlen is dezelfde als die voor het bestand <code>theme.json<\/code> van het parent thema.<\/p>\n<h3>9. Thema terugzetten<\/h3>\n<p>Met deze optie kun je wijzigingen in je thema, inclusief stijlen, templates en template parts terugdraaien naar de staat waarin ze zich bevonden bij de laatste keer opslaan.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/reset-theme.png\" alt=\"De Reset opties van de plugin.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">De Reset opties van de plugin.<\/figcaption><\/figure>\n<p>Voor een meer robuuste aanpak kun je de WordPress <strong>Revisions<\/strong> feaure gebruiken. Deze ingebouwde feature biedt een gedetailleerde geschiedenis van je wijzigingen, zodat je je thema nauwkeurig kunt terugzetten naar een vorige staat.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/theme-revisions.png\" alt=\"WordPress revisies feature.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">WordPress revisies feature.<\/figcaption><\/figure>\n<h2>Samenvatting<\/h2>\n<p>Als je begint met het ontwikkelen van een eigen blokthema, dan is de Create Block Theme plugin een ideaal hulpmiddel. Het maakt gebruik van alle mogelijkheden van WordPress als tool voor het bouwen van thema&#8217;s, waardoor je thema sneller wordt.<\/p>\n<p>Terwijl je met de plugin werkt, ontvang je browser waarschuwingen om je te helpen begrijpen welke stappen je gaat nemen.<\/p>\n<p>In wezen zorgt deze plugin voor een gegevensoverdracht van database naar bestandssysteem. Als je wijzigingen aanbrengt in een thema, worden die wijzigingen opgeslagen in de database. Deze plugin haalt die wijzigingen uit de database en maakt de bestanden die nodig zijn voor een nieuw thema en\/of voor een export indien nodig.<\/p>\n<p>Omdat deze plugin nog volop in ontwikkeling is, kun je verbeteringen verwachten, maar wees op je hoede voor mogelijke wijzigingen. Gebruik bij het testen van een bepaalde feature altijd een testomgeving. Bij Kinsta <a href=\"https:\/\/kinsta.com\/nl\/docs\/wordpress-hosting\/mykinsta-tools\/\" target=\"_blank\" rel=\"noopener noreferrer\">bieden we tools<\/a> die het voor makers en ontwikkelaars van thema&#8217;s gemakkelijk maken om met WordPress te werken.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/nl\/registreren\/wp\/\" target=\"_blank\" rel=\"noopener noreferrer\">Probeer Kinsta vandaag nog uit<\/a> en ontdek hoe we je kunnen helpen om fantastische WordPress thema&#8217;s te maken!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Zoals bij de meeste softwareontwikkeling, hoef je niet bij nul te beginnen om iets te maken dat waardevol is voor je klanten of voor jezelf. Dit &#8230;<\/p>\n","protected":false},"author":313,"featured_media":62002,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[902],"class_list":["post-62001","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","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>Zo maak je een blokthema met de Create Block Theme plugin<\/title>\n<meta name=\"description\" content=\"Deze handleiding behandelt essenti\u00eble stappen die je helpen om op eenvoudige wijze een volledig functioneel blokthema te ontwerpen met behulp van de plugin Create Block Theme.\" \/>\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\/wordpress-blokthema-ontwikkelen\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zo maak je een blokthema met de plugin Create Block Theme\" \/>\n<meta property=\"og:description\" content=\"Deze handleiding behandelt essenti\u00eble stappen die je helpen om op eenvoudige wijze een volledig functioneel blokthema te ontwerpen met behulp van de plugin Create Block Theme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/\" \/>\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=\"2025-03-03T06:42:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-03T07:42:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bud Kraus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Deze handleiding behandelt essenti\u00eble stappen die je helpen om op eenvoudige wijze een volledig functioneel blokthema te ontwerpen met behulp van de plugin Create Block Theme.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bud Kraus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/\"},\"author\":{\"name\":\"Bud Kraus\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\"},\"headline\":\"Zo maak je een blokthema met de plugin Create Block Theme\",\"datePublished\":\"2025-03-03T06:42:14+00:00\",\"dateModified\":\"2025-03-03T07:42:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/\"},\"wordCount\":1905,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png\",\"inLanguage\":\"nl-NL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/\",\"name\":\"Zo maak je een blokthema met de Create Block Theme plugin\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png\",\"datePublished\":\"2025-03-03T06:42:14+00:00\",\"dateModified\":\"2025-03-03T07:42:34+00:00\",\"description\":\"Deze handleiding behandelt essenti\u00eble stappen die je helpen om op eenvoudige wijze een volledig functioneel blokthema te ontwerpen met behulp van de plugin Create Block Theme.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/#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\":\"Zo maak je een blokthema met de plugin Create Block Theme\"}]},{\"@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\/8cce3d6bbd8a2aa46850235d997793ed\",\"name\":\"Bud Kraus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"caption\":\"Bud Kraus\"},\"description\":\"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/author\/budkraus\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Zo maak je een blokthema met de Create Block Theme plugin","description":"Deze handleiding behandelt essenti\u00eble stappen die je helpen om op eenvoudige wijze een volledig functioneel blokthema te ontwerpen met behulp van de plugin Create Block Theme.","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\/wordpress-blokthema-ontwikkelen\/","og_locale":"nl_NL","og_type":"article","og_title":"Zo maak je een blokthema met de plugin Create Block Theme","og_description":"Deze handleiding behandelt essenti\u00eble stappen die je helpen om op eenvoudige wijze een volledig functioneel blokthema te ontwerpen met behulp van de plugin Create Block Theme.","og_url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2025-03-03T06:42:14+00:00","article_modified_time":"2025-03-03T07:42:34+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png","type":"image\/png"}],"author":"Bud Kraus","twitter_card":"summary_large_image","twitter_description":"Deze handleiding behandelt essenti\u00eble stappen die je helpen om op eenvoudige wijze een volledig functioneel blokthema te ontwerpen met behulp van de plugin Create Block Theme.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin-1024x512.png","twitter_creator":"@Kinsta_NL","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Bud Kraus","Geschatte leestijd":"9 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/"},"author":{"name":"Bud Kraus","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed"},"headline":"Zo maak je een blokthema met de plugin Create Block Theme","datePublished":"2025-03-03T06:42:14+00:00","dateModified":"2025-03-03T07:42:34+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/"},"wordCount":1905,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png","inLanguage":"nl-NL"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/","url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/","name":"Zo maak je een blokthema met de Create Block Theme plugin","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png","datePublished":"2025-03-03T06:42:14+00:00","dateModified":"2025-03-03T07:42:34+00:00","description":"Deze handleiding behandelt essenti\u00eble stappen die je helpen om op eenvoudige wijze een volledig functioneel blokthema te ontwerpen met behulp van de plugin Create Block Theme.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokthema-ontwikkelen\/#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":"Zo maak je een blokthema met de plugin Create Block Theme"}]},{"@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\/8cce3d6bbd8a2aa46850235d997793ed","name":"Bud Kraus","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","caption":"Bud Kraus"},"description":"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.","url":"https:\/\/kinsta.com\/nl\/blog\/author\/budkraus\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/62001","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\/313"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=62001"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/62001\/revisions"}],"predecessor-version":[{"id":62047,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/62001\/revisions\/62047"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/62001\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/62001\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/62001\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/62001\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/62001\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/62001\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/62001\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/62001\/translations\/es"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/62001\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/62002"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=62001"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=62001"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=62001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}