Créer un thème WordPress enfant en 2026 : guide pas à pas avec exemples

Chaque semaine, je reçois au moins un mail d un client dont les modifications CSS ont disparu après une mise à jour de thème. La solution existe depuis les débuts de WordPress et reste parfaitement valide en 2026 : le thème enfant. Pourtant, beaucoup de développeurs débutants et même certains freelances expérimentés passent à côté de cette mécanique simple. Dans ce guide, je vous montre exactement comment créer un thème WordPress enfant, du premier fichier jusqu au déploiement en production, avec les spécificités des thèmes Full Site Editing qui dominent l écosystème cette année.

Pourquoi créer un thème enfant WordPress en 2026

Un thème enfant est un thème qui hérite de toutes les fonctionnalités, du design et du code d un autre thème appelé thème parent. Quand WordPress charge votre site, il cherche d abord les fichiers dans le thème enfant. S il ne les trouve pas, il remonte au parent. Ce mécanisme d héritage vous donne un avantage décisif : vous pouvez modifier n importe quel aspect du site sans toucher au code du thème parent.

Concrètement, voici ce que ça change au quotidien :

• Les mises à jour du parent n écrasent plus vos modifications. C est le problème numéro un que je règle chez mes clients. Sans thème enfant, chaque update du thème remet le code à zéro.
• Vous gardez une séparation claire entre le code tiers et le vôtre. En cas de bug, vous savez immédiatement si le problème vient de votre personnalisation ou du thème lui-même.
• Le rollback est instantané. Si une modification casse le site, il suffit de désactiver le thème enfant pour revenir à l état d origine.
• Vous pouvez surcharger n importe quel template PHP en copiant simplement le fichier du parent vers l enfant et en le modifiant.

En 2026, avec l arrivée des thèmes basés sur le Full Site Editing (FSE) comme Twenty Twenty-Five, le thème enfant reste pertinent mais la méthode évolue légèrement. J y reviens en détail plus bas. Pour un site classique comme ceux que je décris dans mon guide complet pour créer un site WordPress en 2026, le thème enfant reste la méthode de référence.

Prérequis avant de commencer

Avant de créer votre thème enfant, vérifiez que vous avez ces éléments en place :

• Un accès FTP ou SSH à votre hébergement. Le gestionnaire de fichiers du cPanel fonctionne aussi, mais c est moins confortable. Si votre hébergeur ne propose pas au minimum un accès FTP, changez d hébergeur. J ai comparé les meilleures options dans mon comparatif OVH, Hostinger, o2switch et Infomaniak.
• Un éditeur de code. VS Code (gratuit) est mon choix par défaut. Évitez l éditeur de thème intégré à WordPress : il n offre ni coloration syntaxique correcte, ni versioning, ni undo fiable.
• WordPress 6.4 ou supérieur installé et fonctionnel. En avril 2026, vous devriez être au minimum en 6.7.
• Le nom exact du dossier de votre thème parent. Pas le nom affiché dans l admin, le nom du dossier dans wp-content/themes/. Par exemple, flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor ne marche pas si le dossier s appelle flavor flavor flavor flavor flavor. C est la source de 80 % des erreurs que je vois.
• Une sauvegarde complète du site. Même si créer un thème enfant est sans risque en théorie, je fais toujours un backup avant toute intervention sur les fichiers du thème.

Créer le thème enfant pas à pas

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

Connectez-vous à votre serveur et naviguez dans wp-content/themes/. Créez un nouveau dossier. La convention de nommage que j utilise systématiquement :

nom-du-parent-child

Si votre thème parent est flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor flavor, votre dossier sera flavor flavor flavor flavor flavor flavor flavor flavor flavor-child. Gardez des minuscules, des tirets, pas d espaces ni de caractères spéciaux.

Étape 2 : créer le fichier style.css

C est le seul fichier strictement obligatoire. Il contient un en-tête de commentaire que WordPress lit pour identifier le thème. Voici le contenu minimal :

/*
 Theme Name:   Flavor flavor flavor Child
 Theme URI:    https://votre-site.fr
 Description:  Thème enfant personnalisé pour flavor
 Author:       Votre Nom
 Author URI:   https://votre-site.fr
 Template:     flavor flavor flavor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 Text Domain:  flavor flavor flavor-child
*/

/* Vos styles personnalisés commencent ici */

Le champ critique est Template. Il doit correspondre exactement au nom du dossier du thème parent dans wp-content/themes/. Pas le nom affiché, pas le nom du fichier zip : le nom du dossier, à la lettre près, en respectant la casse.

Étape 3 : créer le fichier functions.php

Le functions.php du thème enfant ne remplace pas celui du parent : il s exécute en plus, juste avant. C est ici que vous chargez la feuille de style du parent de manière propre :

<?php
/**
 * Fonctions du thème enfant
 */

add_action( 'wp_enqueue_scripts', 'flavor_child_enqueue_styles' );
function flavor_child_enqueue_styles() {
    // Charge le style du parent
    wp_enqueue_style(
        'flavor-parent-style',
        get_parent_theme_file_uri( 'style.css' ),
        array(),
        wp_get_theme()->parent()->get( 'Version' )
    );

    // Charge le style de l enfant (automatiquement après le parent)
    wp_enqueue_style(
        'flavor-child-style',
        get_stylesheet_uri(),
        array( 'flavor-parent-style' ),
        wp_get_theme()->get( 'Version' )
    );
}

Point important : la méthode @import dans le CSS qu on voyait dans les anciens tutoriels est obsolète depuis des années. Elle crée une requête HTTP supplémentaire et empêche la mise en cache correcte. Utilisez toujours wp_enqueue_style() comme ci-dessus. C est d ailleurs une bonne pratique pour le SEO technique puisque chaque requête HTTP économisée améliore le temps de chargement.

Étape 4 : activer le thème enfant

Rendez-vous dans Apparence → Thèmes dans l admin WordPress. Votre thème enfant apparaît dans la liste. Cliquez sur Activer. Si vous ne le voyez pas, vérifiez que le dossier est bien dans wp-content/themes/ et que le fichier style.css contient un en-tête valide.

À ce stade, votre site doit s afficher exactement comme avant. Si le design est cassé, c est que le chargement des styles du parent ne fonctionne pas correctement. Je détaille les causes dans la section erreurs fréquentes.

Thème enfant et theme.json : le cas des thèmes FSE

Depuis WordPress 6.5, les thèmes Full Site Editing (aussi appelés block themes) utilisent un fichier theme.json pour définir les couleurs, typographies, espacements et styles globaux. Les thèmes classiques comme Flavor, flavor flavor, flavor flavor ou flavor utilisent encore PHP et CSS. Mais les nouveaux thèmes par défaut (Twenty Twenty-Four, Twenty Twenty-Five) sont entièrement FSE.

Pour un thème enfant FSE, la structure change légèrement :

flavor flavor flavor flavor flavor-child/
├── style.css          (obligatoire, même en-tête qu avant)
├── theme.json         (surcharge les réglages du parent)
└── templates/         (optionnel, surcharge les templates HTML)
    └── single.html

Le fichier theme.json du thème enfant fusionne automatiquement avec celui du parent. Vous n avez pas besoin de recopier tout le fichier : seules les clés que vous définissez écrasent celles du parent. Exemple pour changer la palette de couleurs et la police principale :

{
  "$schema": "https://schemas.wp.org/trunk/theme.json",
  "version": 3,
  "settings": {
    "color": {
      "palette": [
        {
          "slug": "primary",
          "color": "#1a365d",
          "name": "Primaire"
        },
        {
          "slug": "secondary",
          "color": "#e53e3e",
          "name": "Secondaire"
        }
      ]
    },
    "typography": {
      "fontFamilies": [
        {
          "fontFamily": "Inter, sans-serif",
          "slug": "body-font",
          "name": "Inter"
        }
      ]
    }
  }
}

C est beaucoup plus propre que d écrire des dizaines de lignes de CSS avec des !important partout. Mon conseil : si vous travaillez sur un thème FSE en 2026, privilégiez systématiquement theme.json pour tout ce qui concerne les styles globaux. Réservez le CSS du thème enfant aux ajustements très spécifiques que theme.json ne couvre pas encore.

Personnalisations courantes avec exemples de code

Surcharger un template PHP

Pour modifier un template du parent, copiez-le dans votre thème enfant en respectant exactement la même arborescence. Par exemple, pour modifier la page d affichage d un article :

# Copier le fichier du parent vers l enfant
cp wp-content/themes/flavor/single.php wp-content/themes/flavor-child/single.php

Modifiez ensuite le fichier dans le dossier enfant. WordPress utilisera automatiquement votre version. Si vous supprimez le fichier de l enfant, WordPress revient à la version du parent. Simple et réversible.

Ajouter un script JavaScript personnalisé

Dans le functions.php du thème enfant :

add_action( 'wp_enqueue_scripts', 'flavor_child_scripts' );
function flavor_child_scripts() {
    wp_enqueue_script(
        'flavor-child-custom',
        get_stylesheet_directory_uri() . '/js/custom.js',
        array( 'jquery' ),
        '1.0.0',
        true  // Charge en bas de page
    );
}

Notez l utilisation de get_stylesheet_directory_uri() (qui pointe vers le thème enfant) et non get_template_directory_uri() (qui pointe vers le parent). C est une erreur classique.

Désactiver une fonctionnalité du parent

Si le thème parent enregistre un widget, un menu ou un style que vous voulez supprimer :

add_action( 'after_setup_theme', 'flavor_child_remove_parent_features', 20 );
function flavor_child_remove_parent_features() {
    // Supprimer un emplacement de menu du parent
    unregister_nav_menu( 'secondary-menu' );

    // Supprimer le support d une fonctionnalité
    remove_theme_support( 'custom-header' );
}

La priorité 20 dans add_action est importante : elle garantit que le code s exécute après l initialisation du thème parent (qui utilise généralement la priorité par défaut de 10).

Modifier les options du Customizer

Pour ajouter vos propres sections dans le personnalisateur WordPress :

add_action( 'customize_register', 'flavor_child_customize' );
function flavor_child_customize( $wp_customize ) {
    $wp_customize->add_section( 'flavor_child_options', array(
        'title'    => 'Options du thème enfant',
        'priority' => 30,
    ));

    $wp_customize->add_setting( 'flavor_child_footer_text', array(
        'default'           => '© 2026 Mon Site',
        'sanitize_callback' => 'sanitize_text_field',
    ));

    $wp_customize->add_control( 'flavor_child_footer_text', array(
        'label'   => 'Texte du pied de page',
        'section' => 'flavor_child_options',
        'type'    => 'text',
    ));
}

Erreurs fréquentes et leurs solutions

Après avoir accompagné plus de 200 projets WordPress depuis 2015, je retrouve systématiquement les mêmes erreurs. Voici les plus courantes et comment les corriger.

Écran blanc après activation

Cause principale : une erreur de syntaxe PHP dans le functions.php du thème enfant. Connectez-vous en FTP, ouvrez le fichier, vérifiez qu il commence bien par <?php et qu il n y a pas de balise fermante ?> à la fin (bonne pratique WordPress). Activez le mode debug dans wp-config.php pour voir l erreur exacte :

define( 'WP_DEBUG', true );
define( 'WP_DEBUG_LOG', true );
define( 'WP_DEBUG_DISPLAY', false );

Les styles du parent ne se chargent pas

Symptôme : le site s affiche sans aucune mise en forme. Les causes possibles :

• Le champ Template dans style.css ne correspond pas au nom exact du dossier parent
• Le handle utilisé dans wp_enqueue_style() entre en conflit avec celui déjà utilisé par le parent
• Le thème parent charge ses styles d une manière non standard (vérifiez le functions.php du parent)

Les modifications CSS ne s affichent pas

Avant de paniquer, videz le cache. Cela inclut le cache navigateur (Ctrl+Shift+R), le cache de votre plugin (WP Rocket, LiteSpeed Cache, W3 Total Cache) et le cache serveur si votre hébergeur en propose un. Le cache est responsable de la majorité des « ça ne marche pas » que je vois en consultation.

Le thème enfant n apparaît pas dans l admin

Vérifiez ces points dans l ordre :

1. Le dossier est bien dans wp-content/themes/ (pas dans un sous-dossier supplémentaire)
2. Le fichier style.css existe et contient un en-tête valide avec Theme Name
3. Le thème parent est bien installé (même s il n est pas activé, il doit être présent)
4. Les permissions du dossier sont correctes (755 pour le dossier, 644 pour les fichiers)

Versionner et déployer proprement son thème enfant

Un thème enfant, c est du code. Et du code, ça se versionne. Voici la méthode que j applique sur tous mes projets clients :

Initialiser Git dans le thème enfant

cd wp-content/themes/flavor-child
git init
git add .
git commit -m "Initial child theme setup"

Ajoutez un fichier .gitignore pour exclure les fichiers qui n ont rien à faire dans le dépôt :

node_modules/
.DS_Store
Thumbs.db
*.log

Déployer avec Git et SSH

Sur un hébergement qui offre un accès SSH (o2switch, Infomaniak, et la plupart des VPS), le déploiement se résume à :

ssh user@serveur "cd /path/to/wp-content/themes/flavor-child && git pull origin main"

C est fiable, traçable et réversible avec un simple git revert. Bien plus professionnel qu un transfert FTP manuel où personne ne sait quelle version est en production. Si vous hésitez encore sur le choix de votre hébergement, mon comparatif des hébergeurs web 2026 détaille lesquels offrent SSH et Git.

Structure recommandée pour un projet professionnel

flavor-child/
├── style.css
├── functions.php
├── theme.json           (si thème FSE)
├── .gitignore
├── README.md
├── assets/
│   ├── css/
│   │   └── custom.css
│   ├── js/
│   │   └── custom.js
│   └── images/
├── templates/           (surcharges de templates)
│   ├── single.php
│   └── page-contact.php
└── template-parts/      (fragments réutilisables)
    └── content-card.php

Alternatives au thème enfant : quand s en passer

Le thème enfant n est pas toujours la meilleure solution. Voici les cas où j utilise une autre approche :

• Modifications purement visuelles mineures : pour changer une couleur ou une taille de police, le CSS additionnel dans le Customizer WordPress suffit. Ces modifications survivent aux mises à jour du thème.
• Ajout de fonctionnalités métier : si votre modification n est pas liée au thème (formulaires, redirections, intégrations API), créez un plugin personnalisé (mu-plugin). C est plus propre et ça reste actif même si vous changez de thème.
• Sites construits avec des page builders : Flavor, Flavor flavor ou WPBakery stockent le contenu dans la base de données, pas dans les fichiers du thème. Un thème enfant n apporte rien pour ces modifications-là.
• Projets no-code ou low-code : si vous travaillez avec des outils comme Bubble ou Webflow, la notion de thème enfant n existe pas. La personnalisation se fait directement dans l interface.

Ma règle simple : si la modification touche à la structure HTML, aux templates PHP ou nécessite plus de 20 lignes de CSS, je crée un thème enfant. En dessous, le CSS additionnel ou un mu-plugin fait le travail.

Comparatif des méthodes de personnalisation WordPress

Comme vous le voyez, la seule méthode qui ne survit pas aux mises à jour est celle que je vois encore trop souvent : modifier directement le thème parent. Si vous retenez une seule chose de cet article, c est celle-ci.

Pour aller plus loin sur l optimisation de votre site WordPress une fois votre thème enfant en place, je vous recommande de lire mes 10 actions SEO concrètes pour apparaître sur Google en 2026. Un thème bien structuré est la première brique d un bon référencement.