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 ThemeChild-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

Cliquer sur le rectangle noir Families Selected en basgoogle fonts sélection suite

  • 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

bannière de la newsletter de pour pas un rond version bleu-vert

theme enfant image pinterest

Résumé
Article
Thème enfant : comment le créer sans prise de tête [tuto]
Description
Un thème enfant est l'étape indispensable avant de personnaliser ton thème sous peine de perdre tout ton travail pendant les mises à jour.
Auteur
Publié par
pour pas un rond
Logo

2 réponses sur “Crée un thème enfant”

    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

You have to agree to the comment policy.