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

De nombreuses fonctionnalités existent sur WordPress et sont parfois inconnues du grand public. Ce qui est dommage, car elles peuvent s’avérer fort utiles dans le développement de votre site internet ! Aujourd’hui, penchons-nous sur l’une d’entre elle, et répondons ensemble à la question “qu’est-ce qu’un thème enfant ?”

Thème enfant : définition brève

Un thème enfant est un thème WordPress qui va hériter du design, des fonctionnalités et de la mise en page d’un thème déjà installé sur un site web. Ce dernier devient alors le thème “parent”. Le thème enfant va permettre de personnaliser à votre guise le thème principal.

En d’autres termes, un thème enfant est un moyen sûr de modifier votre thème WordPress sans l’altérer directement. En effet, le thème parent restera intact, car les changements seront apportés au thème enfant uniquement.

De plus, lorsque le thème parent sera mis à jour, les modifications appliquées au thème enfant seront préservées. Mais également appliquées à la version mise à jour ! N’est-ce pas pratique ?

WordPress va d’abord prendre en compte les fichiers du thème enfant. Et si d’autres fichiers sont nécessaires, il ira les piocher dans le thème parent.

En résumé, un thème enfant permet de personnaliser -radicalement ou non- votre thème WordPress, sans toucher au code ‘parental’. Ainsi, vous pourrez le mettre à jour sans crainte.

Avantages et inconvénients d’un thème enfant WordPress

On dénombre au moins trois avantages majeurs à l’utilisation d’un thème enfant WordPress. En effet, il :

  • offre des options de personnalisation quasi-illimitées sans changer le cadre original ;
  • permet de web développer sans être chronophage ;
  • permet de garder son thème intact si d’aventure le designer de celui-ci met son code à jour sans avertissement préalable.

Par ailleurs, le seul réel problème des thèmes enfants, c’est qu’ils peuvent être compliqués à gérer. En effet, il est difficile de garder une trace des modifications qu’on apporte à un thème et de s’assurer que la nouvelle apparence fonctionne sans problèmes. Ainsi, la minutie et la rigueur sont de mise… Sinon ce n’est pas fait pour vous !

Comment créer votre thème enfant ?

Sans (mauvais) jeu de mots, c’est presque un jeu d’enfant !

En effet, créer un thème secondaire est assez simple si vous avez l’habitude d’utiliser WordPress. Suivez donc ce pas-à-pas :

  • Tout d’abord, connectez-vous au Dashboard WordPress, 
  • Puis créez un répertoire pour le thème enfant qui contiendra vos fichiers. Si votre thème parent se nomme Miami, par exemple, vous nommerez votre nouveau thème miami-enfant. Votre répertoire devra être créé à l’adresse suivante : /wp-content/themes/miami-enfant
  • Dans ce répertoire, créez une feuille de style style.css  
  • Par la suite, importez le style du thème parent dans votre thème enfant, en créant un fichier functions.php , reconnu et chargé automatiquement.
  • Ensuite, copiez les données de votre thème parent avec les nouveaux fichiers 
  • Pour finir, activez votre thème en allant dans l’administration WordPress, section Apparence>Thèmes, comme d’habitude.

Comment utiliser votre thème enfant WordPress ?

Vous avez créé votre thème enfant comme un(e) grand(e) ! Félicitations !

Maintenant, vous allez pouvoir faire montre de vos talents de développeur et de webdesigner… Et apporter toutes les modifications que vous désirez à votre thème !

Quelles actions allez-vous bien pouvoir mener ? Au moins trois vous intéresseront :

Adapter le code d’un modèle de page à vos besoins

Si votre thème enfant possède un modèle de page, WordPress le traite en priorité par rapport à celui du thème parent.

Pour modifier un élément, tel que le pied de page, copiez le fichier correspondant qui se trouve dans votre thème parent, puis collez-le dans votre thème enfant. C’est maintenant celui du thème enfant qui sera utilisé !

Pour ce qui est des autres modèles, votre thème continuera d’utiliser les éléments présents dans le parent, car ils ne sont pas présents dans le répertoire enfant.

Attention, ne copiez pas tous les fichiers de votre thème parent afin de les modifier sur votre thème enfant ! En effet, bien que tentant, vos nouveaux fichiers auraient toujours la préséance… et les mises à jour des modèles de pages ne seraient donc pas effectives sur votre site.

Ajouter de nouvelles fonctions à votre thème

Par exemple, la redimension personnalisée d’images, ou autre.

Personnaliser la feuille de style

En ajoutant vos modifications dans le fichier style.css du thème enfant, vous allez pouvoir modifier la mise en forme de l’ensemble des éléments graphiques de votre site web. Vous avez donc la main pour jouer sur les couleurs, les positionnements, les tailles des textes, les polices, etc. 

Dans l’encadré à droite, vous pouvez identifier les éléments de style liés aux différentes parties de votre site.

Vous pouvez utiliser l’inspecteur de votre navigateur pour tester vos modifications en direct. Pour ce faire, cliquez droit sur l’élément en question, puis sur « Inspecter ».

Apportez vos modifications au CSS pour tester de nouvelles mises en forme en direct. Quand celles-ci vous conviennent, ajoutez les éléments de code correspondant au thème enfant.

En conclusion, faut-il utiliser un thème enfant WordPress ?

Le thème enfant vous permettra de personnaliser finement votre thème WordPress sans altérer ses fichiers d’origine. En effet, les modifications résistent aux différentes mises à jour du thème parent.

Toutefois, son utilisation peut s’avérer technique si on ne maîtrise pas préalablement le code. Ainsi, ne tentez l’aventure que si vous savez ce que vous faites. Le cas échéant, d’autres solutions s’offrent à vous :

  • Déjà, l’ajout de fonctions PHP peut se faire via une extension dédiée ;
  • De plus, le CSS est modifiable depuis l’Outil de personnalisation de WordPress ;
  • Enfin, un constructeur de page peut modifier les mises en page.