{"id":70336,"date":"2022-05-02T08:08:12","date_gmt":"2022-05-02T15:08:12","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=70336"},"modified":"2025-05-26T09:27:42","modified_gmt":"2025-05-26T16:27:42","slug":"wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/","title":{"rendered":"WordPress Ontcijferen: Aangepaste Templates en Template Onderdelen"},"content":{"rendered":"\n<p>Met de introductie van <a href=\"https:\/\/wordpress.org\/support\/wordpress-version\/version-5-9\/\" target=\"_blank\" rel=\"noopener\">WordPress 5.9<\/a>, kun je nu Volledige-Site Bewerking gebruiken om het uiterlijk van je thema aan te passen. Bovendien kun je toegang krijgen tot meer ontwerpmogelijkheden om je website te bouwen zonder te programmeren met een op blokken gebaseerd thema. Deze basisinstellingen voldoen echter mogelijk niet aan je behoeften.<\/p>\n\n\n<p>Gelukkig kun je gemakkelijk aangepaste sjablonen en sjabloononderdelen toevoegen aan je WordPress blokthema. Of je nu gebruikmaakt van Volledige-Site Bewerking of je themabestand bewerkt, je kunt een <a href=\"https:\/\/www.dreamhost.com\/blog\/website-builder-template-examples\/\" target=\"_blank\" rel=\"noopener\">aangepaste indeling<\/a> cre\u00ebren om opnieuw te gebruiken bij het ontwerpen van nieuwe inhoud.<\/p>\n\n\n<p>In dit artikel bespreken we wat templates en templateonderdelen zijn. Daarna laten we je zien hoe je deze in WordPress kunt maken. Laten we beginnen!<\/p>\n\n\n<h2 id=\"h-an-introduction-to-wordpress-page-templates\" class=\"wp-block-heading\"><b>Een Introductie Tot WordPress Paginasjablonen<\/b><\/h2>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"639\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-1024x639.png\" alt=\"Diagram van de WordPress paginasjabloonhi\u00ebrarchie\" class=\"wp-image-37192 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-1024x639.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-300x187.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-768x479.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-1536x958.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-hierarchy-600x374.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-hierarchy-750x468.png.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-100x62.png 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-hierarchy.png.webp 1685w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/639;\" \/><\/figure><\/div>\n\n<p>Thema&#8217;s zijn enkele van de meest veelzijdige functies van WordPress. Door een thema op je site te installeren, kun je het uiterlijk radicaal veranderen om aan je behoeften te voldoen. Bovendien is het meestal eenvoudig om thema&#8217;s te vinden die zijn afgestemd op je specifieke niche en veel flexibiliteit bieden tijdens het ontwerpproces.<\/p>\n\n\n<p>Echter, er zijn een paar dingen die moeilijk te doen zijn als je alleen een thema gebruikt om het uiterlijk van je site aan te passen. Bijvoorbeeld, wat als je wilt dat je archieven een heel andere indeling hebben dan de rest van je pagina&#8217;s? Evenzo wil je misschien dat de zijbalk verschillende informatie bevat op verschillende paginatypes.<\/p>\n\n\n<p>Maak kennis met paginasjablonen \u2014 een manier om meer controle te krijgen over het uiterlijk van je site. Op sommige manieren zijn paginasjablonen erg vergelijkbaar met thema&#8217;s. Beide zijn bestanden met code die je site vertellen hoe informatie weer te geven.<\/p>\n\n\n<p>Zoals de naam al doet vermoeden, regelt een paginasjabloon echter alleen de stijl van een specifieke pagina (of een type pagina). Veel thema&#8217;s komen met verschillende paginasjablonen waaruit je kunt kiezen, maar je kunt ook je eigen sjabloon maken. Op die manier kun je precies bepalen hoe het moet worden opgezet en welke pagina&#8217;s moeten worden toegewezen om dat sjabloon te volgen.<\/p>\n\n\n<p>Het begrijpen en gebruiken van templates is technischer dan omgaan met thema&#8217;s. Als je echt wilt begrijpen hoe templates werken, wil je misschien wat tijd besteden aan het lezen over de <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-hierarchy\" target=\"_blank\" rel=\"noopener\">WordPress Template Hi\u00ebrarchie<\/a>. Dit systeem kent een prioriteitsniveau toe aan elk type template zodat je WordPress-site altijd weet welke er getoond moet worden.<\/p>\n\n\n<p>We gaan nu niet te veel in op dit concept, omdat we ons eerst specifiek gaan richten op paginasjablonen. Laten we beginnen met te verkennen waarom je in de eerste plaats sjablonen zou willen gebruiken.<\/p>\n\n\n<h2 id=\"h-the-benefits-of-using-page-templates\" class=\"wp-block-heading\"><b>De Voordelen Van Het Gebruiken Van Paginasjablonen<\/b><\/h2>\n\n\n<p>Tegen deze tijd zou je enig idee moeten hebben waarom paginasjablonen zo nuttig zijn. Ze bieden veel meer controle over het uiterlijk en de indeling van je site dan je normaal gesproken kunt krijgen door je thema aan te passen. De toepassingen voor paginasjablonen zijn talrijk \u2014 de enige beperking is je eigen creativiteit.<\/p>\n\n\n<p>Om je een idee te geven van het belang van deze functie, volgen hier een paar voorbeelden van situaties waarin je een paginasjabloon zou willen gebruiken:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Als je wilt dat een bepaalde pagina een volledige breedte lay-out heeft terwijl je voor de andere pagina&#8217;s een vaste breedte behoudt.<\/li>\n\n\n\n<li>Om een aangepaste pagina te cre\u00ebren die widgets gebruikt die op andere pagina&#8217;s niet worden weergegeven.<\/li>\n\n\n\n<li>Voor het weergeven van aanbevolen berichten aan lezers die relevant zijn voor de specifieke inhoud die ze bekijken.<\/li>\n\n\n\n<li>Om een pagina te bouwen met een unieke set functies, zoals een bijdragers- of archiefpagina.<\/li>\n\n\n<\/ul>\n\n\n<p>Aan het einde van deze post laten we je zien hoe je al deze dingen kunt doen. Zodra je begint te experimenteren met paginasjablonen en een gevoel krijgt voor hoe ze werken, kun je er alles mee doen wat je wilt.<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h2 id=\"h-an-introduction-to-full-site-editing-with-templates-and-template-parts\" class=\"wp-block-heading\"><b>Een Introductie tot Volledige Sitebewerking Met Templates en Template-onderdelen<\/b><\/h2>\n\n\n<p>Met <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noopener\">Volledige-Site Bewerking<\/a> kun je het ontwerp van je website bepalen met blokken. Je gebruikt waarschijnlijk al blokken om WordPress-berichten te maken. Nu kunnen ze je hele site opbouwen, inclusief niet-contentgebieden.<\/p>\n\n\n<p>Een voordeel van Volledige-sitebewerking is de paginasjablonen. Ze stellen je in staat om eenvoudig je sjablonen te bekijken en aan te passen zonder dat je handmatig je themabestanden hoeft te bewerken:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"631\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-1024x631.jpg\" alt=\"het WordPress templates scherm\" class=\"wp-image-37186 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-1024x631.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-768x473.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-1536x947.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-screen-wordpress-600x370.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-screen-wordpress-750x462.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-100x62.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-screen-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/631;\" \/><\/figure><\/div>\n\n<p>In WordPress zijn er ook sjabloondelen, die fungeren als kleinere structurele secties van een paginasjabloon. Je zult gewoonlijk sjabloondelen voor koppen of voetteksten zien:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"591\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg\" alt=\"het scherm met sjabloononderdelen in WordPress\" class=\"wp-image-37184 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-300x173.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-768x443.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1536x886.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-600x346.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-750x433.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-100x58.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/591;\" \/><\/figure><\/div>\n\n<p>Met een sjabloon kun je pagina&#8217;s bouwen met unieke functies. Je wilt bijvoorbeeld misschien niet dat je <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-front-page\/\" target=\"_blank\" rel=\"noopener\">homepagina<\/a> dezelfde indeling heeft als de rest van je inhoud. Daarom kun je een uniek ontwerp bereiken met een paginasjabloon.<\/p>\n\n\n<p>Verder kun je tijd besparen tijdens het ontwerpproces door sjablonen en onderdelen van sjablonen te hergebruiken. Door simpelweg op een sjabloon of individueel element te klikken, kun je het direct implementeren.<\/p>\n\n\n<h2 id=\"h-how-to-make-templates-in-wordpress-with-the-template-editor\" class=\"wp-block-heading\"><b>Hoe Maak Je Sjablonen In WordPress Met De Sjablooneditor<\/b><\/h2>\n\n\n<p>Als je een blokthema gebruikt, komt het met de <a href=\"https:\/\/wordpress.org\/support\/article\/template-editor\/\" target=\"_blank\" rel=\"noopener\">Sjablooneditor<\/a>. Door gebruik te maken van deze functie, kun je sjablonen maken en bewerken voor elke pagina of bericht op je website. Het werkt vergelijkbaar met de Blokeditor, waardoor je je thema met blokken kunt aanpassen.<\/p>\n\n\n<p>Om te beginnen moet je een blokthema installeren. Navigeer in je WordPress-dashboard naar <i>Appearance &gt; Themes &gt; Add New<\/i>. Filter vervolgens de resultaten met een <i>Full Site Editing<\/i> tag:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"561\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-1024x561.jpg\" alt=\"volledige sitebewerking in WordPress inschakelen\" class=\"wp-image-37182 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-1024x561.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-300x164.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-768x421.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-1536x842.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/enabling-full-site-editing-in-wordpress-600x329.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/enabling-full-site-editing-in-wordpress-750x411.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-100x55.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/enabling-full-site-editing-in-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/561;\" \/><\/figure><\/div>\n\n<p>Selecteer <i>Apply Filters<\/i>. In de zoekresultaten, installeer en activeer een thema. We gebruiken het standaard Twenty Twenty-Two thema voor deze tutorial:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"729\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-1024x729.jpg\" alt=\"thema's aanpassen in WordPress\" class=\"wp-image-37181 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-1024x729.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-300x214.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-768x547.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/customize-themes-in-wordpress-600x427.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/customize-themes-in-wordpress-750x534.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-100x71.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/customize-themes-in-wordpress.jpg.webp 1422w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/729;\" \/><\/figure><\/div>\n\n<p>Om een nieuwe sjabloon te maken, begin met het toevoegen van een nieuwe post of pagina. Vervolgens, in het <i>Post<\/i> instellingen tabblad, zoek de <i>Sjabloon<\/i> sectie en selecteer de <i>Nieuw<\/i> knop:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"447\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-1024x447.jpg\" alt=\"je WordPress-paginasjabloon selecteren in de editor\" class=\"wp-image-37183 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-1024x447.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-300x131.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-768x335.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-1536x670.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/select-page-template-in-wordpress-editor-600x262.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/select-page-template-in-wordpress-editor-750x327.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-100x44.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/select-page-template-in-wordpress-editor.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/447;\" \/><\/figure><\/div>\n\n<p>In het pop-upvenster, geef je nieuwe sjabloon een naam. Kies vervolgens <i>Create<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"842\" height=\"580\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress.jpg\" alt=\"Maak een nieuw aangepast sjabloon in WordPress\" class=\"wp-image-37180 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/create-a-new-custom-template-in-wordpress.jpg.webp 842w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress-300x207.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress-768x529.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/create-a-new-custom-template-in-wordpress-600x413.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/create-a-new-custom-template-in-wordpress-750x517.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress-100x69.jpg 100w\" data-sizes=\"(max-width: 842px) 100vw, 842px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 842px; --smush-placeholder-aspect-ratio: 842\/580;\" \/><\/figure><\/div>\n\n<p>Dit opent automatisch de Sjabloonbewerker. Je kunt je sjabloon ontwerpen met dezelfde blokken die je in een bericht zou gebruiken. Het is echter belangrijk om te weten dat deze blokken aan elk bericht met dit sjabloon worden toegevoegd:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"624\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-1024x624.jpg\" alt=\"blokken toevoegen aan een nieuw sjabloononderdeel in WordPress\" class=\"wp-image-37179 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-1024x624.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-300x183.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-768x468.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-1536x936.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/adding-blocks-to-a-new-template-part-600x366.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/adding-blocks-to-a-new-template-part-750x457.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-100x61.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/adding-blocks-to-a-new-template-part.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/624;\" \/><\/figure><\/div>\n\n<p>Je kunt ook blokken toevoegen die gerelateerd zijn aan je thema. Door naar beneden te scrollen naar de <i>Theme<\/i> sectie van de blokopties, kun je een logo, tagline, reacties op berichten en meer weergeven:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"548\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-1024x548.jpg\" alt=\"beschikbare WordPress-themablokken selecteren\" class=\"wp-image-37194 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-1024x548.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-300x161.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-768x411.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-1536x822.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-theme-blocks-600x321.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-theme-blocks-750x401.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-100x54.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-theme-blocks.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/548;\" \/><\/figure><\/div>\n\n<p>Wanneer je klaar bent met het aanpassen van je sjabloon, klik op <i>Publiceren<\/i>. Daarna, wanneer je een bericht of pagina aan dat sjabloon wilt toewijzen, selecteer het gewoon in het instellingen tabblad.<\/p>\n\n\n<h2 id=\"h-how-to-create-template-parts-in-wordpress-with-the-site-editor\" class=\"wp-block-heading\"><b>Hoe Template Onderdelen Te Maken In WordPress Met De Site Editor<\/b><\/h2>\n\n\n<p>Met een blokthema kun je sjablonen bewerken met de Site-editor. Je kunt je thema direct bewerken in plaats van een nieuw bericht of een nieuwe pagina te maken.<\/p>\n\n\n<p>Eerst ga je naar je dashboard. Daarna selecteer je<i> Appearance &gt; Editor (beta)<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"334\" height=\"246\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-themes-editor.jpg\" alt=\"Instellingen van de WordPress-thema's editor in het Weergave-menu\" class=\"wp-image-37195 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-themes-editor.jpg.webp 334w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-themes-editor-300x221.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-themes-editor-100x74.jpg 100w\" data-sizes=\"(max-width: 334px) 100vw, 334px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 334px; --smush-placeholder-aspect-ratio: 334\/246;\" \/><\/figure><\/div>\n\n<p>Dit opent de Site Editor. Om de sjablonen en sjabloondelen van je thema te vinden, klik op het WordPress-icoon in de linkerbovenhoek:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"477\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-1024x477.jpg\" alt=\"WordPress site-editor\" class=\"wp-image-37191 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-1024x477.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-300x140.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-768x358.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-1536x716.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-editor-600x280.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-editor-750x350.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-100x47.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-editor.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/477;\" \/><\/figure><\/div>\n\n<p>Na het selecteren van <i>Template Parts<\/i>, zie je een lijst met standaardopties. Om een nieuw template-onderdeel toe te voegen, klik je op de <i>Voeg Nieuw Toe<\/i> knop:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"591\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg\" alt=\"het scherm met sjabloondelen in WordPress\" class=\"wp-image-37184 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-300x173.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-768x443.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1536x886.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-600x346.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-750x433.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-100x58.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/591;\" \/><\/figure><\/div>\n\n<p>Maak vervolgens een naam voor je sjabloononderdeel en kies waar je het wilt plaatsen. De drie plaatsingsgebieden zijn <i>Algemeen<\/i>, <i>Header<\/i> en <i>Footer<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"905\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-1024x905.jpg\" alt=\"een nieuw sjabloononderdeel maken in WordPress\" class=\"wp-image-37189 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-1024x905.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-300x265.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-768x679.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-create-a-template-part-600x531.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-create-a-template-part-750x663.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-100x88.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-create-a-template-part.jpg.webp 1244w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/905;\" \/><\/figure><\/div>\n\n<p>Wanneer je klaar bent, selecteer <i>Create<\/i>. Dit brengt je naar het ge\u00efsoleerde sjabloongedeelte, dat je kunt aanpassen door blokken toe te voegen:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"624\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-1024x624.jpg\" alt=\"WordPress voeg nieuw sjabloononderdeel toe\" class=\"wp-image-33804 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-1024x624.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-300x183.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-768x468.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-1536x936.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-600x366.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1200x731.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-730x445.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1460x890.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-784x478.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1568x955.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-877x534.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1754x1069.jpg.webp 1754w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/624;\" \/><\/figure><\/div>\n\n<p>Je kunt een eenvoudige oproep tot actie, website-logo of iets anders weergeven dat je misschien wilt hergebruiken als een sjabloononderdeel. Zodra het opgeslagen is, kun je het aan elk sjabloon toevoegen door simpelweg het <i>Template Part<\/i> blok in te voegen.<\/p>\n\n\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\t22 WordPress Block Themes Perfect for Full Site Editing [2026]\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/wordpress-block-themes\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n<h2 id=\"h-how-to-create-custom-templates-and-template-parts-in-wordpress-manual-coding\" class=\"wp-block-heading\"><b>Hoe Maak Je Aangepaste Sjablonen en Sjabloononderdelen in WordPress (Handmatig Coderen)<\/b><\/h2>\n\n\n<p>Hoewel Volledige Site-Bewerking je in staat stelt om sjablonen en sjabloondelen voor een bestaand thema te maken, wil je misschien <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-developing-a-wp-theme\/\" target=\"_blank\" rel=\"noopener\">je eigen thema ontwikkelen<\/a>. Bovendien kan deze optie je meer controle geven over het uiterlijk van je website.<\/p>\n\n\n<p>Als je jouw nieuwe thema bouwt vanuit een bestaand thema, raden we <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-create-wordpress-child-theme\/\" target=\"_blank\" rel=\"noopener\">het aanmaken van een child-thema<\/a> aan. Deze stap zorgt ervoor dat nieuwe updates op het parent-thema jouw aanpassingen niet overschrijven.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-1-add-a-configuration-file\"><b>Stap 1: Voeg Een Configuratiebestand Toe<\/b><\/h3>\n\n\n<p>Met eerdere <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-functions\/\" target=\"_blank\" rel=\"noopener\">PHP-gebaseerde thema&#8217;s,<\/a> kon je de kop van je sjabloonbestand bewerken. Echter, om aangepaste inhoud in een blok-gebaseerd thema te cre\u00ebren, moet je een nieuw <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\" target=\"_blank\" rel=\"noopener\"><i>theme.json<\/i>-bestand<\/a> aanmaken.<\/p>\n\n\n<p>Je moet eerst toegang krijgen tot je site via <a href=\"https:\/\/www.dreamhost.com\/blog\/ftp-sftp-guide-for-wordpress-users\/\" target=\"_blank\" rel=\"noopener\">Secure File Transfer Protocol (SFTP)<\/a> of het site manager Dashboard van je hostingprovider. Zoek vervolgens naar de <i>themes<\/i>-map, die zich onder <i>wp-content<\/i> zou moeten bevinden:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"420\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-1024x420.jpg\" alt=\"wp-content themamap in WordPress via FTP\" class=\"wp-image-37197 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-1024x420.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-300x123.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-768x315.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-1536x629.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wp-content-themes-folder-1-600x246.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wp-content-themes-folder-1-750x307.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-100x41.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wp-content-themes-folder-1.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/420;\" \/><\/figure><\/div>\n\n<p>In je child-thema map, maak een nieuw bestand. Label het als \u201ctheme.json\u201d:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"363\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-1024x363.jpg\" alt=\"theme.json-bestand\" class=\"wp-image-37187 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-1024x363.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-300x106.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-768x272.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/theme-json-file-600x213.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/theme-json-file-750x266.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-100x35.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/theme-json-file.jpg.webp 1274w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/363;\" \/><\/figure><\/div>\n\n<p>In dit bestand, voeg het versienummer tussen accolades toe. Als je dit niet doet, wordt het gelezen als &#8220;versie 0&#8221;:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">{\n &nbsp;&nbsp;&nbsp;\"versie\": 2\n}<\/pre>\n\n\n<p>Je moet dit <i>theme.json<\/i>-bestand configureren om de breedte van je inhoud te ondersteunen. Na je versienummer, kopieer en plak <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/#layout\" target=\"_blank\" rel=\"noopener\">deze extra code<\/a>:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">{\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"version\": 2,\n\"settings\": {\n\"layout\": {\n\"contentSize\": \"840px\",\n\"wideSize\": \"1100px\"\n }\n }\n}<\/pre>\n\n\n<p>Dit stelt de breedte van je inhoud in op 840px. De brede breedte wordt ook bijgewerkt naar 1100px. Deze waarden komen overeen met de standaardbreedtes in de Site Editor, maar je kunt ze zo nodig aanpassen.<\/p>\n\n\n<p>Aangezien de breedte van de inhoud nu 840px is, zal het veel ruimte bieden voor elke regel tekens. Afhankelijk van je gekozen lettertype en grootte, moet je dit mogelijk aanpassen zodat kijkers je inhoud comfortabel kunnen lezen.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-2-create-new-template-parts\"><b>Stap 2: Maak Nieuwe Sjabloononderdelen<\/b><\/h3>\n\n\n<p>Ga dan terug naar je <i>themes<\/i>-map en open de <i>templates<\/i>-map:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"419\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-1024x419.jpg\" alt=\"locatie van de templates-map binnen de themamap via FTP-client\" class=\"wp-image-37185 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-1024x419.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-300x123.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-768x314.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-1536x629.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-folder-in-theme-folder-600x246.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-folder-in-theme-folder-750x307.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-100x41.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-folder-in-theme-folder.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/419;\" \/><\/figure><\/div>\n\n<p>Hier, maak een <i>index.html<\/i> bestand:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"332\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-1024x332.jpg\" alt=\"WordPress wp-content themamap\" class=\"wp-image-37196 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-1024x332.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-300x97.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-768x249.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-1536x498.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-wp-content-themes-folder-600x194.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-wp-content-themes-folder-750x243.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-100x32.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-wp-content-themes-folder.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/332;\" \/><\/figure><\/div>\n\n<p>Keer terug naar je themamap en klik op <i>template-parts<\/i>. Maak binnen deze map bestanden voor <i>footer.html<\/i> en <i>header.html<\/i>:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"520\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-1024x520.jpg\" alt=\"de locatie van het WordPress footer.php-bestand via FTP-client\" class=\"wp-image-37190 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-1024x520.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-300x152.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-768x390.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-1536x781.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-footer-php-file-location-600x305.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-footer-php-file-location-750x381.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-100x51.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-footer-php-file-location.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/520;\" \/><\/figure><\/div>\n\n<p>In het <i>header.html<\/i> bestand, voeg code toe voor je site titel en tagline blokken. Je kunt dit doen door het volgende <a href=\"https:\/\/fullsiteediting.com\/lessons\/templates-and-template-parts\/\" target=\"_blank\" rel=\"noopener\">blokmarkering<\/a> op te nemen:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- wp:site-title \/--&gt;\n&lt;!-- wp:site-tagline \/--&gt;<\/pre>\n\n\n<p>Ga vervolgens naar het bestand footer.html en plak de volgende code:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- wp:paragraph {\"align\":\"center\"} --&gt;\n&lt;p class=\"has-text-align-center\"&gt;Met trots aangedreven door \n&lt;a href=\"https:\/\/wordpress.org\/\"&gt;WordPress&lt;\/a&gt;.&lt;\/p&gt;\n&lt;!-- \/wp:paragraph \/\u2014-&gt;<\/pre>\n\n\n<p>Zodra je deze sjabloondelen toevoegt, kunnen ze gemakkelijk worden ge\u00efdentificeerd wanneer je klaar bent om je thema te testen.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-3-combine-the-template-parts\"><b>Stap 3: Combineer De Template Onderdelen<\/b><\/h3>\n\n\n<p>De volgende stap is het plaatsen van blokmarkeringen voor je sjabloondelen in je sjabloon HTML-bestand. Open de map <i>templates<\/i> en zoek het bestand <i>index.html<\/i> dat je in de vorige stap hebt gemaakt.<\/p>\n\n\n<p>Daarna moet je code toevoegen voor je twee sjabloononderdelen:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- wp:template-part {\"slug\":\"header\"} \/--&gt;\n&lt;!-- wp:template-part {\"slug\":\"footer\"} \/\u2014-&gt;<\/pre>\n\n\n<p>Gebaseerd op de naam van het templateonderdeelbestand, zal deze naam de slug worden. Bijvoorbeeld, het templateonderdeel <i>header.html<\/i> zal &#8220;header&#8221; als zijn slug hebben.<\/p>\n\n\n<p>Voeg vervolgens het juiste HTML-element toe voor elk template-onderdeel. Ze zullen de locatie van het template-onderdeel aangeven:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">\"tagName\":\"header\"\n\"tagName\":\"footer\"<\/pre>\n\n\n<p>Als je van plan bent CSS te gebruiken om deze kop- en voettekst te identificeren, moet je een aangepaste CSS-klassenaam toevoegen. Je kunt deze code aan het einde van elke regel plaatsen:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">\"className\":\"site-header\"\n\"className\":\"site-footer\"<\/pre>\n\n\n<p>Ten slotte moet de lay-outinstelling die je hebt ingevoerd in het <i>theme.json<\/i>-bestand worden ondersteund. Om dit te doen, voeg je deze code toe aan elk sjabloononderdeel:<\/p>\n\n\n<pre class=\"wp-block-preformatted\">\"layout\":{\"inherit\":true}<\/pre>\n\n\n<p>Hier is hoe de resulterende code eruit zou moeten zien:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"219\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-1024x219.jpg\" alt=\"Codefragmenten van WordPress sjabloondeel\" class=\"wp-image-37193 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-1024x219.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-300x64.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-768x165.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-1536x329.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-part-code-600x129.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-part-code-750x161.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-100x21.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-part-code.jpg.webp 1998w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/219;\" \/><\/figure><\/div>\n\n<p>Nadat je klaar bent met coderen, kun je een voorbeeld van je site bekijken om deze wijzigingen in je lay-out te zien.<\/p>\n\n\n<h2 id=\"h-ready-to-create-your-own-custom-templates\" class=\"wp-block-heading\"><b>Klaar om Je Eigen Aangepaste Sjablonen te Maken?<\/b><\/h2>\n\n\n<p>Als je het ontwerpproces van je website wilt stroomlijnen, is het een goed idee om Volledige-Site-Bewerking te gebruiken. Je kunt gemakkelijk het uiterlijk van je site aanpassen met sjablonen en sjabloondelen door gebruik te maken van deze functie. Deze aanpak kan een eenvoudiger alternatief zijn dan het volledig opnieuw ontwerpen van elke pagina vanaf nul.<\/p>\n\n\n<p>Om te herhalen, hier zijn de verschillende manieren waarop je sjablonen en sjabloononderdelen in WordPress kunt maken:<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Maak een nieuw sjabloon met de Sjabloon Editor.<\/li>\n\n\n\n<li>Maak sjabloononderdelen met de Site Editor.<\/li>\n\n\n\n<li>Codeer sjablonen en sjabloononderdelen handmatig.<\/li>\n\n\n<\/ol>\n\n\n<p>Het coderen van je eigen thema kan lastig zijn, vooral als je geen ervaring hebt met webontwikkeling. Als je je lay-out vanaf nul wilt aanpassen, wil je misschien een professionele ontwerper inhuren. Met onze <a href=\"https:\/\/www.dreamhost.com\/pro-services\/design\/custom-web-design\/\" target=\"_blank\" rel=\"noopener\">Custom Web Design Pro Service<\/a> kun je dit ingewikkelde codeerproces vermijden en een hoogwaardige website laten ontwerpen voor jouw merk!<\/p>\n\n\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Krijg Een Aangepaste Website Waar Je Trots Op Bent\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Onze ontwerpers zullen vanaf het begin een prachtige website cre\u00ebren die perfect bij je merk past.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pro-services\/design\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Meer Leren                    <\/a>\n\n  <\/div>\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Met de introductie van WordPress 5.9 kun je nu Volledige-Site Bewerking gebruiken om het uiterlijk van je thema aan te passen. Bovendien kun je toegang krijgen tot meer ontwerpfuncties om je website te bouwen zonder te coderen met behulp van een thema gebaseerd op blokken. Deze basisinstellingen voldoen echter mogelijk niet aan je behoeften. Gelukkig kun je gemakkelijk aangepaste sjablonen en sjabloononderdelen toevoegen [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":37177,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Met WordPress kun je nu met volledige site-bewerking het uiterlijk van je thema aanpassen. Leer meer over Sjablonen en Sjabloononderdelen.","toc_headlines":"[[\"h-an-introduction-to-wordpress-page-templates\",\"Een Introductie Tot WordPress Paginasjablonen\"],[\"h-the-benefits-of-using-page-templates\",\"De Voordelen Van Het Gebruiken Van Paginasjablonen\"],[\"h-an-introduction-to-full-site-editing-with-templates-and-template-parts\",\"Een Introductie tot Volledige Sitebewerking Met Templates en Template-onderdelen\"],[\"h-how-to-make-templates-in-wordpress-with-the-template-editor\",\"Hoe Maak Je Sjablonen In WordPress Met De Sjablooneditor\"],[\"h-how-to-create-template-parts-in-wordpress-with-the-site-editor\",\"Hoe Template Onderdelen Te Maken In WordPress Met De Site Editor\"],[\"h-how-to-create-custom-templates-and-template-parts-in-wordpress-manual-coding\",\"Hoe Maak Je Aangepaste Sjablonen en Sjabloononderdelen in WordPress (Handmatig Coderen)\"],[\"h-ready-to-create-your-own-custom-templates\",\"Klaar om Je Eigen Aangepaste Sjablonen te Maken?\"]]","hide_toc":false,"footnotes":""},"categories":[14942,14946,14948],"tags":[],"class_list":["post-70336","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-design-nl","category-wordpress-nl","category-decoding-wordpress-nl"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>WordPress Ontcijferen: Aangepaste Templates en Template Onderdelen - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Met WordPress kun je nu met volledige site-bewerking het uiterlijk van je thema aanpassen. Leer meer over Sjablonen en Sjabloononderdelen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress Ontcijferen: Aangepaste Templates en Template Onderdelen\" \/>\n<meta property=\"og:description\" content=\"Met WordPress kun je nu met volledige site-bewerking het uiterlijk van je thema aanpassen. Leer meer over Sjablonen en Sjabloononderdelen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-02T15:08:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T16:27:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WordPress Ontcijferen: Aangepaste Templates en Template Onderdelen - DreamHost Blog","description":"Met WordPress kun je nu met volledige site-bewerking het uiterlijk van je thema aanpassen. Leer meer over Sjablonen en Sjabloononderdelen.","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:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/","og_locale":"en_US","og_type":"article","og_title":"WordPress Ontcijferen: Aangepaste Templates en Template Onderdelen","og_description":"Met WordPress kun je nu met volledige site-bewerking het uiterlijk van je thema aanpassen. Leer meer over Sjablonen en Sjabloononderdelen.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-05-02T15:08:12+00:00","article_modified_time":"2025-05-26T16:27:42+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"WordPress Ontcijferen: Aangepaste Templates en Template Onderdelen","datePublished":"2022-05-02T15:08:12+00:00","dateModified":"2025-05-26T16:27:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/"},"wordCount":1950,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","articleSection":["Websiteontwerp","WordPress","WordPress Ontcijferen"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/","name":"WordPress Ontcijferen: Aangepaste Templates en Template Onderdelen - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","datePublished":"2022-05-02T15:08:12+00:00","dateModified":"2025-05-26T16:27:42+00:00","description":"Met WordPress kun je nu met volledige site-bewerking het uiterlijk van je thema aanpassen. Leer meer over Sjablonen en Sjabloononderdelen.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","width":900,"height":598,"caption":"WordPress page templates and template parts"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/wordpress-ontcijferen-aangepaste-templates-en-template-onderdelen-nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress Ontcijferen: Aangepaste Templates en Template Onderdelen"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"nl","translations":{"nl":70336,"es":33728,"en":33726,"uk":52735,"pt":56850,"de":56853,"pl":56856,"ru":56859,"it":68366,"fr":70315},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=70336"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70336\/revisions"}],"predecessor-version":[{"id":70338,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70336\/revisions\/70338"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/37177"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=70336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=70336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=70336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}