Wanneer je aanpassingen wilt maken aan je WordPress thema om bijvoorbeeld de kleuren van de lay-out te veranderen dan is het belangrijk dat je deze wijzigingen niet in de stylesheet verandert van het thema dat je gebruikt. Als je bijvoorbeeld het thema TwentyFourteen gebruikt zullen er regelmatig updates van dit thema verschijnen. Wanneer je de stylesheet van dit thema hebt aangepast zullen je aanpassingen verloren gaan doordat dit bestand wordt overschreven met de stylesheet van de update.

Je kunt een WordPress thema aanpassen met behulp van een Child Theme. Op deze manier worden wijzigingen niet overschreven door updates van je Parent thema. De eerste stap voor het maken van een Child Theme is een nieuwe map maken in de map Themes. Het pad naar deze map is wp-content/themes. Deze map kun je bijvoorbeeld aanmaken in een FTP-programma zoals FileZilla. Als je gebruik maakt van FileZilla, klik dan op de Rechtermuis en dan Create Directory. Geef de map een naam, bijvoorbeeld twentyfourteen-child.
WordPress Thema aanpassen - child theme
Het enige bestand wat noodzakelijk is om een Child Theme te maken is een style.css bestand. Maak een nieuw bestand in de map twentyfourteen-child met de naam style.css.

WordPress Thema aanpassen - child theme
Open dit bestand en plaats het onderstaande stuk tekst in dit bestand.

/*
Theme Name: Twenty Fourteen Child
Theme URI: http://example.com/twenty-fourteen-child/
Description: Twenty Fourteen Child Theme
Author: Rachelle Blok
Author URI: http://www.blokwebdesign.nl
Template: twentyfourteen
Version: 1.0.0
Tags: responsive-layout
Text Domain: twenty-fourteen-child
*/
@import url(“../twentyfourteen/style.css”);

/* Thema aanpassingen hieronder */

De noodzakelijke velden die je in moet vullen zijn:
Theme Name: de naam van het Child Theme. Je mag zelf bepalen hoe je je Child Theme noemt.
Template: dit is de naam van het ouder thema wat je gebruikt, in dit geval twentyfourteen.

Overige velden die je kunt invullen zijn:
Theme URI: een URL link voor meer informatie over het ouder thema.
Description: een beschrijving van het Child Theme.
Author: 
de auteur van het Child Theme. Je kunt hier je eigen naam invullen.
Author URI: een URL link naar bijvoorbeeld de website van de auteur of de website met meer informatie over het Child Theme.
Version: de versie van het Child Theme. Wanneer je je thema wilt updaten kun je het versienummer wijzigen.
Tags: hiermee kunnen anderen je thema vinden.
Text Domain

Met de regel @import url(“../twentyfourteen/style.css”); wordt de stylesheet van het Parent thema geladen. Hierdoor zullen wijzigingen in de stylesheet van het Child Theme de stylesheet van het Parent thema overschrijven. Je kunt nu wijzigingen toevoegen aan je stylesheet, bijvoorbeeld de h4 aanpassen zoals hieronder.
/*
Theme Name: Twenty Fourteen Child
Theme URI: http://example.com/twenty-fourteen-child/
Description: Twenty Fourteen Child Theme
Author: Rachelle Blok
Author URI: http://www.blokwebdesign.nl
Template: twentyfourteen
Version: 1.0.0
Tags: responsive-layout
Text Domain: twenty-fourteen-child
*/
@import url(“../twentyfourteen/style.css”);

/* Thema aanpassingen hieronder */
h4{
font-size: 16px !important;
line-height: 1.5 !important;
}

Soms is het nodig om !important toe te voegen. Dit zorgt ervoor dat het ouderthema altijd wordt overschreven.

Wanneer je klaar bent met de aanpassingen, sla je het bestand op en upload je het in je Child Theme map. Ga vervolgens naar WordPress en klik op Weergave, Thema’s om je thema te activeren.

WordPress Thema aanpassen - child theme

Je Child Theme staat nu bij thema’s en je kunt je thema activeren. De lay-out van het ouderthema zal dan nog steeds actief blijven en alleen de wijzigingen zullen worden doorgevoerd.

WordPress Thema aanpassen - child theme

Wanneer je bepaalde functies van je ouder thema wilt wijzigen of je wilt nieuwe functies toevoegen,  plaats dan een functions.php bestand in je Child Theme map. Dit bestand zal het functions.php bestand van je ouderthema niet overschrijven, maar het zal gebruikt worden als een toevoeging.

Wanneer je wijzigingen wilt maken in andere bestanden zoals de header.php, kopieer dan dit bestand uit je Parent thema en plak dit bestand in je Child Theme map. Breng hier vervolgens wijzigingen in aan.