Thèmes enfants dans WordPress - Comment et pourquoi les utiliser

Divulgation d'affiliation: En toute transparence - certains des liens de notre site Web sont des liens d'affiliation, si vous les utilisez pour effectuer un achat, nous gagnerons une commission sans frais supplémentaires pour vous (aucun!).

 

La commodité et la convivialité sont devenues l'une des principales préoccupations de conception web moderne. Bien sûr, nous parlons de la commodité d'un utilisateur final qui navigue sur un site Web, mais pas seulement de celui-ci. La commodité du propriétaire du site Web ou d'une personne qui personnalise un site Web vaut également la peine de se battre.

Cependant, toutes les cuisses de la conception Web ne sont pas assez évidentes. Il y a de tels développements qui peuvent sembler plutôt inutiles à première vue, mais qui sont en fait extrêmement bénéfiques pour un propriétaire de site Web si vous les approfondissez.

Thèmes enfants dans WordPress - Comment et pourquoi les utiliser

Les thèmes enfants font partie de ces inventions. Avoir des fichiers de moteur WordPress, un thème parent et un thème enfant peuvent sembler inutiles à un débutant, qui recherche intuitivement la simplicité. Quel est l'intérêt de rendre tout cela si compliqué? En fait, la raison est de rendre les choses plus pratiques et de vous permettre, en tant que modificateur du site Web, d'échapper aux pièges dont les développeurs Web expérimentés sont bien conscients.

Dans cet article, je vais étudier la question de savoir quels sont les thèmes enfants dans WordPress et comment et pourquoi vous devriez les utiliser. Je suppose que ce serait un voyage assez perspicace qui éclairera certains des mystères de la conception Web pour vous. Allons-y!

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

S'il y a un enfant, il y a (ou était) un parent. C'est vrai non seulement dans le monde humain mais aussi dans le monde des thèmes WordPress. Les spécialistes créent un thème enfant afin d'hériter des fonctionnalités et de l'apparence d'un thème parent. En même temps, avec un thème enfant, vous pouvez modifier et ajouter des fonctionnalités au thème que vous utilisez, sans modifier ses fichiers de base essentiels. Le thème parent ne subit aucune modification.

De nombreux fournisseurs de modèles modernes utilisent des thèmes enfants pour vous fournir des modèles de fonctionnalités étendues. Pour une puissance de thème supplémentaire, leurs thèmes parents sont plus que des packs de fichiers de conception, ce sont des frameworks remplis d'avancées fonctionnelles. Par exemple, TemplateMonster, l'un des principaux fournisseurs de modèles sur le marché, utilise CherryFramework, riche en fonctionnalités, comme thème parent de leur Thèmes WordPress. Dans ce cas, le thème enfant devient le lieu où tous les styles de thème uniques sont stockés en dehors des autres styles et vous pouvez facilement les trouver. Ce schéma est utilisé par de nombreux fournisseurs de modèles et fait d'un thème enfant une partie cruciale d'un modèle.

Thèmes enfants dans WordPress - Comment et pourquoi les utiliser

La structure d'un thème enfant est, en règle générale, assez simple. Son dossier ne contient que les fichiers que vous voudrez peut-être modifier. Le thème parent contient également les mêmes fichiers. Pourquoi serait-il jamais pratique d'avoir des fichiers avec les mêmes fonctions sur votre site Web? Voyons voir:

Raisons d'utiliser un thème enfant

Thèmes enfants dans WordPress - Comment et pourquoi les utiliser

Si vous envisagez de personnaliser un modèle de site Web de quelque manière que ce soit pour l'adapter aux besoins de votre site Web, il existe trois raisons principales pour lesquelles vous avez besoin d'un thème enfant.

Ne perdez pas votre progression: mises à jour sans problème

Je parie que vous savez que vous devez mettre à jour les composants de votre site Web pour les garder sans problème et sans bogue et pour assurer la sécurité maximale de votre site Web. Cependant, le système de mises à jour de WordPress est assez simple. Une fois que vous avez effectué une mise à jour, vous pouvez remplacer les anciens fichiers par les nouveaux et WordPress ne se soucie pas de savoir si vous avez modifié les fichiers dans le thème de l'ancienne version et que vous souhaitez conserver ces modifications.

Voici le thème de l'enfant. Il devient le lieu où toutes les modifications du thème parent sont stockées. Lorsque les fichiers du thème enfant remplacent ou complètent les fichiers de thème parent, ils vous permettent d'enregistrer et d'appliquer immédiatement toutes vos modifications personnalisées à la nouvelle version du thème parent.

Cette pratique vous fait gagner beaucoup de temps, car sinon, vous devrez retrouver les morceaux de code modifiés dans l'ancienne version du thème, les copier sur votre PC (en tenant compte du fichier auquel appartient chaque chaîne de code), puis coller les vers les fichiers correspondants de la nouvelle version du thème.

C'est pourquoi un thème enfant est en quelque sorte votre véritable sauveur si vous souhaitez garder votre site Web à jour sans agitation supplémentaire.

Modifiez votre thème encore plus simplement

Le thème parent a un riche ensemble de fichiers, et vous n'êtes pas censé toucher certains d'entre eux. La structure d'un thème enfant est beaucoup plus simple et inclut uniquement les fichiers qui sont censés être modifiés en cas de besoin. C'est pourquoi, un thème enfant vous permet de déterminer rapidement le fichier avec lequel vous devez travailler et vous permet de retrouver plus rapidement les morceaux de code que vous avez modifiés précédemment.

Par exemple, disons que vous souhaitez changer de couleur dans votre thème. Vous pouvez rechercher une règle spécifique dans le fichier style.css du thème parent (qui est assez volumineux), ou vous pouvez simplement ajouter une nouvelle règle (3 ou 4 lignes de code) au fichier style.css du thème enfant. La règle ajoutée remplacera la règle initiale dans le thème parent, quel que soit l'endroit où cette règle réside dans le style.css du thème parent.

Prenons un autre exemple. Si vous souhaitez modifier significativement la structure de votre page.php et conserver l'ancienne version du fichier, vous pouvez simplement ajouter un nouveau fichier page.php à votre thème enfant. Vous l'utiliserez dans votre thème au lieu de celui par défaut. Chaque fois que vous avez envie de revenir à la structure par défaut de ce fichier, supprimez simplement le fichier page.php de votre dossier enfant.

Revenir en arrière avec les changements

Il arrive souvent que vous souhaitiez revenir aux modifications précédentes de votre site Web pour les modifier ou les supprimer. Si les modifications ont été effectuées dans les fichiers du thème parent, cela peut être plutôt problématique car le thème parent contient de nombreux fichiers et il est difficile de trouver l'emplacement que vous avez modifié.

Avec un thème enfant, il est difficile de se perdre, car vous ne verrez que ce que vous y avez modifié. Trouver la règle nécessaire parmi 30 règles CSS est certainement plus simple que de la localiser dans une feuille de style contenant des centaines de règles. Je suppose que vous l'avez, n'est-ce pas?

Vous connaissez maintenant les raisons de l'utilisation de thèmes enfants. Ce sont eux qui ne sont pas si évidents pour quelqu'un, qui n'a jamais créé de site Web WordPress auparavant. Cependant, une fois que vous avez créé un site Web au moins une fois, vous comprendrez immédiatement l'importance de la préservation de vos efforts et de la commodité de personnalisation que les thèmes enfants offrent.

Utiliser un thème enfant

Thèmes enfants dans WordPress - Comment et pourquoi les utiliser

Si vous installez un modèle WordPress moderne, vous installerez généralement d'abord un thème parent, puis un thème enfant. Ensuite, vous devez activer le thème enfant dans la section Apparence -> Thèmes de votre tableau de bord WordPress. Une fois que vous faites cela, votre assistant de personnalisation, c'est-à-dire votre thème enfant, est prêt à vous aider avec la mise en œuvre de toutes les modifications de thème parent nécessaires.

Modification des styles de thème avec un thème enfant

Style.css est l'un des principaux et le seul fichier obligatoire d'un thème enfant. Pour fonctionner correctement et ne pas rejeter toutes les règles que contient le thème parent, ce fichier doit inclure une ligne magique dans son en-tête. Cette ligne est:

Thèmes enfants dans WordPress - Comment et pourquoi les utiliser

Avec cette ligne, toutes les règles contenues dans le thème parent sont appliquées à votre site Web, sauf si telle ou telle règle est remplacée dans le corps du thème enfant style.css. En fait, vous devez simplement ajouter des règles css au bas du fichier style.css de votre thème enfant et, croyez-moi, ce n'est pas sorcier. Consultez ce didacticiel vidéo pour apprendre à personnaliser le jeu de couleurs de votre modèle à l'aide d'un thème enfant:

Ajout de nouvelles fonctions à votre thème

Avec un thème enfant, vous avez la possibilité d'ajouter toutes les nouvelles fonctions de thème au fichier functions.php de votre thème enfant. Cependant, il y a une astuce dont vous devez être conscient. Contrairement aux règles CSS dans style.css du thème enfant, les fonctions dans functions.php du thème enfant ne remplacent pas simplement celles analogues dans le thème parent. En fait, le fichier functions.php du thème enfant se charge avant son homologue dans le thème parent.

C'est pourquoi, pour remplacer la fonction dans le fichier functions.php du thème parent, vous devez utiliser l'instruction conditionnelle suivante:

Thèmes enfants dans WordPress - Comment et pourquoi les utiliser

Ces lignes vertes de code php permettront au navigateur de vérifier si la fonction qui vous intéresse existe dans le fichier parental functions.php. Ensuite, c'est à vous de décider quelle commande php utiliser pour modifier la règle existante.

Ajout de nouveaux fichiers à votre thème

Il est important de dire qu'un thème enfant est un lieu de votre liberté. Vous pouvez ajouter tous les fichiers dont vous avez besoin et remplacer les fichiers du thème parent avec eux. style.css et functions.php sont les deux seuls fichiers du thème enfant qui ne suppriment pas complètement les fichiers correspondants du thème parent.

Tous les autres fichiers du thème enfant remplaceront les fichiers analogues du thème parent. N'hésitez pas à créer de nouvelles versions de fichiers tels que single.php, index.php, page.php, 404.php, etc., utilisez-les et ne craignez pas de perdre les fichiers de thème par défaut car ils restent intacts dans votre dossier de thème parent.

Lisez aussi:

20 meilleurs thèmes WordPress roses pour l'inspiration (Premium)

[Mis à jour] 10+ meilleurs thèmes WordPress de jeu

Thèmes WordPress vs fonctionnalités des modèles HTML comparées via Monstroid2

Conclusions

Le thème enfant est une solution très intelligente et simple qui vous permet de travailler sur création de votre site web plus efficacement et ne craignez jamais de perdre vos progrès. Avec les thèmes enfants, vous pouvez personnaliser vos styles de thème, modifier ses fonctions et appliquer des modifications à d'autres fichiers de thème sans perdre une chance de revenir à la version initiale du fichier chaque fois que nécessaire. Alors, ne pensez jamais à un thème enfant comme à un albatros autour du cou: utilisez-le judicieusement et cela vous rendra beaucoup de faveur.

Maintenant, il est temps de parler! Si vous avez des questions ou des considérations, n'hésitez pas à les partager dans la section Commentaires ci-dessous.

Prend soin de toi!

 

Megha Parikh

Megha Parikh est un expert en marketing numérique et parcourt le monde du marketing numérique depuis plus de 7 ans. Elle aime particulièrement se renseigner sur le marketing des médias sociaux et l'optimisation du taux de conversion tout en explorant ses compétences sociales et interpersonnelles. Vous pouvez la suivre sur Twitter & Linkedin.

Laisser un commentaire