Crée un thème enfant

Un thème enfant est nécessaire lorsque tu souhaites personnaliser un thème WordPress.

Sans cela, tu vas perdre tout ton travail à la prochaine mise à jour de ton site. Cela serait un drame de voir des heures passées à améliorer ton site parties en fumée.

L’extension que je te présente simplifie énormément le travail. Désormais, disposer d’un thème enfant est accessible à tous.

Nous allons utiliser une extension de Lilaea qui facilite grandement le travail.

Créer le thème enfant

  • Installer l’extension Lilaea Child Theme Configurator et l’activer
Child theme configurator logo

Outils > Child Theme

Child theme configurator chemin
  • Onglet Parent/Child
  • Sélectionner Create a new Child Theme
  • Sélectionner le thème parent dans le menu déroulant ici TwentySeventeen
  • Bouton Analyze
Child theme configurator créer un thème enfant

Tu obtiens un message de validité du thème.

  • Nommer le dossier du thème enfant : par exemple TwentySeventeen enfant
  • Sélectionner Primary Stylesheet (style.css)
  • Sélectionner Use the WordPress style queue
Child-theme configurator créer suite

L’étape 7 permet de modifier l’auteur du thème…, c’est franchement optionnel.

Child-theme configurator créer suite 2
  • Bouton Create New Child Theme
    Child-theme configurator créer suite 3

En haut de la page, tu as désormais un message qui t’indique que le thème enfant est généré.

Child theme configurator confirmation
  • Cliquer sur le lien Preview your Child Theme
Child theme configurator prévisualisation

Cela permet juste de valider que tout s’est déroulé correctement et que tu n’auras pas de mauvaise surprise quand tu vas l’activer.

Intégrer les Google Fonts

Nous allons configurer tes polices Google Fonts.

  • Onglet Web Fonts
  • Copier la ligne @import url(‘XXXXX’); que tu as sauvegardé lors de la sélection des polices (sinon tu retrouves les instructions ci-dessous)
  • Bouton Save

Si besoin, voici un petit rappel pour trouver ses Google Fonts.

  • Aller sur Google fonts
  • Taper dans l’outil de recherche la police choisie
google fonts recherche
  • Cliquer sur le + rouge
  • Recommencer pour toutes les polices du site
google fonts sélection
google fonts sélection suite

Cliquer sur le rectangle noir Families Selected en bas

  • Onglet @import dans Embed Fonts
google fonts import
  • Copier tout le code situé entre <style> et </style> depuis @ jusqu’à ;
google fonts import suite

Ajouter une image personnalisée à son thème

C’est juste pour le sport et avoir un visuel spécifique pour son thème enfant.

  • Onglet Fichiers
  • Bouton Parcourir pour charger une image de son thème tout en bas
  • Bouton Envoi
image theme enfant
  • Recommencer dans Capture d’écran du thème enfant
theme enfant capture

Si tu veux, tu peux utiliser celle-ci avec clic droit > Enregistrer l’image sous .

theme enfant image version pour pas un rond

Tu pourras supprimer l’extension quand tu auras finalisé la personnalisation du thème.

Activer le thème enfant

Apparence > Thèmes

sélection thème enfant
  • Passer la souris au dessus du thème enfant pour faire apparaître les boutons
  • Bouton Prévisualisation en direct pour valider le bon fonctionnement (nous ne serons jamais assez prudents)
  • Bouton Activer
sélection thème enfant activer

Supprimer les thèmes inutiles

Nous allons en profiter pour supprimer tous les thèmes non utilisés. Il ne restera que le thème parent et le thème enfant.

  • Cliquer sur Détails du thème
supprimer les thèmes inutiles
  • Cliquer sur le lien supprimer
supprimer les thèmes inutiles suite

Conclusion

Tu peux enfin commencer la personnalisation de ton thème.

Découvre cette extension WordPress qui rend la création d'un thème enfant accessible à tous.

Ne perdons plus un instant et intégrerons tout de suite les éléments de ta marque dans ton thème : Personnaliser le thème Twenty Seventeen

Références

La documentation officielle de l’extension en anglais.

Les articles qui peuvent t’intéresser :

Retrouve tous les articles pour Créer seul ton site

portrait jean pourpasunrond

Jean

Fondateur, auteur et homme à tout faire


J’ai créé pour pas un rond pour que tu puisses réaliser seul ton site et le faire grandir avec des tutoriels pas à pas.

bannière de la newsletter de pour pas un rond version bleu-vert
theme enfant image pinterest

Cet article a 2 commentaires

  1. Bonjour,
    Peut-on créer un thème “enfant” après avoir déjà fait des modifications ?

    Cordialement,
    Pierrick.

    1. Bonjour Pierrick,

      Le fait que tu aies déjà modifié ton thème ne changera rien.

      Tu dois intégrer dans ton thème enfant toutes les modifications déjà apportées. Elles seront en doublon sur une petite période sans conséquence. A la prochaine mise à jour de ton thème, elles ne seront présentes que sur ton thème enfant.

      A bientôt,
      Jean

Laisser un commentaire

Fermer le menu
et, eget quis ut eleifend at consectetur non