Créer un thème enfant sur WordPress

Dans cet article nous allons voir comment créer un thème enfant pour WordPress.

Pourquoi créer un thème enfant ?

Si vous modifiez votre thème original, toutes vos modifications seront perdues lors de la prochaine mise à jour de votre thème.

Pour éviter cela, il est important de créer un thème enfant (hérité) à partir du thème original, que vous pourrez modifier sans risquer de tout perdre.

Comment créer un thème enfant ?

La méthode la plus simple, d’après moi, consiste à utiliser le plugin WP Child Theme Configurator.

Faites une sauvegarde

Avant chaque modification importante, prenez l’habitude de toujours effectuer une sauvegarde.
Cela vous permettra de restaurer facilement votre blog en cas de problème.

Je vous recommande le plugin Updraft Plus qui permet, très simplement, de sauvegarder vos données automatiquement ou de lancer une sauvegarde ponctuelle en un clic.

Au passage, je vous conseille aussi de télécharger votre dernière sauvegarde sous forme de fichier. Ce fichier pourra être utilisé pour restaurer votre blog ou effectuer une migration.

Installer WP Child Theme Configurator

  1. Rendez vous sur l’espace d’administration de votre blog WordPress.
  2. Dans la section Extensions cliquez sur Ajouter.
  3. Recherchez Child Theme Configurator, et cliquez sur Installer puis Activer.

Créer votre thème enfant

Suivez les étapes indiquées par les chiffres. Si une étape n’est pas détaillée, laissez simplement la configuration par défaut et passez à la suivante.

  • Rendez vous à présent dans la section Outils et cliquez sur Child Themes.
  • Étape 2 : Sélectionnez votre thème parent, et cliquez sur Analyze.
  • Étape 4 : Choisissez le nom à donner au dossier contenant votre thème enfant.
  • Étape 7 : Ajoutez les informations concernant votre thème enfant.
  • Étape 8 : Cochez la case pour copier les réglages des menus, widgets, etc…
  • Étape 9 : Cliquez sur Create New Child Theme, pour lancer la création.

    Votre thème enfant est alors créé.

Activer votre thème enfant

Rendez vous dans la section Apparence > Thème, et cliquez sur Activer.

Dans la section Apparence > Éditeur, vous pouvez voir les fichiers de votre thème enfant, qui ont étés crées depuis votre thème parent.

Il n’y a pour l’instant que la feuille de style CSS (style.css) et le fichier functions.php, mais vous pourrez en ajouter d’autres par la suite.

Configurer votre thème enfant

L’onglet Query/Selector (facultatif)

Cet onglet permet de modifier les réglages du CSS de votre thème enfant.

  • Le champ @media Query permet de sélectionner les types de média selon leur taille.
  • Le champ Selector vous permet de sélectionner l’élément à modifier.
  • Raw CSS permet de modifier les réglages CSS de votre thème enfant.

Vous pourrez par exemple choisir de réduire la taille des titres pour les utilisateurs de mobiles.

L’onglet Files

Ici, vous pourrez choisir les fichier du thème parent que vous souhaitez voir apparaître dans votre thème enfant.

Si vous voulez pouvoir modifier le footer (pied de page) de votre thème enfant, cochez la case footer.php et cliquez sur Copy Selected to Child Theme.

Vous pouvez aussi modifier l’image de votre thème enfant.

Voila ! La configuration de votre thème enfant est terminée !

Dans le prochain article nous verrons comment supprimer le lienFièrement propulsé par WordPress, présent en bas de vos pages.

Sinon, vous trouverez d’autres tutos sur WordPress ici,
et sur la programmation ici.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *