Vous avez passé des heures à peaufiner votre thème: ajustement des polices, refonte de l’en-tête, ajout de styles personnalisés pour les fiches produits. Le site ressemble exactement à ce que vous vouliez. Puis la notification «mise à jour du thème disponible» apparaît, et après un simple clic, toutes vos modifications disparaissent.

Cela vous semble familier? Ce problème touche toutes les personnes qui ont déjà modifié un thème WordPress directement, sans penser à la protection contre les mises à jour. Bonne nouvelle: ce problème est tout à fait soluble, et vous n’avez pas besoin d’être développeur pour y parvenir.

Voici un guide étape par étape qui fonctionne pour tout thème WordPress. De la création d’un thème enfant au test sécurisé des mises à jour sur un site en production.

💡 Aperçu rapide:

• Comprendre pourquoi les personnalisations disparaissent lors des mises à jour et comment WordPress stocke les modifications
• Créer un thème enfant en 5 minutes, à partir de zéro ou via une extension
• Transférer les modifications existantes vers le thème enfant sans rien perdre
• Mettre en place des sauvegardes et tester les mises à jour sans risque pour votre site

Pourquoi les réglages du thème sont perdus lors des mises à jour

WordPress est conçu simplement: chaque thème réside dans son propre dossier à l’intérieur de /wp-content/themes/. Lorsque vous cliquez sur «mettre à jour», WordPress remplace complètement les fichiers du thème par les nouvelles versions issues du dépôt. Tout ce que vous avez modifié dans style.css ou functions.php de l’ancienne version est écrasé de manière permanente.

Ce comportement n’est pas un bug mais une fonctionnalité. Il garantit qu’après la mise à jour, vous obtenez une version propre et cohérente du thème, sans «résidus» accumulés issus de modifications intermédiaires. Le seul problème est que WordPress ne sait pas faire la distinction entre vos modifications et ce qui appartenait au thème d’origine.

D’où la règle principale en matière de personnalisation de thème: ne modifiez jamais directement les fichiers du thème parent. À la place, toutes les modifications doivent être placées dans une entité distincte appelée thème enfant.

Les thèmes enfants: comment ils fonctionnent

Un thème enfant est une couche légère superposée au thème parent. Il hérite de toutes les fonctionnalités et de tous les styles de l’original, mais vous permet de ne remplacer que ce que vous avez besoin de modifier. Lorsque le thème parent est mis à jour, le thème enfant reste intouché et vos modifications demeurent intactes.

Le principe est similaire à celui des calques dans Photoshop: le calque de base est le thème parent et, par-dessus, se trouve un calque transparent qui est le thème enfant. Vous dessinez sur le calque supérieur et, lorsque le calque inférieur est remplacé, le calque supérieur est préservé.

Ce que vous pouvez mettre dans un thème enfant:

• Des règles CSS (polices, couleurs, espacements, responsive design)
• Des modèles de page et des blocs individuels: header.php, footer.php et single.php
• Des modifications fonctionnelles via functions.php (déclaration de widgets, types de publication personnalisés, shortcodes)
• Des traductions et des chaînes de texte

Pour l’essentiel, un thème enfant couvre la grande majorité des types de personnalisation qui, autrement, vous auraient conduit à fouiller dans les fichiers du thème parent.

Créer un thème enfant: guide étape par étape

Le processus ne prend pas plus de cinq minutes et nécessite uniquement un accès aux fichiers du site via FTP ou le gestionnaire de fichiers de votre hébergement.

Étape 1: créer le dossier

Dans le répertoire wp-content/themes/, créez un nouveau dossier. Nommez-le comme le thème parent avec le suffixe -child. Par exemple, pour le thème twentytwentyfour, le dossier s’appellerait twentytwentyfour-child. Cette convention de nommage n’est pas une obligation stricte, mais une pratique largement répandue qui clarifie immédiatement à quel thème l’enfant est rattaché.

Étape 2: connecter les styles avec style.css

À l’intérieur du dossier, créez un fichier style.css avec cet en-tête:

1
/*
2
Theme Name: Twenty Twenty-Four Child
3
Template: twentytwentyfour
4
*/

Seuls deux champs sont obligatoires au minimum: Theme Name (un nom unique quelconque) et Template (le nom du dossier du thème parent, exactement tel qu’il apparaît sur le disque, en respectant la casse). Une erreur dans Template et le thème enfant n’apparaîtra pas dans la liste des thèmes disponibles du panneau d’administration.

Étape 3: hériter des styles du parent avec functions.php

Créez un fichier functions.php avec le code suivant:

1
<?php
2
function child_enqueue_parent_styles() {
3
    $theme = wp_get_theme();
4
    $version = $theme->parent() ? $theme->parent()->get('Version') : '1.0';
5
 
6
    wp_enqueue_style(
7
        'parent-style',
8
        get_template_directory_uri() . '/style.css',
9
        array(),
10
        $version
11
    );
12
}
13
add_action('wp_enqueue_scripts', 'child_enqueue_parent_styles');

Ce code fait deux choses: il charge la feuille de style du thème parent et la lie au numéro de version. Le lien avec la version est essentiel: lorsque le thème parent est mis à jour, le numéro de version dans l’URL de la feuille de style change également. Les navigateurs et les CDN verront la nouvelle URL et videront le cache, vous évitant ainsi un CSS «cassé» parce que le navigateur continue de servir une ancienne version en cache.

Étape 4: activer

Allez dans l’administration WordPress → «Apparence» → «Thèmes». Trouvez le thème enfant que vous venez de créer grâce au nom que vous avez indiqué dans Theme Name et cliquez sur «Activer».

Après l’activation, WordPress commencera à utiliser le thème enfant. Le site aura exactement le même aspect qu’avec le thème parent, car le thème enfant ne remplace encore rien.

Transférer les modifications existantes vers le thème enfant

Si vous avez déjà modifié le thème parent directement, pas de panique. Le transfert des modifications vers le thème enfant se fait manuellement, mais c’est une opération unique.

Voici la marche à suivre:

• Faites la liste de tous les fichiers du thème parent que vous avez modifiés. Il s’agit généralement de style.css et functions.php, plus rarement de fichiers de modèle.
• Copiez uniquement les sections de code modifiées vers les fichiers correspondants du thème enfant. Ne copiez pas l’intégralité du fichier, car cela écraserait les futures mises à jour du thème parent avec du vieux code. Ne prenez que ce que vous avez ajouté ou modifié.
• Après avoir transféré toutes les modifications, restaurez les fichiers originaux du thème parent depuis le dépôt (réinstallez simplement le thème ou téléchargez une copie fraîche).

Si vous avez accumulé de nombreuses modifications et que vous n’êtes pas sûr de ce que vous avez exactement changé, voici une astuce: installez l’extension One Click Child Theme (elle crée un thème enfant en un clic), puis comparez manuellement les fichiers du thème parent avec l’original du dépôt à l’aide d’un utilitaire diff ou d’un service de comparaison en ligne. Vous verrez ainsi précisément quelles lignes vous avez ajoutées.

Approches alternatives: frameworks et extensions

Le thème enfant est la méthode principale et la plus flexible, mais d’autres outils existent pour une personnalisation sécurisée.

Frameworks de thème

Si vous êtes en train de choisir un thème et que vous prévoyez des modifications sérieuses, envisagez les frameworks. L’exemple le plus connu est Genesis Framework de StudioPress. L’idée est que le framework sert de thème parent «éternel» et que vous travaillez dans un thème enfant dès le premier jour. Genesis ne se met pas à jour de manière chaotique; ses mises à jour sont conçues pour ne pas casser les thèmes enfants. Le coût est de 60 $ par an, mais pour ceux qui tirent un revenu de leurs sites web, c’est un investissement justifié.

Une autre option est le framework Total, qui est livré avec un champ CSS personnalisé intégré dans le panneau d’administration. Pour de petites retouches de style, cela peut suffire sans avoir à créer un thème enfant.

Extensions

Si vous préférez ne pas toucher aux fichiers du thème, certaines tâches peuvent être déléguées à des extensions:

• WP Template Overrides vous permet de remplacer sélectivement des modèles sans créer de thème enfant. Utile lorsque vous devez corriger un modèle spécifique et que créer un thème enfant semble disproportionné.
• L’extension One Click Child Theme crée un thème enfant directement depuis le panneau d’administration, sans besoin de FTP. Parfait pour une première expérience avec les thèmes enfants: un clic sur un bouton et la structure est prête.

Il est important de comprendre les limites: les extensions couvrent des scénarios restreints. Pour un travail de personnalisation systématique, un thème enfant reste plus fiable, car il ne dépend pas des mises à jour d’extensions tierces et fonctionne même si vous changez d’extensions actives.

Sauvegardes: l’assurance avant la mise à jour

Quelle que soit la méthode utilisée, faites une sauvegarde de votre site avant toute mise à jour de thème. Cela prend quelques minutes mais vous épargne bien des tracas si quelque chose ne se passe pas comme prévu.

Trois niveaux de sauvegarde, du plus simple au plus robuste:

• Sauvegarde manuelle via FTP. Téléchargez le dossier du thème et exportez la base de données via phpMyAdmin ou WP-CLI (wp db export). Gratuit, mais exige de la discipline; facile à oublier avant une mise à jour.
• Sauvegarde automatique avec des extensions. Des options gratuites du répertoire WordPress gèrent la copie quotidienne des fichiers et de la base de données. Parmi les solutions premium, Jetpack VaultPress Backup (sauvegardes cloud en temps réel) et Solid Backups (anciennement BackupBuddy, restauration en un clic) se distinguent.
• Sauvegarde au niveau de l’hébergement. La plupart des hébergeurs WordPress gérés font des copies quotidiennes automatiquement. Vérifiez auprès de votre prestataire la rapidité avec laquelle vous pouvez restaurer à partir d’une telle sauvegarde.

La règle est simple: plus la mise à jour est proche, plus votre sauvegarde doit être récente. Faites une sauvegarde → mettez à jour le thème → vérifiez le site. S’il plante, revenez en arrière en une minute.

Tester une mise à jour en toute sécurité

WordPress traite les différentes versions d’un même thème comme deux thèmes distincts. Si les dossiers mytheme (v1) et mytheme-new (v1.1) existent tous les deux dans /wp-content/themes/, le panneau d’administration les affiche comme deux éléments distincts.

Vous pouvez utiliser ce comportement pour des tests sécurisés:

• Copiez le thème actuel dans un dossier portant un nom différent (par exemple, mytheme-old).
• Installez la nouvelle version du thème de la manière habituelle.
• Activez la nouvelle version et vérifiez le site.
• Si quelque chose casse, revenez à l’ancienne version en un clic.

Cela ne remplace pas un thème enfant, mais vous donne une marge de manœuvre pendant que vous transférez les paramètres de l’ancienne version vers la nouvelle. C’est particulièrement utile lorsque le développeur du thème a radicalement modifié la structure des modèles lors d’une mise à jour majeure.

La vidéo ci-dessus propose une démonstration visuelle de la création d’un thème enfant, du début à l’activation. S’il reste des questions après les instructions écrites, ce clip de 7 minutes clarifiera tout.

⁉️🤔 Foire aux questions

Dois-je créer un thème enfant si j’ai seulement modifié le CSS via «Personnaliser» → «CSS additionnel»?

Non. Les styles additionnels ajoutés via l’outil de personnalisation sont stockés dans la base de données de WordPress, pas dans les fichiers du thème. Ils ne seront pas perdus lors des mises à jour. En revanche, si vous avez ajouté du CSS dans le fichier style.css du thème, un thème enfant est nécessaire.

Puis-je créer un thème enfant si le site est déjà en production et que des extensions sont installées?

Oui, créer un thème enfant n’affecte pas les extensions. Le processus est totalement indépendant: vous créez un dossier et deux fichiers, vous activez le thème enfant et le site continue de fonctionner comme si de rien n’était. Une réserve: si vous avez utilisé des fonctionnalités du personnalisateur (par exemple, défini un logo ou un favicon), vous devrez les reconfigurer après l’activation du thème enfant, car ces réglages sont liés au thème actif spécifique.

Que faire si le développeur a abandonné le thème parent?

Le thème enfant continuera de fonctionner, mais la sécurité et la compatibilité avec les nouvelles versions de WordPress deviennent incertaines. Si le thème parent n’a pas été mis à jour depuis plus d’un an, vous devriez envisager de migrer vers un autre thème. À court terme, continuez à utiliser le thème enfant comme d’habitude, mais planifiez une transition.

Pourquoi Genesis Framework est-il meilleur qu’un thème parent classique?

Genesis a été créé spécifiquement pour être un thème parent. Il ne change pas radicalement de design entre les versions, fournit une API propre de hooks et de filtres pour les thèmes enfants, et ses mises à jour sont pensées pour la rétrocompatibilité. Un thème classique peut revoir la structure de ses modèles à tout moment, et votre thème enfant pourrait cesser de fonctionner. Avec Genesis, ce risque est minime.

Puis-je mettre à jour le thème automatiquement si un thème enfant est actif?

Oui, c’est exactement à cela que sert un thème enfant. Le thème parent se met à jour automatiquement (ou manuellement) et le thème enfant reste totalement intouché. Toutes vos modifications restent en place.

Mettre à jour ou ne pas mettre à jour: que faire dès maintenant

Si vous ne deviez retenir qu’une seule chose de tout cet article, que ce soit cette règle simple: ne modifiez pas les fichiers du thème directement; créez un thème enfant. Cela prend cinq minutes, et l’économie se mesure en heures de récupération après chaque mise à jour.

Pour les débutants, la voie à suivre est la suivante: installez One Click Child Theme → cliquez sur un bouton → activez le thème enfant → et commencez seulement ensuite à personnaliser. Pour ceux qui ont déjà apporté des modifications au thème parent, transférez-les vers le thème enfant en suivant les instructions ci-dessus, restaurez les originaux et mettez à jour l’esprit tranquille.

Vous avez un autre système pour protéger vos réglages lors des mises à jour de thème? Partagez-le dans les commentaires, et nous enrichirons ce guide.