Een WordPress child theme is een onderliggende versie van je huidige WordPress-thema. Het stelt je in staat om aanpassingen te maken zonder het originele thema te wijzigen. Dit is essentieel omdat updates van het moederthema je veranderingen zullen overschrijven. Met een child theme bewaar je al je aanpassingen veilig, zelfs na thema-updates. In deze artikel leer je hoe je stap voor stap een child theme aanmaakt en correct instelt op je Tandata-webhosting met NVMe SSD en LiteSpeed-optimalisatie.
Wat is een WordPress child theme?
Een child theme erft alle functionaliteiten van het moederthema, maar staat je toe om specifieke bestanden te overschrijven. Dit werkt via de WordPress template-hiërarchie: als een bestand in het child theme bestaat, laadt WordPress dat in plaats van het moederthema.
De voordelen zijn duidelijk:
- Veilige aanpassingen die niet verloren gaan bij updates
- Eenvoudig terugdraaien naar het origineel
- Betere prestaties dan plugins voor thema-aanpassingen
- Professionele manier van thema-development
Stappenplan: Child theme aanmaken
Verbind via SFTP met je server
Gebruik een SFTP-client (bijv. FileZilla) om verbinding te maken met je Tandata-server. Log in met je hosting-credentials en navigeer naar /wp-content/themes/.
Maak een nieuwe map aan
Maak een nieuwe folder aan met de naam van je child theme, bijvoorbeeld twentythree-child. Gebruik altijd lowercase en hyphens (geen spaties).
Voeg style.css toe
Maak een bestand style.css in je child theme-map. Begin met deze header:
/*
Theme Name: Twenty Twenty-Three Child
Theme URI: https://jouwsite.nl
Description: Child theme van Twenty Twenty-Three
Author: Jouw Naam
Author URI: https://jouwsite.nl
Template: twentythree
Version: 1.0.0
Text Domain: twentythree-child
*/
@import url('../twentythree/style.css');Let op: Template: moet exact het mapnaam van het moederthema zijn!
Maak functions.php aan (optioneel)
Voor geavanceerde aanpassingen maak je een functions.php:
<?php
// Child theme functions
function twentythree_child_enqueue_styles() {
wp_enqueue_style('twentythree-style', get_template_directory_uri() . '/style.css');
wp_enqueue_style('twentythree-child-style', get_stylesheet_uri());
}
Conclusie
Was dit artikel nuttig?