{"id":1329,"date":"2012-07-03T13:00:57","date_gmt":"2012-07-03T11:00:57","guid":{"rendered":"http:\/\/www.mariskamedia.nl\/wordpress\/?p=1329"},"modified":"2018-01-27T17:10:08","modified_gmt":"2018-01-27T15:10:08","slug":"nooit-meer-onverwachte-wijzigingen-in-wordpress-met-een-child-theme","status":"publish","type":"post","link":"https:\/\/www.mariskamedia.nl\/wordpress\/nooit-meer-onverwachte-wijzigingen-in-wordpress-met-een-child-theme\/","title":{"rendered":"Nooit meer onverwachte wijzigingen in WordPress met een child theme"},"content":{"rendered":"<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<!-- Mariska Media blog 2017 --><br \/>\n<ins class=\"adsbygoogle\"\n     style=\"display:inline-block;width:728px;height:90px\"\n     data-ad-client=\"ca-pub-7355582738364083\"\n     data-ad-slot=\"1127774331\"><\/ins><br \/>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><br \/>\n<a href=\"https:\/\/i0.wp.com\/www.mariskamedia.nl\/wordpress\/wp-content\/uploads\/wordpress-child-theme-02.jpg?ssl=1\"><img loading=\"lazy\" class=\"alignright size-full wp-image-1335\" title=\"wordpress child theme\" src=\"https:\/\/i0.wp.com\/www.mariskamedia.nl\/wordpress\/wp-content\/uploads\/wordpress-child-theme-02.jpg?resize=442%2C188&#038;ssl=1\" alt=\"wordpress child theme\" width=\"442\" height=\"188\" data-recalc-dims=\"1\" \/><\/a>Wat zag mijn <strong>WordPress-blog<\/strong> er prachtig uit! De header flitste van het scherm en ook de kleuren en lettertypen pasten precies bij wat ik wou. Urenlang had ik in de bewerker doorgebracht, op zoek naar de CSS-codes die precies die elementen beschreven die ik wou veranderen.<\/p>\n<p>Maar helaas: met de nieuwste updates<strong> waren al mijn wijzigingen in een klap verloren<\/strong>! Gefrustreerd bekeek ik mijn blog, dat er ineens weer standaard uitzag. Het thema was overschreven en al mijn werk was weg. Hoe voorkom je zulke problemen?<\/p>\n<h2><strong>Voorkom ongewenste verrassingen met een child theme<\/strong><\/h2>\n<p>Bovenstaande situatie is voor veel lezers heel herkenbaar. Wie nog niet zo bekend is met WordPress of gewoonweg niet van child themes afweet, weet niet anders dan dat je je thema vanuit het <strong>Dashboard<\/strong> of de <strong>Bewerker<\/strong> naar smaak opfleurt. Waarschijnlijk weet je dan ook dat je al het werk eens in de zoveel tijd opnieuw moet doen. Zonde!<\/p>\n<p>Gelukkig bestaat er een oplossing voor, namelijk <strong>werken vanuit een child theme<\/strong>. Een child theme is een thema dat alle instellingen van een hoofdthema erft, behalve de instellingen die je hebt aangepast. Het hoofdthema kan dan gewoon een update ondergaan zonder dat je werk verloren gaat. Handig, toch?<\/p>\n<h2><strong>De voorwaarden voor een child theme:<\/strong><\/h2>\n<ul>\n<li>Je moet WordPress op je eigen webruimte gebruiken.<\/li>\n<li>Je moet iets afweten van de scripttaal CSS of het leren. Bezoek een <a href=\"http:\/\/www.webontwikkelaar.nl\/css\/cursus\/\" target=\"_blank\"><strong>online cursus CSS<\/strong><\/a>.<\/li>\n<\/ul>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<!-- Mariska sidebar responsive --><br \/>\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-7355582738364083\"\n     data-ad-slot=\"6913086506\"\n     data-ad-format=\"auto\"><\/ins><br \/>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<h2><strong>Een child theme aanmaken<\/strong><\/h2>\n<p><strong>Tip:<\/strong> voordat je grote wijzigingen aan je website\/blog aanbrengt, is het aan te raden om je bestanden te back-uppen.<\/p>\n<h3>1. Maak op je webruimte in de map \/wp-content\/themes een nieuwe map aan voor het nieuwe thema.<\/h3>\n<p>Het child theme komt dus net als andere thema&#8217;s <strong>in een eigen map<\/strong> te staan. Kies een herkenbare naam, bijvoorbeeld de naam van het oorspronkelijke thema gevolgd door &#8216;child&#8217;, bijvoorbeeld &#8217;twentyeleven-child&#8217;.<\/p>\n<h3>2. Maak een nieuw bestand aan genaamd style.css.<\/h3>\n<p>Maak dit bestand aan in<strong> een tekstverwerker zonder opmaak<\/strong>, bijvoorbeeld het Kladblok in Windows. Vul het bestand met de volgende code:<\/p>\n<pre>\/*\r\nTheme Name: &lt;vul een naam in voor je nieuwe thema&gt;\r\nDescription: &lt;bedenk een omschrijving voor je nieuwe thema&gt;\r\nTemplate: <strong>twentyeleven<\/strong>\r\n*\/\r\n@import url(..\/<strong>twentyeleven<\/strong>\/style.css);<\/pre>\n<p><strong>Let op:<\/strong> in dit voorbeeld wordt een child theme gemaakt van het bestaande Twenty Eleven-thema. Je moet bovenstaande informatie aanpassen aan het thema waarvan je een child theme wilt maken.<\/p>\n<ul>\n<li>Vul achter <strong>Template<\/strong> de naam in van de map waarin het <strong>hoofdthema<\/strong> staat. Dit moet precies overeenkomen, anders werkt het niet.<\/li>\n<li>Vul achter <strong>@import url<\/strong> de URL in van de <strong>stylesheet<\/strong> van het <strong>hoofdthema<\/strong>.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/i0.wp.com\/www.mariskamedia.nl\/wordpress\/wp-content\/uploads\/child-theme-wordpress-011.jpg?ssl=1\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1345\" title=\"child-theme-wordpress\" src=\"https:\/\/i0.wp.com\/www.mariskamedia.nl\/wordpress\/wp-content\/uploads\/child-theme-wordpress-011.jpg?resize=581%2C268&#038;ssl=1\" alt=\"child-theme-wordpress\" width=\"581\" height=\"268\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p>Je hebt zojuist een nieuwe <strong>stylesheet<\/strong> gemaakt voor je<strong> child theme<\/strong>, alleen is die nog leeg. Je kunt de nieuwe stylesheet nu vullen met <strong>CSS-stijlen uit het hoofdthema<\/strong> die je wilt veranderen. Je hoeft dus niet alle stijlen te kopi\u00ebren, alleen diegene die je wilt wijzigen. De rest wordt namelijk ge\u00ebrfd van het hoofdthema.<\/p>\n<p>Als je niet veel van CSS afweet, is het vaak lastig om te herkennen welke stijlen welke opmaak op je blog beschrijven. Het is dan een kwestie van uitproberen. Hierbij wat tips:<\/p>\n<ul>\n<li>Kijk goed naar het <strong>commentaar in de stylesheet<\/strong> van het hoofdthema, dus de tekst tussen<strong> \/*<\/strong> en<strong> *\/<\/strong>. Het commentaar zegt veel over wat het specifieke stukje code beschrijft.<\/li>\n<li>Kopieer niet in het wilde weg, maar zorg dat je <strong>alle tekst kopieert die bij een stijl hoort<\/strong>. In onderstaande code staan drie stijlen. Elke stijl begint met een hashtag # en de inhoud staat tussen accolades, dus { en }. Vergeet niet om de afsluitende accolade mee te kopi\u00ebren.<\/li>\n<\/ul>\n<pre>\/* =Header\r\n----------------------------------------------- *\/\r\n\r\n#branding {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 border-top: 2px solid #bbb;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 padding-bottom: 10px;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 position: relative;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 z-index: 9999;\r\n}\r\n\r\n#site-title {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 margin-right: 270px;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 padding: 3.65625em 0 0;\r\n}\r\n\r\n#site-title a {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 color: #111;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 font-size: 30px;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 font-weight: bold;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 line-height: 36px;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 text-decoration: none;\r\n}<\/pre>\n<ul>\n<li>Wijzig alleen de informatie <strong>achter dubbele punten<\/strong>, bijvoorbeeld de kleurcode, tekstgrootte, enzovoort, tenzij je weet wat je doet.<\/li>\n<\/ul>\n<h3>3. Plaats de nieuwe style.css in de map van het nieuwe child theme.<\/h3>\n<h3>4. Ga naar het Dashboard van WordPress en vervolgens naar <strong>Weergave\/Thema&#8217;s<\/strong> en activeer het nieuwe child theme.<\/h3>\n<p>Het nieuwe child theme moet tussen de bestaande thema&#8217;s staan. Voordat je het child theme activeert, kun je <strong>een voorbeeld weergeven<\/strong> om te kijken of het werkt. Hiermee voorkom je eventuele problemen.<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Wat zag mijn WordPress-blog er prachtig uit! De header flitste van het scherm en ook de kleuren en lettertypen pasten precies bij wat ik wou. Urenlang had ik in de bewerker doorgebracht, op zoek naar de CSS-codes die precies die elementen beschreven die ik wou veranderen. Maar helaas: met de nieuwste updates waren al mijn [&hellip;]<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"spay_email":""},"categories":[24,26],"tags":[92,399,593],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1qaJA-lr","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":1751,"url":"https:\/\/www.mariskamedia.nl\/wordpress\/vragen-bij-zakelijk-bloggen-waarom-bloggen-voor-mijn-bedrijf-3\/","url_meta":{"origin":1329,"position":0},"title":"Vragen bij een corporate blog: waarom bloggen voor mijn bedrijf (3)?","date":"2 oktober 2012","format":false,"excerpt":"In de categorie 'meest gestelde vragen rondom zakelijk bloggen\u00a0valt deze wel in de top 3: \"Waarom zou ik een corporate blog starten?\" Veel bedrijven weten nog niet wat ze aan een zakelijk blog hebben, hebben er slechts vaag van gehoord of weten helemaal niet wat een blog is. Vandaar dat\u2026","rel":"","context":"In &quot;Inbound Marketing&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.mariskamedia.nl\/wordpress\/wp-content\/uploads\/e-ppie-huh-klein1.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1511,"url":"https:\/\/www.mariskamedia.nl\/wordpress\/nog-geen-zakelijk-blog-hubspots-mike-volpe-vertelt-over-succesvol-bloggen-interview\/","url_meta":{"origin":1329,"position":1},"title":"Nog geen zakelijk blog? HubSpot&#8217;s Mike Volpe vertelt over succesvol bloggen (interview)!","date":"31 juli 2012","format":false,"excerpt":"Het kan niet genoeg worden benadrukt: een zakelijk blog is de manier om een online expertstatus te verwerven en meer klanten naar je website te krijgen. Een bedrijf dat dit als geen ander weet is het Amerikaanse bedrijf HubSpot, bekend van de gelijknamige Inbound Marketing-software. Chief Marketing Officer Mike Volpe\u2026","rel":"","context":"In &quot;Inbound Marketing&quot;","img":{"alt_text":"zakelijk bloggen meer bezoekers","src":"https:\/\/i0.wp.com\/www.mariskamedia.nl\/wordpress\/wp-content\/uploads\/effectbloggen.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1719,"url":"https:\/\/www.mariskamedia.nl\/wordpress\/vragen-bij-zakelijk-bloggen-waar-schrijf-ik-over-op-mijn-blog-1\/","url_meta":{"origin":1329,"position":2},"title":"Vragen bij een bedrijfsblog: waar schrijf ik over op mijn blog (1)?","date":"18 september 2012","format":false,"excerpt":"Wanneer ik met klanten over zakelijk bloggen praat, krijg ik nogal wat vragen op mij afgevuurd. \"Maar waar moet ik dan over bloggen? Waarom zou ik niet gewoon Google Adwords gebruiken? Wat levert een bedrijfsblog mij op?\" Het is logisch dat bedrijven nog veel vragen hebben over bloggen. Bloggen voor\u2026","rel":"","context":"In &quot;Inbound Marketing&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.mariskamedia.nl\/wordpress\/wp-content\/uploads\/E-ppie-waaroverbloggen-klein.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1685,"url":"https:\/\/www.mariskamedia.nl\/wordpress\/zakelijk-bloggen-deel-je-kennis-met-waardevolle-content\/","url_meta":{"origin":1329,"position":3},"title":"Zakelijk bloggen: deel je kennis met 5 soorten waardevolle content","date":"12 september 2012","format":false,"excerpt":"Zakelijk bloggen is\u00a0helemaal in de groei in Nederland. Terwijl bedrijven in de Verenigde\u00a0Staten er al een tijdje op los bloggen als deel van de contentstrategie van hun website, volgt Nederland\u00a0nu eindelijk ook. Maar wat plaats je eigenlijk op je blog? Zelf begon ik ooit met korte verslagjes over mijn bezoek\u2026","rel":"","context":"In &quot;Inbound Marketing&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2116,"url":"https:\/\/www.mariskamedia.nl\/wordpress\/help-ik-wil-zakelijk-bloggen-maar-kan-niet-schrijven\/","url_meta":{"origin":1329,"position":4},"title":"Help! Ik wil zakelijk bloggen, maar kan niet schrijven!","date":"6 december 2012","format":false,"excerpt":"Daar is ie weer: dat lege witte vel in je tekstverwerker dat lijkt te smeken om wat regels tekst. Zweetdruppeltjes prijken op je voorhoofd en moedeloosheid vormt zich als een donkere wolk om je heen. Je wilt zakelijk bloggen om jezelf online als expert te profileren, maar je kunt niet\u2026","rel":"","context":"In &quot;blogartikelen schrijven&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.mariskamedia.nl\/wordpress\/wp-content\/uploads\/zakelijk-bloggen-niet-kunnen-schrijven-288x300.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3474,"url":"https:\/\/www.mariskamedia.nl\/wordpress\/waar-is-mariska-media-gebleven\/","url_meta":{"origin":1329,"position":5},"title":"Waar is Mariska Media gebleven?","date":"15 november 2017","format":false,"excerpt":"Waar is Mariska Media gebleven? Nee, je bent echt niet de enige die zich dit afvraagt. Na een paar jaar zeer actief te zijn geweest, is Mariska Media plotseling stil geworden. Het bloggen over zakelijk bloggen stopte en ook de berichten op sociale media doofden uit. Wat is er aan\u2026","rel":"","context":"In &quot;Persoonlijk&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.mariskamedia.nl\/wordpress\/wp-json\/wp\/v2\/posts\/1329"}],"collection":[{"href":"https:\/\/www.mariskamedia.nl\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mariskamedia.nl\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mariskamedia.nl\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mariskamedia.nl\/wordpress\/wp-json\/wp\/v2\/comments?post=1329"}],"version-history":[{"count":1,"href":"https:\/\/www.mariskamedia.nl\/wordpress\/wp-json\/wp\/v2\/posts\/1329\/revisions"}],"predecessor-version":[{"id":3791,"href":"https:\/\/www.mariskamedia.nl\/wordpress\/wp-json\/wp\/v2\/posts\/1329\/revisions\/3791"}],"wp:attachment":[{"href":"https:\/\/www.mariskamedia.nl\/wordpress\/wp-json\/wp\/v2\/media?parent=1329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mariskamedia.nl\/wordpress\/wp-json\/wp\/v2\/categories?post=1329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mariskamedia.nl\/wordpress\/wp-json\/wp\/v2\/tags?post=1329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}