{"id":70209,"date":"2016-07-15T14:02:53","date_gmt":"2016-07-15T21:02:53","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=70209"},"modified":"2025-05-26T09:54:48","modified_gmt":"2025-05-26T16:54:48","slug":"waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/","title":{"rendered":"Waarom Je Een Child-Thema Nodig Hebt En Hoe Je Je Eigen Kunt Maken"},"content":{"rendered":"\n<p><i><\/i>Stel je voor: je hebt het perfecte thema gevonden voor je <a href=\"\/hosting\/wordpress\/\">WordPress<\/a> blog. Nou ja, bijna perfect. Nadat je het lettertype van het menu hebt aangepast van Times New Roman naar Open Sans en de achtergrondkleur van de zijbalk hebt veranderd van groen naar blauw van een robbenei, past het precies bij je visie. Tot twee weken later, wanneer de themamaker een nieuwe versie uitbrengt met een essenti\u00eble beveiligingsupdate. Je upgrade je thema alleen om te merken dat \u2014 poef! \u2014 je aangepaste wijzigingen allemaal verdwenen zijn.<\/p>\n\n\n<p>Gelukkig hoef je niet je dagen te besteden aan het opnieuw implementeren van je wijzigingen en het vrezen van nieuwe updates. Er is een makkelijkere manier om <a href=\"https:\/\/www.dreamhost.com\/blog\/17-expert-blogging-tips-for-2017\/\">je blog aan te passen<\/a> terwijl je het grootste deel van de look en feel behoudt die je leuk vindt: je kunt een &#8220;child&#8221; thema cre\u00ebren, dat de functionaliteit van het &#8220;parent&#8221; thema erft terwijl het die stijlwijzigingen toevoegt die uniek zijn voor jou. Zelfs als je het parent thema bijwerkt, behoudt het child thema jouw wijzigingen zolang je wilt.<\/p>\n\n\n<p>Het kost slechts \u00e9\u00e9n .css-bestand om een normaal <a href=\"https:\/\/www.dreamhost.com\/blog\/guidelines-for-choosing-a-wordpress-theme\/\">WordPress-thema<\/a> om te zetten in een aangepast child-thema, en het kost minder code dan je denkt. Het volgende is een stap-voor-stap handleiding voor het cre\u00ebren van een child-thema van elk normaal WordPress-thema dat je al in gedachten hebt.<\/p>\n\n\n<p>Opmerking: Dit is een tussenliggende handleiding die ervan uitgaat dat je al een beetje HTML en CSS kent. Je hoeft geen expert te zijn, maar we gaan de code van een thema bewerken. Als je daar nog niet comfortabel mee bent, wil je misschien de <a href=\"http:\/\/www.w3schools.com\/css\/\">gratis CSS-tutorial van W3Schools<\/a> bekijken of je inschrijven voor <a href=\"https:\/\/www.codecademy.com\/learn\/web\">Codecademy&#8217;s gratis HTML\/CSS webtraject<\/a>.<\/p>\n\n\n<p><span style=\"font-weight: 400;\"><\/span><\/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      WordPress + DreamHost\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Onze automatische updates en sterke beveiligingsverdedigingen nemen het serverbeheer uit je handen, zodat jij je kunt concentreren op het cre\u00ebren van een geweldige website.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/wordpress\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Bekijk de Pakketten                    <\/a>\n\n  <\/div>\n<\/div>\n\n<h2 id=\"h-1-begin-with-a-parent-theme-and-plan-your-changes\" class=\"wp-block-heading\">1. Begin Met Een Parent-Thema En Plan Je Wijzigingen<\/h2>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-1024x641.png\" alt=\"TwentySixteen WordPress Thema\" class=\"wp-image-12960 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n<p>Dit is <a href=\"https:\/\/wordpress.org\/themes\/twentysixteen\/\">Twenty Sixteen<\/a>, het thema dat WordPress.org heeft gecre\u00eberd en uitgebracht voor dit jaar. Als je op zoek bent naar een basisthema om wijzigingen op aan te brengen, overweeg dan zeker hun jaarlijkse uitgaven te bekijken, zoals Twenty Fifteen, Twenty Fourteen, enzovoort.<\/p>\n\n\n<p>Ik vind het grotendeels leuk, maar ik wil een paar aanpassingen maken. Die zwarte rand is te hard voor mij, en ik zou het graag blauw willen hebben. Ik zou ook graag het <a href=\"https:\/\/www.dreamhost.com\/blog\/how-typography-affects-website-conversions\/\">lettertype willen veranderen<\/a>.<\/p>\n\n\n<p>Eerst open ik Chrome Developer Tools door in het Chrome-browsermenu te gaan naar Weergave \u2192 Ontwikkelaar \u2192 Ontwikkelaarshulpmiddelen. (Als je Firefox verkiest, kun je in het Firefox-menu gaan naar Extra \u2192 Webontwikkelaar \u2192 Inspecteur.)<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-1024x641.png\" alt=\"WordPress Ontwikkelaarstools\" class=\"wp-image-12956 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n<p>Ontwikkelaarshulpmiddelen laten me het thema inspecteren en zien waar de &#8220;regels&#8221; vandaan komen. Door de juiste CSS-klasse te manipuleren, kan ik uitvinden wat ik in mijn child-thema moet zetten om mijn wijzigingen aan te brengen. Bijvoorbeeld, je kunt zien dat door de achtergrondkleur te wijzigen naar #0099ff, ik de rand van zwart naar blauw kan veranderen. Natuurlijk zijn Ontwikkelaarshulpmiddelen alleen bedoeld voor tijdelijk experimenteren, en als ik deze pagina vernieuw, zal de rand weer zwart zijn.<\/p>\n\n\n<h2 id=\"h-2-create-your-child-theme-folder-and-files\" class=\"wp-block-heading\">2. Maak Je Child-Thema Map En Bestanden<\/h2>\n\n\n<p>Het is belangrijk om je child-thema zorgvuldig te labelen, te beginnen met de naam van de map waarin je het plaatst. Op die manier weet WordPress automatisch hoe het te identificeren. \u201c-child\u201d toevoegen aan het einde van de naam van het originele thema is de beste praktijk. Dus in mijn geval, aangezien Twenty Sixteen in een map genaamd \u201ctwentysixteen\u201d staat, noem ik mijn map \u201ctwentysixteen-child.\u201d<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"746\" height=\"272\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/folders.png\" alt=\"WordPress Thema Mappen\" class=\"wp-image-12958 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/folders.png.webp 746w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/folders-300x109.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/folders-600x219.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/folders-730x266.png.webp 730w\" data-sizes=\"(max-width: 746px) 100vw, 746px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 746px; --smush-placeholder-aspect-ratio: 746\/272;\" \/><\/figure><\/div>\n\n<p>Het eerste bestand dat ik moet aanmaken is <b>style.css<\/b>, een css-bestand dat relevante informatie bevat over mijn thema en de aangepaste styling die ik aan het uiterlijk wil toevoegen.<\/p>\n\n\n<p><code>\/*<br>\nTheme Name: Twenty Sixteen Child<br>\nTheme URI: http:\/\/example.com\/twentysixteen-child\/<br>\nDescription: Mijn eerste child-thema, gebaseerd op Twenty Sixteen<br>\nAuthor: Lauren Orsini<br>\nAuthor URI: http:\/\/lorsini.com<br>\nTemplate: twentysixteen<br>\nVersion: 1.0.0<br>\nTags: twee-kolommen, blauw, rechterzijbalk<br>\nText Domain: twentysixteen-child<br>\n*\/<\/code><\/p>\n\n\n<p>Ik begin met het invullen van de benodigde gegevens. Alleen \u201cTheme Name\u201d en \u201cTemplate\u201d zijn vereist. WordPress moet de naam van het thema weten, en het moet ook weten welk thema het als ouder van dit thema moet beschouwen, in dit geval Twenty Sixteen. De rest kun je invullen met je eigen informatie of leeg laten. In feite is deze structuur standaard geworden voor mensen die ge\u00efnteresseerd zijn in het publiceren van hun thema&#8217;s op WordPress.org. Als je gewoon je child-thema voor persoonlijk gebruik bouwt, heb je alleen de themanaam, beschrijving, auteur, template en versie nodig.<\/p>\n\n\n<p>Nu moet ik de stijlen toevoegen die ik wil veranderen. Ik wil de zwarte rand naar blauw veranderen, en ik wil het lettertype van de koptekst veranderen naar Georgia. Het lettertype van de koptekst wordt op drie plaatsen in het thema weergegeven\u2014titel van de site, titel van het bericht en titel van het widget, dus ik moet ervoor zorgen dat ik alle drie CSS-klassen in mijn stijl opneem om alle drie de locaties te be\u00efnvloeden.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"563\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-1024x563.png\" alt=\"WordPress Thema\" class=\"wp-image-12959 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-1024x563.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-300x165.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-768x422.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-600x330.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-1200x659.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-730x401.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-784x431.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-877x482.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style.png.webp 1438w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/563;\" \/><\/figure><\/div>\n\n<p>Nadat ik dit heb voltooid, is mijn child-thema functioneel. Ik zou het op dit moment kunnen installeren, maar het zou dan slechts twee stijlen hebben en de rest zou standaard zijn. Dat is niet wat ik wil; ik wil dat het thema de stijlen van Twenty Sixteen erft. Dus heb ik een tweede bestand nodig, getiteld <b>functions.php<\/b>.<\/p>\n\n\n<p>Kopieer en plak simpelweg de volgende code in het functions.php bestand:<\/p>\n\n\n<pre class=\"wp-block-preformatted\"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;amp;amp;amp;amp;lt;?php\nadd_action( &amp;#039;wp_enqueue_scripts&amp;#039;, &amp;#039;my_theme_enqueue_styles&amp;#039; );\nfunction my_theme_enqueue_styles() {\n    wp_enqueue_style( &amp;#039;parent-style&amp;#039;, get_template_directory_uri() . &amp;#039;\/style.css&amp;#039; );\n}\n<\/pre><\/pre>\n\n\n<p>Dit is een functie die de parent- en child-thema&#8217;s style.css-bestand in de wachtrij zet. Iets in de wachtrij zetten betekent dat het toegevoegd wordt aan de rij van soortgelijke items die door de browser verwerkt moeten worden. Deze functie zorgt ervoor dat beide sets stijlen in de juiste volgorde worden geladen op het scherm van de kijker.<\/p>\n\n\n<p>Een laatste, optionele stap is het cre\u00ebren van een 880&#215;660 afbeelding (PNG-bestandstype aanbevolen) van een screenshot van je child-thema. Op die manier, als je veel thema&#8217;s ge\u00efnstalleerd hebt, kun je in \u00e9\u00e9n oogopslag zien hoe deze eruitziet.<\/p>\n\n\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n\n\n<h2 id=\"h-3-upload-your-child-theme-to-wordpress\" class=\"wp-block-heading\">3. Upload Je Child-Thema Naar WordPress<\/h2>\n\n\n<p>Nu heb ik een map, met de titel twentysixteen-child, die twee bestanden bevat \u2014 style.css en functions.php. Het is tijd om die map te comprimeren naar een zip-bestand en deze te uploaden naar mijn site.<\/p>\n\n\n<p>Navigeer naar Weergave \u2192 Thema&#8217;s en selecteer &#8220;Nieuw toevoegen,&#8221; wat je in staat stelt om een zip-bestand te uploaden. WordPress controleert eerst of het parent-thema ge\u00efnstalleerd is, en als dat zo is, zou je je thema moeten kunnen uploaden. Als het parent-thema niet gevonden wordt, zal het niet werken.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-1024x641.png\" alt=\"WordPress Ge\u00fcpload Thema\" class=\"wp-image-12961 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n<p>Nu zou je jouw thema in de lijst met ge\u00fcploade thema&#8217;s moeten kunnen zien. Zo ziet de mijne eruit als ik erop klik. Merk op dat ik geen voorbeeldafbeelding aan mijn thema heb toegevoegd, maar het werkte nog steeds. Maar zie je hoe het alle informatie bevat die ik in stap 2 heb ingevoerd?<\/p>\n\n\n<p><span style=\"font-weight: 400;\"><\/span><\/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      Heb Ik Een Child-Thema Nodig?\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Of je nu hulp nodig hebt bij het vinden van je doelgroep, het kiezen van het juiste WordPress-thema, of het vastleggen van je merkwaarden, wij kunnen je helpen! Abonneer je op onze maandelijkse samenvatting zodat je nooit een artikel mist.\n    <\/p>\n\n            <a\n            href=\"http:\/\/messages.dreamhost.com\/public\/webform\/render_form\/0d5r88n319d4z8oihazkjsxjn2xwo\/0eb6cc6c0d15e420a3ff54f02356d3eb\/addcontact\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Meld Je Aan                    <\/a>\n\n  <\/div>\n<\/div>\n\n<p>Activeer je thema, en als alles goed is gegaan, zou je je afgeronde wijzigingen live moeten kunnen zien. Ta da! Ik heb de nieuwe randkleur en koptekstlettertypen die ik wilde. Beter nog, zelfs als WordPress het Twenty Sixteen-thema bijwerkt, zullen mijn wijzigingen niet veranderen.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-1024x641.png\" alt=\"Voltooide WordPress Website\" class=\"wp-image-12957 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n<p>Ik hoop dat deze handleiding je heeft geholpen om te zien hoe makkelijk en nuttig het kan zijn om een <a href=\"https:\/\/www.dreamhost.com\/blog\/manage-wordpress-themes-command-line-wp-cli\/\">child-thema op je WordPress-blog<\/a> te hebben. Het is een geweldige manier om je thema toekomstbestendig te maken, zodat het er goed uit blijft zien en aangepast blijft, wat er ook op je pad komt.<\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Beeld je dit in: je hebt het perfecte thema gevonden voor je WordPress-blog. Nou ja, bijna perfect. Nadat je het lettertype van het menu hebt aangepast van Times New Roman naar Open Sans en de achtergrondkleur van de zijbalk hebt veranderd van groen naar robijneierschaalblauw, past het precies bij je exacte visie. Tot twee weken later, wanneer de thema-maker een nieuwe versie uitbrengt [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":12957,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Maak een child-thema van elk regulier WordPress-thema met deze stapsgewijze handleiding. Het kost minder code dan je zou denken, beloofd!","toc_headlines":"[[\"h-1-begin-with-a-parent-theme-and-plan-your-changes\",\"1. Begin Met Een Parent-Thema En Plan Je Wijzigingen\"],[\"h-2-create-your-child-theme-folder-and-files\",\"2. Maak Je Child-Thema Map En Bestanden\"],[\"h-3-upload-your-child-theme-to-wordpress\",\"3. Upload Je Child-Thema Naar WordPress\"]]","hide_toc":false,"footnotes":""},"categories":[14932,14946,14948],"tags":[],"class_list":["post-70209","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials-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>Waarom Je Een Child-Thema Nodig Hebt En Hoe Je Je Eigen Kunt Maken - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Maak een child-thema van elk regulier WordPress-thema met deze stapsgewijze handleiding. Het kost minder code dan je zou denken, beloofd!\" \/>\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\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Waarom Je Een Child-Thema Nodig Hebt En Hoe Je Je Eigen Kunt Maken\" \/>\n<meta property=\"og:description\" content=\"Maak een child-thema van elk regulier WordPress-thema met deze stapsgewijze handleiding. Het kost minder code dan je zou denken, beloofd!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-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=\"2016-07-15T21:02:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T16:54:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2698\" \/>\n\t<meta property=\"og:image:height\" content=\"1690\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"6 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Waarom Je Een Child-Thema Nodig Hebt En Hoe Je Je Eigen Kunt Maken - DreamHost Blog","description":"Maak een child-thema van elk regulier WordPress-thema met deze stapsgewijze handleiding. Het kost minder code dan je zou denken, beloofd!","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\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/","og_locale":"en_US","og_type":"article","og_title":"Waarom Je Een Child-Thema Nodig Hebt En Hoe Je Je Eigen Kunt Maken","og_description":"Maak een child-thema van elk regulier WordPress-thema met deze stapsgewijze handleiding. Het kost minder code dan je zou denken, beloofd!","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2016-07-15T21:02:53+00:00","article_modified_time":"2025-05-26T16:54:48+00:00","og_image":[{"width":2698,"height":1690,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","type":"image\/png"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Waarom Je Een Child-Thema Nodig Hebt En Hoe Je Je Eigen Kunt Maken","datePublished":"2016-07-15T21:02:53+00:00","dateModified":"2025-05-26T16:54:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/"},"wordCount":1180,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","articleSection":["Handleidingen","WordPress","WordPress Ontcijferen"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/","name":"Waarom Je Een Child-Thema Nodig Hebt En Hoe Je Je Eigen Kunt Maken - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","datePublished":"2016-07-15T21:02:53+00:00","dateModified":"2025-05-26T16:54:48+00:00","description":"Maak een child-thema van elk regulier WordPress-thema met deze stapsgewijze handleiding. Het kost minder code dan je zou denken, beloofd!","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/nl\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","width":2698,"height":1690,"caption":"WordPress Finished Website"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/waarom-je-een-child-thema-nodig-hebt-en-hoe-je-je-eigen-kunt-maken-nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Waarom Je Een Child-Thema Nodig Hebt En Hoe Je Je Eigen Kunt Maken"}]},{"@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":70209,"de":54193,"en":12955,"pt":54222,"uk":54225,"es":54253,"pl":54256,"ru":54259,"it":68295,"fr":70185},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70209","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=70209"}],"version-history":[{"count":3,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70209\/revisions"}],"predecessor-version":[{"id":72759,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/70209\/revisions\/72759"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/12957"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=70209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=70209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=70209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}