Vous souhaitez modifier votre thème WordPress ? Un thème enfant (child theme) est la méthode sûre pour le faire. Ce guide explique ce qu'est un thème enfant et comment en créer un.

Qu'est-ce qu'un thème enfant ?

Un thème enfant est un thème qui reprend les fonctionnalités d'un autre thème (le « thème parent »). Vous pouvez apporter des modifications dans le thème enfant sans toucher au thème d'origine.

Avantages d'un thème enfant :

  • Vos modifications sont conservées après les mises à jour du thème
  • Vous pouvez toujours revenir à l'original
  • Plus facile à maintenir que des modifications directes du thème
  • Vous expérimentez avec le code en toute sécurité

Étape 1 : créez le dossier du thème enfant

Connectez-vous à votre hébergement via FTP ou le gestionnaire de fichiers du panneau DirectAdmin. Allez dans wp-content/themes et créez un nouveau dossier.

Nommez par exemple le dossier : jouw-thema-child (remplacez « jouw-thema » par le nom de votre thème parent).

Étape 2 : créez style.css

Dans le nouveau dossier, créez un fichier nommé style.css avec le contenu suivant :

/*
Theme Name: Jouw Thema Child
Template: jouw-thema*/

Important :

  • Theme Name désigne le nom que vous voyez dans WordPress (vous le choisissez librement)
  • Template désigne le nom exact du dossier du thème parent (il doit correspondre exactement)

Étape 3 : créez functions.php

Créez un fichier nommé functions.php avec ce code :

<?php
add_action('wp_enqueue_scripts', 'child_theme_styles');
function child_theme_styles() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
    wp_enqueue_style('child-style', get_stylesheet_uri(), array('parent-style'));
}

Ce code fait en sorte que les styles du thème parent et ceux du thème enfant soient tous deux chargés.

Étape 4 : activez le thème enfant

  1. Dans WordPress, allez dans Apparence > Thèmes
  2. Votre thème enfant apparaît maintenant dans la liste
  3. Cliquez sur Activer

Votre site a le même aspect qu'avant, mais il fonctionne désormais avec le thème enfant.

Apporter des modifications

Modifications CSS

Ajoutez votre propre CSS au fichier style.css du thème enfant, sous l'en-tête du thème :

/*
Theme Name: Jouw Thema Child
Template: jouw-thema*/

/* Jouw aanpassingen hieronder*/
body {
    font-size: 16px;
}

.header {
    background-color: #333;
}

Remplacer des fichiers de modèle

Vous voulez modifier un fichier de modèle (par exemple header.php) ? Copiez le fichier du thème parent dans le dossier de votre thème enfant et modifiez-le à cet endroit. WordPress utilise automatiquement la version du thème enfant.

Ajouter des fonctions

Ajoutez vos fonctions supplémentaires au fichier functions.php du thème enfant. Elles sont chargées en plus des fonctions du thème parent (et non à leur place).

Erreurs fréquentes

Le nom du modèle est incorrect

La ligne Template dans style.css doit correspondre exactement au nom du dossier du thème parent. Vérifiez-le via FTP si votre thème enfant ne fonctionne pas.

Les styles ne se chargent pas

Vérifiez que functions.php est correct et ne contient pas d'erreurs PHP. Une petite faute de frappe suffit déjà à causer des problèmes.

Les modifications sont écrasées

Veillez à ce que votre CSS soit suffisamment spécifique. Il faut parfois ajouter !important ou utiliser des sélecteurs plus précis.

Un thème enfant avec une extension

Vous ne voulez pas écrire de code ? Certaines extensions génèrent un thème enfant pour vous :

  • Child Theme Configurator: crée automatiquement un thème enfant et vous aide pour les modifications CSS
  • Child Theme Wizard: assistant simple pour générer un thème enfant

Ces extensions sont pratiques pour les débutants, mais la création manuelle vous donne plus de contrôle.

Quand un thème enfant n'est pas nécessaire

Un thème enfant n'est pas toujours indispensable :

  • Pour de petites modifications CSS, vous pouvez utiliser l'outil de personnalisation (Apparence > Personnaliser > CSS additionnel)
  • Si votre thème propose déjà lui-même une prise en charge de thème enfant avec des options intégrées
  • Si vous utilisez un constructeur de pages comme Elementor pour toutes vos modifications

Avant de commencer, faites toujours une sauvegarde de votre site. Vous pourrez ainsi toujours revenir en arrière en cas de problème.

Besoin d'aide pour mettre en place votre thème enfant ? Chez Theory7, nous vous aidons volontiers.

Questions fréquentes

Est-ce que je perds mes modifications lors d'une mise à jour du thème parent ?

Non, c'est justement l'avantage d'un thème enfant. Vos modifications se trouvent dans des fichiers séparés qui ne sont pas écrasés.

Puis-je avoir plusieurs thèmes enfants ?

Vous pouvez créer plusieurs thèmes enfants, mais un seul peut être actif à la fois.

Un thème enfant fonctionne-t-il avec tous les thèmes ?

La plupart des thèmes prennent en charge les thèmes enfants. Pour certains thèmes premium, la prise en charge est limitée ou un thème enfant propre est fourni.