Als je wijzigingen aan gaat brengen in de instellingen van een theme in WordPress is het verstandig om eerst een child theme aan te maken. Je laat het parent theme dan zoals het is en brengt alle gewenste wijzigingen aan in het child theme.
Je zorgt er voor dat het child theme de instellingen van het parent theme erft en ziet er dus precies hetzelfde uit, los van de wijzigingen die je zelf aanbrengt. Het aanmaken van een child theme en het erfen van de css instellingen van het parent theme is erg eenvoudig. Hoe je dit doet, laat ik je in 5 stappen zien.
1. Maak met Filezilla de map twentyeleven-child aan
Maak met behulp van FileZilla, of een ander FTP programma, een map aan in de directory /public_html/wp-content/themes/. In deze directory staan ook de themes twentyeleven, twentyten en twentetwelve. Als je een child theme aanmaakt voor twentyeleven kun je deze bv. twentyeleven-child noemen. De themes map ziet er dan als volgt uit
2. Kopieer style.css naar het child theme
Kopieer het bestand style.css uit de map twentyeleven naar de map twentyeleven-child. Het bestand style.css is het enige bestand dat verplicht is om te hebben in een child theme. Je kunt ook andere bestanden van het parent theme kopiƫren als je van plan bent die aan te passen, zoals de footer.php, pagina.php en index.php
3. Pas het style.css bestand in het child theme aan
Pas het bestand style.css in het child theme aan met de juiste gegevens. Hieronder zie je een voorbeeld van het begin van het style.css bestand uit het child theme.
Theme Name: Twentyeleven Child
Theme URI: http://example.com/
Description: Child theme for the twentyeleven theme
Author: Your name here
Author URI: http://example.com/about/
Template: twentyeleven
Version: 1.0.0
*/
@import url(“../twentyeleven/style.css”);
Theme Name is verplicht om in te vullen.
Theme URI is optioneel
Description is optioneel
Author is optioneel. Hier kun je je eigen naam invullen
Author URI is optioneel. Hier kun je je website invullen
Template is verplicht om in te vullen. Hier moet je directorynaam van het parent theme invullen, dit is hoofdlettergevoelig
Version is optioneel.
4. Erf de instellingen van het parent theme in het child theme
De regel die begint met @import zorgt ervoor dat de stylesheet van het parent theme wordt geladen.
Door het template te vermelden in de header van je css bestand en de importregel ziet je child theme er nu precies hetzelfde uit als je parent theme
Let er op dat er geen andere css regels boven de importregel komen te staan. De importregel moet de eerste css regel zijn. Zo niet, dan wordt de css van het parent theme niet geladen.
5. Activeer je child theme in WordPress
Ga nu in de WordPress backend naar Weergave – Thema’s en activeer het twentyeleven-child theme als huidige thema.
Het aanmaken en activeren van het child theme is nu klaar. Je kunt nu naar hartelust aanpassingen gaan doorvoeren in het child theme!