Een WordPress child theme: wellicht hebt u er nog niet zo vaak van gehoord, maar het is wel degelijk belangrijk. Er verschijnen regelmatig updates voor WordPress. Dit kan zijn voor de WordPress-hoofdbestanden, maar ook voor bijvoorbeeld plugins en thema’s. Installeert u een nieuwe versie van een thema? Dan overschrijft u ook eventuele aangebrachte wijzigingen in de code. Installeert u deze niet? Dan kan uw site gehackt worden of hij werkt in het vervolg niet meer correct. Met behulp van een child thema kunt u dit voorkomen. U kopieert hiermee uw functionaliteiten en vormgeving van de site naar een aparte, nieuwe map. WordPress blijft daar van af bij een update, waardoor uw site altijd perfect werkt. In deze tekst leggen we u uit hoe u een WordPress-thema aanpast met een WordPress child theme.
Wat is een child-thema voor WordPress?
Voordat we dieper op de materie in gaan, leggen we u graag eerst even uit wat een WordPress child theme precies is. Een hoofdthema en een child theme in WordPress horen bij elkaar en werken als een eenheid. Het hoofdthema is leidend en bevat de belangrijkste code. In het child theme staat een extra of een aangepaste code, bijvoorbeeld voor de opmaak van de site of een ander logo. Besluit u om het hoofdthema van de site te updaten, dan laat WordPress het bijbehorende child theme ongemoeid. U hoeft gemaakte wijzigingen dus niet opnieuw door te voeren. Bijkomend voordeel is dat u met een child theme met heel weinig risico kunt experimenteren. Pakken de wijzigingen niet goed uit? Dan begint u gewoon opnieuw en belangrijke bestanden blijven onaangetast.
Een child theme is ideaal om mee te experimenteren. Gaat het mis, dan begint u gewoon opnieuw.
Wanneer kiest u ervoor om een WordPress child theme te maken?
Benieuwd in welke situatie u het beste zo’n WordPress child theme kunt maken? Dan kunnen we kort en bondig antwoorden: altijd. Ook op het moment dat u niet van plan bent om wijzigingen aan te brengen in uw hoofdthema. Met een gratis plugin maakt u eenvoudig een child theme van uw huidige sjabloon. Die kunt u vervolgens gebruiken wanneer u (of de webbouwer) in de toekomst het WordPress theme wel wilt aanpassen. Als u het WordPress theme gaat aanpassen, kunt u denken aan de lettergrootte, kleuren of andere extra functionaliteiten. U kunt het zo ingewikkeld maken als u zelf wilt en uiteraard blijven de aanpassingen na een update intact.
Wat zijn de voordelen van child themes?
Het grootste voordeel van een child theme is dat uw WordPress theme ongewijzigd blijft na een update. Maar er zijn meer voordelen, die we hieronder graag voor u op een rijtje zetten.
Zet de website volledig naar uw hand
Met een WordPress child theme kunt u uw website volledig naar uw hand zetten, zowel qua uitstraling als qua functionaliteit. U voert veiligheidsupdates door in het hoofdthema en u overschrijft niet per ongeluk bestanden die eerder zijn aangepast.
U hoeft het wiel niet opnieuw uit te vinden
Met het gebruik van een WordPress child theme hoeft u geen onnodig werk te doen. Kies eenvoudig een sjabloon voor uw site waar u overwegend tevreden over bent, waarna u deze met behulp van wat aanpassingen in het child theme volledig naar uw hand kunt zetten.
U leert met een child theme coderen
Het aanpassen van de uitstraling van uw WordPress website is simpeler dan u wellicht zult denken. Met het child theme herstelt u simpel en snel uw eventuele fouten. Vaak volstaat u al met een paar aanpassingen in de opmaak, zonder dat juhoeft te kunnen programmeren.
Update u uw WordPress-site? Dan overschrijft u met een Child Theme geen aangepaste bestanden.
Hoe voegt u een child theme toe aan WordPress?
U kunt op verschillende manieren een child theme toevoegen aan WordPress. Het is mogelijk om het handmatig te doen, maar het kan ook met behulp van een plugin. Kiest u voor de handmatige aanpak? Dan hebt u de meeste controle. U kopieert de bestanden zelf, past ze aan in een editor om ze vervolgens te uploaden. Zelf een WordPress child theme maken is goed te doen en op YouTube zijn er ook nog eens duidelijke instructies te vinden. Bedenk wel dat u tijdens het maken van een child theme op WordPress geduld moet hebben en nauwkeurig te werk moet gaan.
Wilt u zonder technisch ‘gedoe’ een child theme maken? Gebruik dan één van de volgende handige plugins. De Child Theme Generator is bijvoorbeeld super simpel en snel, terwijl u met de Child Theme Configurator juist meer mogelijkheden hebt. Als uw child theme eenmaal is gemaakt, dan kunt u in ‘Weergave’ kiezen voor uw child theme. Vervolgens zet u de plugin uit en gooi hem weg; deze is vanaf dat moment niet meer nodig.
💡 Goed om te weten. Bij veel commerciële WordPress-thema’s is een child theme inbegrepen. Die kunt u dan apart installeren en desgewenst aanpassen.
Heeft een child theme voor WordPress ook nadelen?
Omdat het handig is als u zelf handmatig een child theme kunt maken, leggen we hieronder in vogelvlucht uit hoe het moet. Voer deze stappen bij voorkeur in een ontwikkelomgeving uit, en dus niet direct op uw ‘live’ website. Op die manier hebt u alle tijd om wijzigingen uit te proberen.
Met een plugin maak je eenvoudig en zonder technische kennis een child-thema.
Hoe maakt u handmatig een child theme?
WordPress legt in dit artikel duidelijk uit hoe u een child theme maakt. Hieronder staan in vogelvlucht de stappen. Voer ze bij voorkeur in een ontwikkelomgeving uit en niet direct op uw ‘live’ website. Dan hebt u alle tijd om wijzigingen uit te proberen.
Stap 1. Maak een lege map aan voor uw child theme
WordPress-software bestaat uit verschillende bestanden en mappen. Thema’s staan in de map ‘/wp-content/themes/’. Met een bestand-programma zoals het gratis ‘Filezilla’ en de inloggegevens van uw hostingprovider kunt u naar deze map navigeren. Maak hier een lege map aan, geef deze dezelfde naam als uw hoofdthema en sluit af met ‘-child’. Gebruikt u als hoofdthema bijvoorbeeld ‘twentyfifteen’? Dan noemt u de map voor het child theme dus ‘twentyfifteen-child’.
Stap 2. Maak een CSS-bestand aan in de lege map
Uw WordPress-site moet weten dat u gebruik maakt van het parent-theme. Dit geeft u aan in een CSS-bestand in de map van uw child theme. Download de gratis editor Notepad++, kopieer en plak vervolgens de CSS-code van de pagina ‘https://developer.wordpress.org/themes/advanced-topics/child-themes/#2-create-a-stylesheet-style-css’ en pas de velden aan. De velden bij ‘Theme Name’ en ‘Template’ zijn verplicht. Bij Template vult u in dit geval ‘twentyfifteen’ in en u slaat het vervolgens op als ‘style.css’.
Stap 3. Koppel de stylesheets aan het child theme
De volgende stap is het koppelen van de stylesheets aan het child theme. Hoe dit precies werkt verschilt per thema en vaak gaat het automatisch goed. Geldt dit niet voor uw theme? Bekijk dan de instructies bij WordPress.
Stap 4. Installeer het child theme
Installeer nu het child-thema in WordPress, net als een gewoon thema.
Stap 5. Activeer onder Weergave > Thema’s het child theme
Wijzigingen die u voortaan in de stylesheet doet ziet u terug op de site. Experimenteer op die manier met letters, kleuren en de vormgeving.
💡 Tip. Voor Firefox en Chrome bestaan handige CSS-plugins, zoals CSS Scan. Activeert u de plugin en klikt u op een onderdeel van een webpagina, dan ziet u welke code daarvoor verantwoordelijk is.
Ook kunt u de code visueel aanpassen in de browser en ziet u het verschil. Bent u tevreden, dan kunt u de wijzigingen definitief doorvoeren in de bijbehorende stylesheet.
Help, ik heb mijn hoofdthema al gewijzigd!
Maakte u niet eerder gebruik van een child theme en voerde u wijzigingen rechtstreeks door in het hoofdthema? Dan is dat niet erg. Kopieer de aangepaste code uit de stylesheet van het hoofdthema naar de stylesheet van het child theme. Wanneer u het hoofdthema in de toekomst wilt updaten, dan gebruikt WordPress de gekopieerde instellingen uit het child theme.
Hoe past u de footer aan in een child theme?
Een WordPress theme bestaat vaak uit meerdere bestanden en stylesheets. Zo maakt uw thema bijvoorbeeld gebruik van het bestand ‘footer.php’. Hierin staan dan de instellingen voor de footer, zoals ‘©2021’. Het bestand ‘footer.php’ kunt u aanpassen bij het hoofdthema. Maar ook hier is het makkelijker om een kopie te maken. Download een kopie van het bestand via FTP naar uw harde schijf. Pas het vervolgens aan, bijvoorbeeld met Notepad++, en sla de wijzigingen op. Upload het aangepaste bestand ‘footer.php’ vervolgens weer via FTP naar de map van uw child theme en overschrijf het oude bestand.
Zo maakt u een child theme met een plugin
Als u liever een child theme in wordpress wilt maken met een plugin, dan is dat uiteraard ook mogelijk. Met ‘Child Theme Configurator’ gaat dit ook nog eens snel en eenvoudig.
Zo’n Child Theme Configurator werkt als volgt::
- Installeer en activeer de plugin.
- Ga naar “Gereedschap -> ‘child themes’.
- Geef aan dat u een child theme wilt maken en selecteer het hoofdthema (parent theme).
- De plugin analyseert nu het hoofdthema.
- Voer eventueel wijzigingen door, afhankelijk van uw thema en wensen.
- Bevestig de instellingen met “Create New child theme”.
- Activeer het nieuwe thema onder ‘Weergave -> Thema’s’.
Hierna kunt u in principe de plugin verwijderen van uw website.
Voorkom fouten op live website en test wijzigingen vooraf
In WordPress kunt u eenvoudig dingen aanpassen en via de instellingen van uw thema gaat dit vrijwel altijd goed. Bij het aanpassen van de code hebt u echter met meer risico’s te maken. U kunt namelijk met één tikfout de gehele website al plat leggen. Dit kunt u vervolgens uiteraard wel weer snel verhelpen, maar het is toch altijd even schrikken. Zeker als u hier weinig ervaring mee hebt. Kies daarom voor een hosting provider die dagelijks back-ups maakt en test wijzigingen bij voorkeur eerst op een testwebsite of in ieder geval een testomgeving. Op die manier loop je geen risico en kunt u dus niets overkomen.
Met een child theme werkt uw website altijd optimaal
Kortom: wanneer u een WordPress thema wil aanpassen, doe dit dan altijd in een child theme. Op die manier kunt u naar hartenlust experimenteren en blijven de instellingen ook bij een update intact. Meer weten over het WordPress child theme? Neem gerust even contact op met onze specialisten, die u hier alles over kunnen vertellen.
Reacties
No comments yet.