Hoe maak je een child theme aan in WordPress 2020 (beknopte versie)

Child theme banner

Hoe maak je een child theme aan in WordPress?

Laat ons er van uitgaan dat je al enige tijd een website hebt of beheert, met de tijd komen er nieuwe trends en je wenst je look & feel van je wordpress website aan te passen.

Je wenst dit aan te passen zonder dat de huidige zaken verloren gaan, misschien ben je op zoek naar, hoe je een nieuwe stijl kunt implementeren of je hebt een leuke animatie gezien.

Je huidig thema heeft deze functionaliteit niet maar je kan zelf programmeren of je kent iemand die dit voor jou kan uitvoeren. Hoe gaan we hiermee aan de slag zonder dat alle data verloren gaat bij een update van mijn huidig thema?

Het antwoordt hierop is een child-theme!

Wat is een child theme?

Een child theme neemt de look & feel en functionaliteiten van het hoofd thema over. Hierin kan je zonder twijfel eenvoudig extra css of php code wegschrijven zonder je hoofd thema aan te passen.

Dat wil zeggen, indien er een nieuwe thema update uitkomt, je het hoofdthema zonder kopzorgen kan updaten en dit zonder dataverlies!

 Hoe maak ik child-theme?

Er zijn 2 bestanden die je moet aanmaken om een child theme te laten werken:

  1. Een style.css bestand
  2. Een functions.php bestand
De stylesheet

Een style.css bestand wordt ook een stylesheet genoemd, hierin schrijf je allerlei code om je website of content, een bepaalde stijl te geven. Dit gaat van kleuren tot en met animaties.

  1. Log-in op je control panel van je webhosting en ga naar filemanager of log in met FTP of SFTP
  2. Zoek de “root” of hoofdmap waar je website geïnstalleerd is
  3. Ga naar de map WP-CONTENT/THEMES
  4. In deze folder maak je een nieuwe map aan, noem de map zoals je website noemt
  5. Nu dat de map is aangemaakt, ga je in de map zelf
  6. Maak nu 2 nieuwe bestanden
  7. style.css en een functions.php bestand
  8. Bij het style.css bestand voeg je volgende tekst toe (kopieër onderstaande tekst en plak deze in je style.css bestand en vul aan
/*
Theme Name:  Schrijf hier je thema naam
Theme URI:  Je website URL bv. https://delagoo.be
Description:  Geef een beschrijving over je website bv.(child theme twentynineteen)
Author:  Vul je naam in
Textdomain:  Geef hier een woord in bv.(websitenaam) niet te lang, dit wordt gebruikt voor string-translations
Author URI:  Geef je website URL in bv.(https://delagoo.be)
Template:  twentynineteen (als je hoofdthema twentynineteen is, is dit het juiste woord)
Version:  1.0 
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html                 
*/

9.  Sla het bestand op (shortkey CRTL+S) via FTP

De tekst die je zojuist hebt toevoegt is enkel commentaar en wijzigt niets aan je website.

Wat is een functions.php bestand?

In een functions.php bestand worden de functionaliteiten van je website geschreven. Grotendeels is dit voor WordPress in PHP en dit kan aangevuld worden met JavaScript & jQuery.

  1. Kopieer onderstaande code in het functions.php bestand

Deze code zorgt ervoor dat je styles en functies van je hoofdthema geladen worden via het child-theme.

2. Sla het stukje code op     

3. Ga naar je WordPress dashboard en klik op “weergave” => Thema’s     

4. Nu zie je het nieuwe child thema ertussen staan, klik op activeer!  

child theme wordpress

  5. Ga naar je homepagina en nu zou je geen verschil mogen merken na het activeren van je child theme.  

Waar pas ik mijn child theme aan?

Nu we klaar zijn met het aanmaken van het child theme kunnen we aanpassingen uitvoeren. In je child theme folder staat nu je aangemaakt style.css bestand, open dit en probeer een kleur van je achtergrond te wijzigen.

Dit doe je zo: 

body {background-color: #000;} 

Sla de wijziging op in je style.css en refresh je homepagina. De achtergrondkleur zou nu zwart moeten zijn. 

Dit was de beknopte versie hoe je een child theme kan aanmaken in WordPress.Moest je vragen hebben of tegen problemen aanlopen laat het gerust weten. We helpen je graag verder!

Heb je alreeds een wordpress website? Lees hieronder waarom wij aanraden om een website te laten maken met WordPress.

Een wordpress website laten maken?

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *