Se connecter

Passer directement à "comment l'installer >"

Pourquoi et comment l'utiliser ?

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

Un thème enfant est une extension d'un thème WordPress (appelé thème parent) qui permet de :

  • Modifier ou personnaliser le design et les fonctionnalités sans toucher directement au thème parent.
  • Préserver les modifications lors des mises à jour du thème parent.

Il s'agit d'un dossier séparé contenant uniquement les fichiers nécessaires aux modifications (par exemple, un fichier style.css ou functions.php). Le fait de créer un dossier séparé va éviter des conflits lors de la mise à jour du thème parent.

Pourquoi utiliser un thème enfant ?

  • Sécurité des modifications : Les mises à jour du thème parent écrasent ses fichiers. Avec un thème enfant, les changements sont conservés.
  • Personnalisation avancée : Permet de modifier les styles CSS ou d'ajouter des fonctionnalités PHP spécifiques sans impacter le thème parent.
  • Facilité de maintenance : Le thème parent reste intact et peut être mis à jour régulièrement pour bénéficier des correctifs et nouvelles fonctionnalités.

Comment fonctionne un thème enfant ?

Le thème enfant hérite de tous les fichiers et fonctionnalités du thème parent, mais les fichiers du thème enfant ont la priorité. Par exemple :

  • Si le fichier style.css ou header.php est présent dans le thème enfant, il sera utilisé à la place de celui du parent.
  • Si un fichier n'est pas dans le thème enfant, WordPress utilisera celui du parent.

Ce qu'il est important de comprendre :

Fichier minimal requis : Un thème enfant doit au moins contenir deux fichiers :

  1. style.css : Pour les styles personnalisés, avec une ligne pour déclarer le parent (Template: nom_du_theme_parent).
  2. functions.php : Pour importer les styles et scripts du thème parent avec une fonction comme wp_enqueue_style.

Attention de ne pas dupliquer inutilement : Il ne faut copier dans le thème enfant que les fichiers que l'on souhaite modifier.

Tester les modifications : Toujours tester après une modification pour éviter de casser le site.

Ce qui est important dans le thème enfant :

Un thème enfant doit avoir au minimum deux fichiers :

  1. style.css
  2. functions.php

Le fichier de style.css comporte des données en commentaire en haut du fichier. Celles-ci ressemble à : 

/*
Theme Name:  My Child Theme. Child for Twenty Twenty Three.
Theme URI:  https://wordpress.org/themes/twentytwentythree/
Description: Child theme for the Twenty Twenty Three theme.
Author:  Frima formation
Textdomain:  wordpress
Author URI:  https://frima-formations.ch
Template:  twentytwentythree
Version:  1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

Ces lignes sont essentielles pour que WordPress puisse reconnaître le thème. La ligne la plus importante est celle du template, sans celle-ci, le thème ne sera pas identifier comme thème enfant.

Ci-dessous, la description de chaque lignes :

  • Theme Name : Le nom unique du thème.
  • Theme URI : Où les utilisateurs peuvent trouver le code ou la documentation du thème.
  • Description : Texte descriptif pour aider les utilisateurs à comprendre ce que fait le thème.
  • Author : votre nom
  • Textdomain : cela est utilisé pour l'internationalisation. Utilisez le domaine de texte comme deuxième paramètre dans toutes les fonctions d'internationalisation.
  • Author URI : Le site web de l'auteur.
  • Template : Le dossier où le thème parent est stocké. Utilisez le nom du dossier et non le nom du thème. Sans cette ligne, votre thème ne fonctionnera pas comme un thème enfant.
  • Version : Le numéro de version
  • Licence : La licence, qui doit être GNU
  • License URI : Le lien vers les informations sur la licence.

Comment l'installer alors ?

icon-child-theme-configurator

Un plugin existe pour créer pour vous vos thèmes enfants. Notamment le plugin "Child theme configurator" vous permet de créer votre thème enfant en 3 cliques.

Il vous suffit de :

  1. Accédez à votre administration WP et allez sous plugin > ajouter un nouveau plugin
  2. Chercher, installer et activer le plugin Child theme configuration
  3. Allez sous Outils > Thèmes enfants > Créer le thème enfant :
    • En général les paramètres proposés de base sont OK
    • Cette étape va créer un nouveau dossier avec deux fichiers (functions.php et style.css)
  4. Rendez-vous dans votre administration WP sous Apparence > Thèmes
  5. Activer le thème enfant qui vient d'être crée
  6. Pour tester la validité de votre thème, vous pouvez vous rendre sous Apparence > Editeur de fichiers des thèmes
  7. Séléctionnez votre thème enfant et la style.css lié à celui-ci.
  8. En dessous des commentaires = environ en ligne 14, ajoutez un body {background:yellow !important} puis sauver en cliquant "Mettre à jour le fichier".
  9. Rendez-vous sur votre site et vérifier que le fond de celui-ci est bien en "yellow". Si c'est le cas, félicitations, tout s'est bien déroulé ;)
  10. Vous pouvez ensuite supprimer le plugin, comme les fichiers ont été créer à l'étape 2, ils n'est pas nécessaire de le conserver.