{"id":60208,"date":"2024-08-21T14:09:16","date_gmt":"2024-08-21T12:09:16","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=60208&#038;preview=true&#038;preview_id=60208"},"modified":"2024-08-22T14:27:12","modified_gmt":"2024-08-22T12:27:12","slug":"wordpress-thema-kernbegrippen","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/","title":{"rendered":"Kernbegrippen die je moet begrijpen bij het ontwikkelen van WordPress thema&#8217;s"},"content":{"rendered":"<p>WordPress thema&#8217;s spelen een cruciale rol bij het vormgeven van het uiterlijk en de functionaliteit van je website. Ze bepalen hoe je inhoud wordt weergegeven en bieden verschillende ontwerpopties om een unieke site te maken. In de loop der jaren zijn <a href=\"https:\/\/kinsta.com\/nl\/blog\/wat-is-een-wordpress-thema\/\">WordPress thema&#8217;s<\/a> sterk ge\u00ebvolueerd, te beginnen met wat we nu &#8220;klassieke thema&#8217;s&#8221; noemen<\/p>\n<p>Klassieke thema&#8217;s waren lange tijd de standaard, vertrouwden op <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-berichttemplates\/\">PHP-templates<\/a> en vereisten enige kennis van codering om aan te passen. Deze thema&#8217;s boden veel flexibiliteit, maar konden een uitdaging zijn voor mensen die nieuw waren in <a href=\"https:\/\/kinsta.com\/web-development\/\">webontwikkeling<\/a>. De release van <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-5-9\/\">WordPress 5.9<\/a> betekende een belangrijke verschuiving met de introductie van &#8220;<a href=\"https:\/\/wordpress.org\/documentation\/article\/block-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\">blokthema&#8217;s<\/a>&#8221;<\/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>Klassieke thema&#8217;s vs blokthema&#8217;s in WordPress<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/nl\/blog\/klassiek-wordpress-thema-maken\/\">Klassieke thema&#8217;s<\/a> zijn het traditionele type WordPress thema. Ze bepalen het algemene uiterlijk van een website door gebruik te maken van templatebestanden geschreven in PHP, <a href=\"https:\/\/kinsta.com\/nl\/blog\/css-best-practices\/\">CSS<\/a> voor styling en <a href=\"https:\/\/kinsta.com\/nl\/blog\/wat-is-javascript\/\">JavaScript<\/a> voor extra functionaliteit. Deze zeer aanpasbare thema&#8217;s vormen al vele jaren de ruggengraat van WordPress sites.<\/p>\n<p>Blokthema&#8217;s daarentegen zijn een nieuwer type WordPress thema, ge\u00efntroduceerd om de <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-full-site-editing\/\">Full Site Editing<\/a> (FSE) te ondersteunen. In tegenstelling tot klassieke thema&#8217;s gebruiken ze blokken om alle onderdelen van een website op te bouwen, inclusief headers, footers en inhoudsgebieden. Dit zorgt voor een meer visuele en intu\u00eftieve manier om websites te ontwerpen en aan te passen, rechtstreeks in de WordPress editor.<\/p>\n<p>De belangrijkste verschillen tussen klassieke en blokthema&#8217;s zijn:<\/p>\n<ol start=\"1\">\n<li><strong>Aanpassing<\/strong> &#8211; Klassieke thema&#8217;s vereisen PHP en enige codeervaardigheden, waar blokthema&#8217;s een visuele editor gebruiken voor eenvoudigere aanpassing.<\/li>\n<li><strong>Flexibiliteit<\/strong> &#8211; Klassieke thema&#8217;s bieden meer flexibiliteit voor <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-ontwikkelaar-huren\/\">developers<\/a>, terwijl blokthema&#8217;s zich richten op gebruiksgemak en toegankelijkheid.<\/li>\n<li><strong>Bewerken<\/strong> &#8211; Klassieke thema&#8217;s worden bewerkt via themabestanden en de <a href=\"https:\/\/kinsta.com\/nl\/blog\/hoe-je-je-wordpress-thema-kan-customizen\/\">WordPress Customizer<\/a>. Blokkenthema&#8217;s kunnen volledig worden bewerkt via de <a href=\"https:\/\/wordpress.org\/documentation\/article\/wordpress-block-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block Editor<\/a>.<\/li>\n<\/ol>\n<h3>Kiezen welk type thema je wilt ontwikkelen<\/h3>\n<p>Je keuze tussen klassieke en blokthema&#8217;s hangt af van je behoeften en vaardigheidsniveau. Als je een developer bent die op zoek is naar maximale flexibiliteit, dan zijn klassieke thema&#8217;s misschien iets voor jou. Als je echter de voorkeur geeft aan een meer gebruiksvriendelijke en visuele benadering van het bouwen van je site, dan zijn blokthema&#8217;s een geweldige optie.<\/p>\n<p>Beide soorten thema&#8217;s hebben hun sterke punten en zijn geschikt voor verschillende soorten gebruikers en projecten. Als je de belangrijkste verschillen begrijpt, kun je een weloverwogen beslissing nemen over welk thema het beste past bij de behoeften van je website.<\/p>\n<p>Dit artikel is bedoeld om je te helpen de kernconcepten van zowel klassieke als blokkenthema&#8217;s te begrijpen en beheersen, zodat je WordPress thema&#8217;s effectief kunt maken en aanpassen.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Het maken van een thema kan het uiterlijk van je site be\u00efnvloeden. Het is altijd beter om eerst <a href=\"https:\/\/kinsta.com\/nl\/blog\/kinsta-backup-features\/\">een backup te maken van je site<\/a>. Als je een host als Kinsta gebruikt, kun je een <a href=\"https:\/\/kinsta.com\/nl\/docs\/wordpress-hosting\/testomgeving\/\">testomgeving<\/a> maken om op te werken. Als je klaar bent, kun je <a href=\"https:\/\/kinsta.com\/nl\/docs\/wordpress-hosting\/testomgeving\/#push-environment-to-live-or-staging\">de wijzigingen naar de live site pushen<\/a>. Als alternatief kun je <a href=\"https:\/\/kinsta.com\/nl\/docs\/devkinsta\/devkinsta-integratie\/\">je site naar DevKinsta pullen<\/a> of <a href=\"https:\/\/kinsta.com\/nl\/blog\/zo-gebruik-je-sftp\/\">SFTP\/SSH<\/a> gebruiken met de client van je voorkeur voor veilige bestandsoverdracht.<\/p>\n<\/aside>\n\n<h2>Themastructuur begrijpen<\/h2>\n<p>Het begrijpen van de structuur van een thema, klassiek of blok, is de sleutel tot het effectief aanpassen van je WordPress site.<\/p>\n<p>Voordat we de structuur van elk thema gaan bekijken, moet je weten dat alle WordPress thema&#8217;s worden opgeslagen in de map <code>wp-content\/themes<\/code> van je WordPress installatie en dat elk thema zich in zijn eigen map bevindt.<\/p>\n<h3>Structuur klassieke thema&#8217;s<\/h3>\n<p>Een klassiek thema bestaat uit een aantal belangrijke bestanden en mappen die het uiterlijk en de functionaliteit van de site cre\u00ebren. De twee belangrijkste bestanden zijn:<\/p>\n<ol start=\"1\">\n<li><code>style.css<\/code> &#8211; Dit is de belangrijkste stylesheet dat de visuele vormgeving van het thema definieert. Het bevat bovenaan metagegevens over het thema (zoals naam, auteur en versie), gevolgd door CSS-regels die het thema stylen.<\/li>\n<li><code>index.php<\/code> &#8211; Dit is het belangrijkste templatebestand dat wordt gebruikt om inhoud op de startpagina weer te geven. Het dient als fallback voor andere templatebestanden die mogelijk ontbreken.<\/li>\n<\/ol>\n<p>Daarnaast zijn er nog andere belangrijke bestanden die een modulair ontwerp mogelijk maken en ervoor zorgen dat verschillende onderdelen van de site eenvoudig kunnen worden aangepast en onderhouden. Hoewel optioneel, worden deze bestanden als standaard beschouwd:<\/p>\n<ul>\n<li><code>header.php<\/code> &#8211; Dit bestand bevat de header van het thema, inclusief de sitetitel, het logo en het navigatiemenu. Het staat bovenaan elke pagina en zorgt voor een consistente paginaheader.<\/li>\n<li><code>footer.php<\/code> &#8211; Dit bestand bevat de footer van het thema, die vaak copyright-informatie en footernavigatie bevat. Het staat onderaan elke pagina en zorgt voor een consistente footer op de hele site.<\/li>\n<li><code>functions.php<\/code> &#8211; Dit bestand wordt gebruikt om custom functionaliteit aan het thema toe te voegen. Het kan menu&#8217;s registreren, stijlen en scripts oproepen en thema-ondersteunende features toevoegen, zoals thumbnails van berichten en custom achtergronden. In wezen fungeert het als een controlecentrum voor thema-aanpassingen en -verbeteringen.<\/li>\n<li><code>page.php<\/code>, <code>single.php<\/code>, <code>archive.php<\/code>, etc. &#8211; Deze templatebestanden defini\u00ebren de structuur voor verschillende soorten inhoud, zoals pagina&#8217;s, afzonderlijke berichten en archieven.<\/li>\n<\/ul>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Je kunt dit gedetailleerde artikel raadplegen voor een stap-voor-stap handleiding voor <a href=\"https:\/\/kinsta.com\/nl\/blog\/klassiek-wordpress-thema-maken\/\">het maken van klassieke WordPress thema&#8217;s<\/a>.<\/p>\n<\/aside>\n\n<h3>Structuur blokthema&#8217;s<\/h3>\n<p>Een blokthema bestaat uit een aantal belangrijke bestanden en mappen die speciaal zijn ontworpen om te werken met blokken en de FSE functies. De belangrijkste bestanden en mappen zijn:<\/p>\n<ol start=\"1\">\n<li><code>theme.json<\/code> &#8211; Dit bestand is cruciaal voor het configureren van de instellingen, stijlen en aanpassingen van het thema. Het definieert globale stijlen en instellingen voor blokken en biedt een gecentraliseerde manier om het uiterlijk en gedrag van het thema te beheren. Het vervangt de noodzaak voor veel custom PHP-code en maakt eenvoudige configuratie van kleuren, typografie, spacing en meer mogelijk.<\/li>\n<li><code>style.css<\/code> &#8211; Hoewel de meeste styling wordt afgehandeld binnen <code>theme.json<\/code>, wordt <code>style.css<\/code>, net als bij klassieke thema&#8217;s, nog steeds gebruikt om de metagegevens van het thema op te geven, zoals de themanaam, auteur, versie en beschrijving.<\/li>\n<li><code>templates\/<\/code> &#8211; Deze map bevat HTML-bestanden die de layout defini\u00ebren voor verschillende delen van de site. Deze bestanden bevatten templates zoals index.html voor de startpagina, <code>single.html<\/code> voor losse berichten, <code>page.html<\/code> voor pagina&#8217;s en meer. Elk bestand is opgebouwd uit blokken.<\/li>\n<li><code>parts\/<\/code> &#8211; Deze map bevat herbruikbare delen van templates, zoals headers en footers. Deze onderdelen kunnen in meerdere templates worden opgenomen, zodat ze consistent zijn voor de hele site.<\/li>\n<\/ol>\n<p>Hoewel niet verplicht, zijn <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-blokpatronen\/\">patterns<\/a> ook belangrijk bij het ontwikkelen van geavanceerde thema&#8217;s. Patterns zijn voorgedefinieerde blokindelingen die kunnen worden ingevoegd in pagina&#8217;s en berichten, zodat je snel complexe ontwerpen kunt maken.<\/p>\n<p>Met blokthema&#8217;s kun je ervoor kiezen om de themastructuur niet handmatig te maken. Je kunt het installatieproces stroomlijnen met de <a href=\"https:\/\/wordpress.org\/plugins\/create-block-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\">Create Block Theme<\/a> plugin, die alle benodigde bestanden en details op een rij zet.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/create-block-theme.png\" alt=\"Plugin blokthema maken.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Plugin blokthema maken.<\/figcaption><\/figure>\n<p>Zodra je de details hebt ingevuld, wordt er een nieuwe themamap aangemaakt in de map <code>wp-content\/themes<\/code> en verschijnt het nieuwe thema in het <a href=\"https:\/\/kinsta.com\/blog\/wordpress-admin\/\">beheergebied van WordPress<\/a> onder <strong>Appearance<\/strong> &gt; <strong>Themes<\/strong>. Je kunt meer details over het thema toevoegen in de <code>style.css<\/code> meta description instelling.<\/p>\n<h2>Templatehi\u00ebrarchie van WordPress thema&#8217;s<\/h2>\n<p>De templatehi\u00ebrarchie dicteert welke templatebestanden WordPress gebruikt om verschillende soorten inhoud weer te geven. Zowel klassieke als blokthema&#8217;s volgen een vergelijkbare hi\u00ebrarchie, maar verschillen in de bestandstypen die ze gebruiken: klassieke thema&#8217;s gebruiken <a href=\"https:\/\/kinsta.com\/nl\/blog\/wat-is-php\/\">PHP-bestanden<\/a>, terwijl blokthema&#8217;s <a href=\"https:\/\/kinsta.com\/blog\/what-is-html\/\">HTML-bestanden<\/a> gebruiken.<\/p>\n<p>De templatehi\u00ebrarchie volgt een specifieke volgorde om te bepalen welk templatebestand moet worden gebruikt. Als WordPress een bepaald templatebestand niet kan vinden, gaat het naar de volgende in de hi\u00ebrarchie.<\/p>\n<p>Als WordPress bijvoorbeeld een enkele blogpost moet weergeven, zoekt het eerst naar een template die specifiek is voor het posttype, zoals <code>single-{post-type}.php<\/code> of <code>single-{post-type}.html<\/code>. Als dat bestand niet bestaat, zoekt het naar de algemene <code>single.php<\/code> of <code>single.html<\/code>. Als geen van deze bestanden wordt gevonden, valt WordPress terug op de meest algemene template <code>index.php<\/code> of <code>index.html<\/code>.<\/p>\n<p>Hetzelfde proces geldt voor andere soorten inhoud. Voor een statische pagina controleert WordPress eerst of er custom templates aan die pagina zijn toegewezen. Als er geen wordt gevonden, wordt er gezocht naar een template op basis van de slug van de pagina (bijvoorbeeld <code>page-about.php<\/code> of <code>page-about.html<\/code>) of de ID van de pagina (<code>page-42.php<\/code> of <code>page-42.html<\/code>). Als deze specifieke templates niet beschikbaar zijn, gebruikt WordPress de algemene <code>page.php<\/code> of <code>page.html<\/code>. Als zelfs deze ontbreekt, valt het terug op <code>index.php<\/code> of <code>index.html<\/code>.<\/p>\n<h2>Templates maken<\/h2>\n<p>Door templates te maken in WordPress kun je aanpassen hoe verschillende soorten inhoud op je website worden weergegeven. Of je nu werkt met klassieke thema&#8217;s of blokthema&#8217;s, het proces omvat het instellen van de benodigde bestanden en het configureren ervan volgens jouw behoeften.<\/p>\n<p>Laten we eens een paginatemplate instellen voor beide soorten thema&#8217;s.<\/p>\n<h3>Paginatemplate klassiek thema<\/h3>\n<p>Bij klassieke thema&#8217;s maak je een paginatemplate met PHP. Zo doe je dat:<\/p>\n<ol start=\"1\">\n<li><strong>Maak de templatebestand<\/strong> &#8211; Maak met een <a href=\"https:\/\/kinsta.com\/nl\/blog\/beste-teksteditors\/\">teksteditor<\/a> een nieuw PHP-bestand aan in de map van je thema en geef het de naam <code>page.php<\/code>.<\/li>\n<li><strong>Voeg templatecode toe <\/strong>&#8211; Schrijf de benodigde PHP-code om de structuur en inhoud van het paginatemplate te defini\u00ebren. Dit bevat meestal WordPress template tags om de pagina-inhoud weer te geven.<\/li>\n<li><strong>Voeg header en footer toe<\/strong> &#8211; Zorg ervoor dat je template de header en footer bevat door de functies <code>get_header()<\/code> en <code>get_footer()<\/code> toe te voegen. Zo blijft de layout consistent met de rest van je site.<\/li>\n<\/ol>\n<p>Hier is een voorbeeld van hoe <code>page.php<\/code> eruit zou kunnen zien:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nget_header(); ?&gt;\n\n&lt;main&gt;\n    &lt;h1&gt;&lt;?php the_title(); ?&gt;&lt;\/h1&gt;\n    &lt;div&gt;&lt;?php the_content(); ?&gt;&lt;\/div&gt;\n&lt;\/main&gt;\n\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>In dit voorbeeld bevat de template de header, de paginatitel en inhoud, en vervolgens de footer.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Zorg ervoor dat je <code>header.php<\/code> en <code>footer.php<\/code> templates al hebt gedeclared. Lees meer over hoe ze werken <a href=\"https:\/\/kinsta.com\/nl\/blog\/klassiek-wordpress-thema-maken\/#step-4-create-the-header-file\">in deze handleiding<\/a>.<\/p>\n<\/aside>\n\n<h3>Paginatemplate blokthema&#8217;s<\/h3>\n<p>In blokthema&#8217;s kun je een paginatemplate maken via de WordPress Site Editor of door een <code>page.html<\/code> bestand te maken in de templatedirectory.<\/p>\n<p>Zodra dit bestand is gemaakt, kun je een layout ontwerpen door te navigeren naar de site editor (<strong>Appearance<\/strong> &gt; <strong>Editor<\/strong> in je WordPress dashboard).<\/p>\n<p>Gebruik de Block Editor om blokken toe te voegen en te rangschikken om de layout van je pagina te ontwerpen. Je kunt blokken toevoegen voor de paginatitel, uitgelichte afbeelding en inhoud. Pas elk blok aan volgens je ontwerpvoorkeuren.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/block-editor.png\" alt=\"Paginatemplate aanpassen met Block Editor.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Paginatemplate aanpassen met Block Editor.<\/figcaption><\/figure>\n<p>Als je tevreden bent met de layout, sla je de template op. WordPress genereert automatisch het bijbehorende HTML bestand in de map van je thema.<\/p>\n<h2>Thema&#8217;s stylen<\/h2>\n<p>Het stylen van je WordPress thema is een cruciale stap in het bepalen van het visuele uiterlijk van je website. Zowel klassieke als blokthema&#8217;s bieden robuuste manieren om stijlen aan te passen, maar ze benaderen dit verschillend.<\/p>\n<h3>Klassieke thema&#8217;s stylen<\/h3>\n<p>Bij klassieke thema&#8217;s wordt styling meestal afgehandeld met CSS. Hier lees je hoe je een klassiek thema kunt stylen:<\/p>\n<p>Het belangrijkste stylesheet voor een klassiek thema is het bestand <code>style.css<\/code>. Dit bestand bevat alle CSS regels die bepalen hoe je thema eruit ziet. Het is ook de plaats waar je de metadata van het thema opgeeft, zoals de themanaam, auteur, versie en beschrijving.<\/p>\n<p>Om ervoor te zorgen dat je CSS goed wordt geladen, moet je je stylesheet in het bestand <code>functions.php<\/code> enqueuen met de functie <code>wp_enqueue_style()<\/code>.<\/p>\n<pre><code class=\"language-js\">function my_theme_enqueue_styles() {\n    wp_enqueue_style('my-theme-style', get_stylesheet_uri());\n}\nadd_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');<\/code><\/pre>\n<p>Deze stap is cruciaal voor het handhaven van de juiste WordPress standaarden en om ervoor te zorgen dat stijlen correct worden toegepast.<\/p>\n<p>Daarnaast kun je custom CSS direct toevoegen aan het <code>style.css<\/code> bestand of aparte CSS bestanden maken voor verschillende delen van je thema. Aangepaste CSS kan ook worden ingesloten in individuele templatebestanden met behulp van de <code>&lt;style&gt;<\/code> tag, hoewel deze praktijk over het algemeen minder gebruikelijk is en alleen wordt aanbevolen voor specifieke, ge\u00efsoleerde stijlen.<\/p>\n<p>Voor meer geavanceerde styling kun je CSS preprocessors zoals <a href=\"https:\/\/www.frontendmentor.io\/articles\/css-preprocessors-sass-or-less-which-to-choose-JOI20I1xNL#:~:text=Less%20provides%20flexibility%20for%20larger,Sass%2C%20Less%20encourages%20code%20organization.\" target=\"_blank\" rel=\"noopener noreferrer\">SASS of LESS<\/a> gebruiken. Met deze tools kun je beter onderhoudbare en modulaire CSS schrijven, waardoor het eenvoudiger wordt om de stijlen van je thema te beheren en uit te breiden.<\/p>\n<h3>Blokthema&#8217;s stylen<\/h3>\n<p>Het stylen van blokthema&#8217;s wordt voornamelijk beheerd via het bestand <code>theme.json<\/code> en de Block Editor.<\/p>\n<p>Het <code>theme.json<\/code> bestand is de centrale plaats voor het configureren van globale stijlen en instellingen voor je thema. In dit bestand kun je kleuren, typografie, spati\u00ebring en andere stijlen defini\u00ebren in een gestructureerd JSON-format, waardoor je het uiterlijk en het gedrag van het thema centraal kunt beheren. Globale stijlen die zijn gedefinieerd in <code>theme.json<\/code> zijn van toepassing op je hele site en zorgen voor een consistente look en feel.<\/p>\n<p>Naast <code>theme.json<\/code> kun je de Block Editorgebruiken om custom stijlen direct op blokken toe te passen. Met de blokeditor kun je wijzigingen in realtime zien en het ontwerp visueel aanpassen zonder dat je handmatig code hoeft te schrijven. Dit maakt het proces toegankelijker, vooral voor degenen die de voorkeur geven aan een visuele interface boven codering.<\/p>\n<p>Hoewel het <code>theme.json<\/code> bestand de meeste styling afhandelt, kun je nog steeds CSS gebruiken voor meer uitgebreide controle. Aangepaste CSS kan worden toegevoegd aan het <code>style.css<\/code> bestand of direct binnen individuele blokken met behulp van de Block Editor.<\/p>\n<p>Een voorbeeld van een <code>theme.json<\/code> bestand kan instellingen bevatten voor kleurpaletten, typografie en blokstijlen, waardoor het eenvoudig is om het ontwerp van het thema te beheren en aan te passen.<\/p>\n<pre><code class=\"language-json\">{\n  \"version\": 2,\n  \"settings\": {\n    \"color\": {\n      \"palette\": [\n        {\n          \"name\": \"Primary\",\n          \"slug\": \"primary\",\n          \"color\": \"#0073aa\"\n        },\n        {\n          \"name\": \"Secondary\",\n          \"slug\": \"secondary\",\n          \"color\": \"#005177\"\n        }\n      ]\n    },\n    \"typography\": {\n      \"fontSizes\": [\n        {\n          \"name\": \"Small\",\n          \"slug\": \"small\",\n          \"size\": \"12px\"\n        },\n        {\n          \"name\": \"Normal\",\n          \"slug\": \"normal\",\n          \"size\": \"16px\"\n        }\n      ]\n    }\n  },\n  \"styles\": {\n    \"color\": {\n      \"background\": \"#ffffff\",\n      \"text\": \"#333333\"\n    },\n    \"typography\": {\n      \"fontFamily\": \"Arial, sans-serif\"\n    }\n  }\n}<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Je kunt meer leren over de kracht van <code>theme.json<\/code> in onze gids over <a href=\"https:\/\/kinsta.com\/nl\/blog\/theme-json\/\">het aanpassen van je WordPress blokthema als een professional<\/a>.<\/p>\n<\/aside>\n\n<h2>Thema&#8217;s aanpassen<\/h2>\n<p>Met het aanpassen van WordPress thema&#8217;s kun je het uiterlijk en de functionaliteit van je website aanpassen aan specifieke behoeften en voorkeuren. Zowel klassieke thema&#8217;s als blokthema&#8217;s bieden verschillende methoden voor het aanpassen, maar ze benaderen het verschillend.<\/p>\n<h3>Klassieke thema&#8217;s aanpassen<\/h3>\n<p>Klassieke thema&#8217;s bieden verschillende manieren om het uiterlijk en de sfeer van je site aan te passen:<\/p>\n<ol start=\"1\">\n<li><strong>Thema Customizer<\/strong> &#8211; De WordPress Thema Customizer is een eenvoudig te gebruiken interface waarmee je het uiterlijk van je thema kunt aanpassen zonder code aan te raken. Je kunt het openen via <b>Appearance <\/b>&gt; <strong>Customize<\/strong>. Het biedt opties om de site-identiteit, kleuren, menu&#8217;s, widgets en meer aan te passen. Wijzigingen kunnen in real-time worden bekeken voordat je ze opslaat.<\/li>\n<li><strong>Custom CSS<\/strong> &#8211; Voor meer specifieke stijlwijzigingen kun je custom CSS direct toevoegen in de Thema-aanpasser onder de sectie <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-css\/\">Extra CSS<\/a>. Deze methode is ideaal voor het maken van kleine aanpassingen zonder de themabestanden te bewerken.<\/li>\n<li><b>Child thema&#8217;s <\/b>&#8211; Als je uitgebreide wijzigingen moet aanbrengen, is het maken van een <a href=\"https:\/\/kinsta.com\/nl\/blog\/child-thema-wordpress\/\">child thema<\/a> de aanbevolen aanpak. Een child theme erft de functionaliteit van het parent thema en stelt je in staat om nieuwe stijlen en functies te overschrijven of toe te voegen. Dit zorgt ervoor dat je aanpassingen behouden blijven wanneer het parent themawordt bijgewerkt.<\/li>\n<li><strong>Themabestanden<\/strong> &#8211; Gevorderde gebruikers kunnen themabestanden zoals <code>header.php<\/code>, <code>footer.php<\/code> en <code>functions.php<\/code> rechtstreeks bewerken om meer significante wijzigingen aan te brengen. Deze methode vereist echter een goed begrip van PHP en de hi\u00ebrarchie van WordPress templates.<\/li>\n<li><strong>Plugins<\/strong> &#8211; Er zijn talloze plugins beschikbaar die de aanpassingsmogelijkheden van je thema uitbreiden. <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-page-builders\/\">Met page builder plugins<\/a> zoals <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-elementor\/\">Elementor<\/a> kun je bijvoorbeeld complexe layouts maken zonder te coderen.<\/li>\n<\/ol>\n<h3>Blokthema&#8217;s aanpassen<\/h3>\n<p>Met hun nadruk op FSE bieden blokthema&#8217;s een meer visuele en gebruiksvriendelijke benadering van aanpassen:<\/p>\n<ol start=\"1\">\n<li><strong>Site Editor<\/strong> &#8211; De WordPress Site Editor (<strong>Appearance<\/strong>&gt; <strong>Editor<\/strong>) is het belangrijkste hulpmiddel om blokkenthema&#8217;s aan te passen. Hiermee kun je alle aspecten van je site aanpassen, inclusief headers, footers, templates en individuele blokken, met behulp van een visuele interface. Wijzigingen worden direct toegepast, zodat je gemakkelijk kunt zien hoe je aanpassingen het ontwerp van de site be\u00efnvloeden.<\/li>\n<li><strong>Globale stijlen<\/strong> &#8211; Blokkenthema&#8217;s gebruiken het bestand <code>theme.json<\/code> om globale stijlen te defini\u00ebren. Je kunt kleuren, typografie, spati\u00ebring en meer globaal aanpassen, zodat je consistentie op je hele site krijgt. Met de Site Editor kun je deze instellingen ook visueel aanpassen.<\/li>\n<li><strong>Herbruikbare blokken en patterns <\/strong>&#8211; Je kunt herbruikbare blokken en patterns maken om consistentie te behouden en het ontwerpproces te stroomlijnen. Herbruikbare blokken kun je opslaan en invoegen in elke post of pagina, terwijl blokpatterns voorgedefinieerde layouts bieden die je kunt aanpassen aan je behoeften.<\/li>\n<li><strong>Custom templates<\/strong> &#8211; Met blokthema&#8217;s kun je direct in de Site Editor custom templates maken voor verschillende soorten inhoud. Hierdoor kun je de layout en het ontwerp van specifieke pagina&#8217;s of berichttypen aanpassen zonder code te schrijven.<\/li>\n<li><strong>Plugins<\/strong> &#8211; Net als klassieke thema&#8217;s kunnen blokthema&#8217;s worden uitgebreid met plugins. Veel plugins zijn ontworpen om de mogelijkheden van de Block Editor uit te breiden met extra blokken, patterns en aanpassingsopties.<\/li>\n<\/ol>\n<h2>Samenvatting<\/h2>\n<p>Met het aanpassen van WordPress thema&#8217;s kun je je site uniek en functioneel maken. Klassieke thema&#8217;s vertrouwen op de Theme Customizer, custom CSS, child thema&#8217;s en directe bestandswijzigingen voor flexibiliteit. Blokthema&#8217;s gebruiken de Site Editor en <code>theme.json<\/code> voor een meer visuele en intu\u00eftieve aanpak.<\/p>\n<p>Beide methoden bieden krachtige hulpmiddelen om je site aan te passen aan je behoeften, of je nu de voorkeur geeft aan coderen of aan visueel aanpassen.<\/p>\n<p>Nadat je een thema naar jouw smaak hebt gemaakt, een klassiek of blokthema, is het belangrijk om je site te hosten op robuuste hosting om problemen zoals <a href=\"https:\/\/kinsta.com\/nl\/blog\/downtime-website\/\">downtime<\/a>, <a href=\"https:\/\/kinsta.com\/nl\/blog\/ddos-aanvallen-voorkomen\/\">DDoS-aanvallen<\/a> en meer te voorkomen. Dit is waar premium hostingproviders zoals Kinsta uitblinken.<\/p>\n<p>Kinsta biedt krachtige <a href=\"https:\/\/kinsta.com\/nl\/wordpress-hosting\/\">Managed WordPress Hosting<\/a> met een volledig gecontaineriseerde architectuur, exclusief aangedreven door <a href=\"https:\/\/kinsta.com\/nl\/blog\/cloudplatform-voor-developers\/\">Google Cloud Platform<\/a> op het Premium Tier netwerk van Google.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress thema&#8217;s spelen een cruciale rol bij het vormgeven van het uiterlijk en de functionaliteit van je website. Ze bepalen hoe je inhoud wordt weergegeven en &#8230;<\/p>\n","protected":false},"author":287,"featured_media":60209,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[892,902],"class_list":["post-60208","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-wordpress-ontwikkeling","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>Kernbegrippen die je moet begrijpen bij het ontwikkelen van WordPress thema - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Ontdek de essenti\u00eble concepten van het ontwikkelen van WordPress-thema&#039;s, waaronder klassieke en blokthema&#039;s, hi\u00ebrarchie in templates en custom berichttypes.\" \/>\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-thema-kernbegrippen\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kernbegrippen die je moet begrijpen bij het ontwikkelen van WordPress thema&#039;s\" \/>\n<meta property=\"og:description\" content=\"Ontdek de essenti\u00eble concepten van het ontwikkelen van WordPress-thema&#039;s, waaronder klassieke en blokthema&#039;s, hi\u00ebrarchie in templates en custom berichttypes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/\" \/>\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=\"2024-08-21T12:09:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-22T12:27:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.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=\"Joel Olawanle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Ontdek de essenti\u00eble concepten van het ontwikkelen van WordPress-thema&#039;s, waaronder klassieke en blokthema&#039;s, hi\u00ebrarchie in templates en custom berichttypes.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\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:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Kernbegrippen die je moet begrijpen bij het ontwikkelen van WordPress thema&#8217;s\",\"datePublished\":\"2024-08-21T12:09:16+00:00\",\"dateModified\":\"2024-08-22T12:27:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/\"},\"wordCount\":2858,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/\",\"name\":\"Kernbegrippen die je moet begrijpen bij het ontwikkelen van WordPress thema - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png\",\"datePublished\":\"2024-08-21T12:09:16+00:00\",\"dateModified\":\"2024-08-22T12:27:12+00:00\",\"description\":\"Ontdek de essenti\u00eble concepten van het ontwikkelen van WordPress-thema's, waaronder klassieke en blokthema's, hi\u00ebrarchie in templates en custom berichttypes.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#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\":\"Kernbegrippen die je moet begrijpen bij het ontwikkelen van WordPress thema&#8217;s\"}]},{\"@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\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"caption\":\"Joel Olawanle\"},\"description\":\"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.\",\"sameAs\":[\"https:\/\/joelolawanle.com\/\",\"https:\/\/www.linkedin.com\/in\/olawanlejoel\/\",\"https:\/\/x.com\/olawanle_joel\",\"https:\/\/www.youtube.com\/@joelolawanle\"],\"gender\":\"male\",\"knowsAbout\":[\"JavaScript\",\"React\",\"Next.js\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Technical Editor\",\"worksFor\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Kernbegrippen die je moet begrijpen bij het ontwikkelen van WordPress thema - Kinsta\u00ae","description":"Ontdek de essenti\u00eble concepten van het ontwikkelen van WordPress-thema's, waaronder klassieke en blokthema's, hi\u00ebrarchie in templates en custom berichttypes.","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-thema-kernbegrippen\/","og_locale":"nl_NL","og_type":"article","og_title":"Kernbegrippen die je moet begrijpen bij het ontwikkelen van WordPress thema's","og_description":"Ontdek de essenti\u00eble concepten van het ontwikkelen van WordPress-thema's, waaronder klassieke en blokthema's, hi\u00ebrarchie in templates en custom berichttypes.","og_url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2024-08-21T12:09:16+00:00","article_modified_time":"2024-08-22T12:27:12+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png","type":"image\/png"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Ontdek de essenti\u00eble concepten van het ontwikkelen van WordPress-thema's, waaronder klassieke en blokthema's, hi\u00ebrarchie in templates en custom berichttypes.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development-1024x512.png","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Joel Olawanle","Geschatte leestijd":"15 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Kernbegrippen die je moet begrijpen bij het ontwikkelen van WordPress thema&#8217;s","datePublished":"2024-08-21T12:09:16+00:00","dateModified":"2024-08-22T12:27:12+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/"},"wordCount":2858,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/","url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/","name":"Kernbegrippen die je moet begrijpen bij het ontwikkelen van WordPress thema - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png","datePublished":"2024-08-21T12:09:16+00:00","dateModified":"2024-08-22T12:27:12+00:00","description":"Ontdek de essenti\u00eble concepten van het ontwikkelen van WordPress-thema's, waaronder klassieke en blokthema's, hi\u00ebrarchie in templates en custom berichttypes.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/08\/core-concepts-to-understand-in-wordPress-theme-development.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-thema-kernbegrippen\/#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":"Kernbegrippen die je moet begrijpen bij het ontwikkelen van WordPress thema&#8217;s"}]},{"@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\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","caption":"Joel Olawanle"},"description":"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.","sameAs":["https:\/\/joelolawanle.com\/","https:\/\/www.linkedin.com\/in\/olawanlejoel\/","https:\/\/x.com\/olawanle_joel","https:\/\/www.youtube.com\/@joelolawanle"],"gender":"male","knowsAbout":["JavaScript","React","Next.js"],"knowsLanguage":["English"],"jobTitle":"Technical Editor","worksFor":"Kinsta","url":"https:\/\/kinsta.com\/nl\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/60208","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\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=60208"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/60208\/revisions"}],"predecessor-version":[{"id":60227,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/60208\/revisions\/60227"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60208\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60208\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60208\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60208\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60208\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60208\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60208\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60208\/translations\/nl"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/60208\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/60209"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=60208"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=60208"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=60208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}