Instructions : Child Theme - pour WordPress créer et utiliser

Pascal Prohl Dernière mise à jour 10/23/2020
7 Min.
Créer un Child Theme
Dernière mise à jour 10/23/2020

Le marché de WordPress -Themes est vaste - vous trouverez un Theme approprié pour presque chaque projet. Mais que faire si vous souhaitez apporter des modifications au dessin ou modèle ? Après tout, vous voulez vous démarquer. Si de petits changements de couleur peuvent être mis en œuvre avec seulement quelques lignes de code CSS dans le personnalisateur, la situation est différente pour les modifications plus complexes. Cela nécessite généralement une intervention profonde dans les fichiers Theme pour obtenir les résultats souhaités. Pour que cela ne se termine pas dans le chaos, vous devriez toujours utiliser un Child-Theme dans ces cas. Vous apprendrez dans cet article ce qu'est un tel enfantTheme et quels sont les avantages qu'il apporte.

Qu'est-ce qu'un enfant -Theme?

Le manuel officiel Theme explique ce qu'est un "enfant"Theme . Il s'agit donc d'un Theme qui permet des ajustements individuels au parentTheme et simplifie la gestion de celui-ci. Le parent-Theme est exactement ce que vous connaissez comme un WordPress -Theme normal (donc par exemple Avada).

Comment trouver le bon WordPress -Theme pour vos besoins parmi les nombreuses offres, vous pouvez lire dans ce billet de blog.

Passons maintenant à la différence importante : l'enfant -Theme hérite de la conception et des fonctionnalités de base du parent - Themes. Les ajustements qui sont mis en œuvre sur l'enfantTheme écrasent la fonctionnalité du parentThemes.

Dans la pratique, le parentTheme reste intact, même avec des modifications importantes. Les modifications ne sont effectuées que dans les fichiers du même nom de l'enfant -Themes . Il en résulte de nombreux avantages qui rendent l'utilisation de Child-Themes si attrayante.

Quand un enfant -Theme a-t-il un sens ?

Child-Themes sont indispensables si vous voulez faire des ajustements à vos WordPress -Theme et ne pas les perdre. Vous en connaîtrez les raisons au plus tard lorsque vous aurez apporté des modifications aux fichiers de Theme et que vous installerez ensuite les mises à jour de Themes . Car si un Theme est mis à jour, tous les fichiers du Theme sont écrasés et les ajustements individuels sont logiquement perdus.

Child-Themes sont particulièrement adaptés aux débutants et aux nouveaux venus dans le domaine des codes. Ils peuvent utiliser la fonctionnalité d'un Themes existant comme base pour réaliser leurs propres souhaits avec l'aide d'un enfantThemes . Ici, il n'est pas nécessaire de développer un WordPress -Theme complet à partir de zéro, ce qui représente également un gain de temps.

En général, on peut dire que vous devez avoir quelques connaissances de base dans le domaine de WordPress et du développement web, de sorte qu'un Child-Theme ne vous donne pas seulement un avantage, mais que vous puissiez aussi l'utiliser en toute sécurité.

À qui un enfant -Theme ne convient-il pas ?

ChildThemes est généralement plus adapté aux utilisateurs qui apportent des modifications importantes à leur Themes . Si vous avez peu d'expérience en matière de développement web et que vos modifications se limitent à quelques lignes de code CSS, un enfantTheme n'est pas absolument nécessaire. Vous pouvez aussi facilement effectuer ces changements dans le customiseur de WordPress .

De même, les modifications qui peuvent être effectuées via les options du WPThemes installé ne doivent pas être mises en œuvre par l'intermédiaire d'un enfantTheme . Il peut s'agir de simples changements de couleur, d'images d'en-tête ou d'autres options de mise en page pour lesquelles le développeur a déjà fourni des informations. Un enfant -Theme ralentirait inutilement votre site WordPress . La vue d'ensemble se perd aussi très rapidement.

Si vos changements au sein d'un enfant-Themes dépassent une certaine mesure, vous feriez mieux de créer un Theme séparé - d'ailleurs, cela est également recommandé par le WordPress -Codex. Pourquoi ? Si vous modifiez trop de fonctionnalités et de fichiers, des problèmes peuvent survenir lors de la mise à jour du parentThemes .

Où puis-je trouver ce site Theme?

Les utilisateurs de nombreux best-sellers comme Enfold, Avada and Co. peuvent être satisfaits. En effet, de nombreux fournisseurs de Theme proposent déjà des modèles prêts à télécharger pour les enfantsThemes pour leurs propres modèles WordPress . Avada, par exemple, comprend déjà un enfant appropriéTheme. Les utilisateurs du populaire Themes Divi, en revanche, doivent encore le faire eux-mêmes - malgré les nombreuses demandes des utilisateurs - ou utiliser un enfant préfabriquéTheme de la communauté. 

Avant de commencer à travailler seul, vous devez donc toujours vérifier auprès du prestataire de soins s'il s'est déjà occupé de cette tâche pour vous. Après tout, c'est eux qui peuvent le mieux garantir que l'enfantTheme avec le modèle WP associé fonctionne parfaitement.

Créez vous-même le siteTheme

Si votre fournisseur d'accès ne fournit pas un enfantTheme à télécharger, ce n'est pas grave. La création d'un tel Themes est relativement facile et ne nécessite qu'un certain temps, des compétences de base en développement web et un accès S/FTP ou SSH à votre site web. L'utilisation d'un éditeur de code est également recommandée.

Au final, trois fichiers simples vous permettront de profiter des avantages d'un enfantThemes . Il suffit de suivre les instructions ci-dessous :

Étape 1 : Création du dossier

Si vous avez obtenu l'accès à votre site web par FTP, vous devez d'abord naviguer vers le dossier Theme(/wp-content/themes /) de votre installation WordPress . Il vous suffit ici de créer le dossier de votre enfantThemes . 

enfant theme dossier créé
Dans cet exemple, j'ai créé le dossier pour l'Enfant -Theme du WordPress -Themes TwentyFifteen.

Vous pouvez choisir le nom librement, mais pour une meilleure vue d'ensemble, il est recommandé d'ajouter simplement un "-enfant" au nom du dossier du parentThemes . Si vous créez un enfantTheme pour le WordPress -Theme TwentyFifteen, le nom de dossier approprié serait twentyfifteen-child.

Étape 2 : Créer le fichier style.css

Dans l'étape suivante, une feuille de style nommée style.css est nécessaire, qui trouve sa place directement dans le dossier créé auparavant.

Ce dossier doit être rempli avec le contenu suivant :

/*
 Theme  Nom : Twenty Fifteen Enfant
 Theme  URI : http://example.com/twenty-fifteen-child/
Description : Twenty Fifteen Enfant Theme
Auteur : John Doe
Auteur URI : http://example.com
Modèle : vingt-cinq
Version : 1.0.0
Licence : GNU General Public License v2 ou version ultérieure
Licence URI : http://www.gnu.org/licenses/gpl-2.0.html
Tags : clair, foncé, deux colonnes, barre latérale droite, mise en page adaptée, prêt pour l'accessibilité
Domaine du texte : twentyfifteenchild
*/

L'en-tête de la feuille de style contient diverses informations sur l'enfantTheme. À l'exception de deux lignes, cette information n'est pas obligatoire.

Theme -Le nom et le modèle doivent être remplis pour que l'enfantTheme puisse travailler. Le modèle garantit que WordPress peut reconnaître le lien entre l'enfant et le parentTheme . Les informations stockées (dans l'exemple : vingt-cinq) dans l'enfant -Theme doivent donc correspondre aux informations de la feuille de style du parent Themes .

Étape 3 : Créer des fonctions.php

Dans la troisième étape, vous devez créer le fichier functions.php de votre enfantThemes . Le contenu de ce fichier assure le chargement de la feuille de style du parentThemes .

Copiez le contenu suivant dans le fichier PHP nommé functions.php :

get('Version')
      );
    }

Lorsque vous utilisez le Child-Themes pour la personnalisation, vous ajouterez également des extensions de fonctions à ce fichier ultérieurement.

Étape 4 : Capture d'écran pour votre enfantTheme

La quatrième étape n'est pas obligatoire. Si vous souhaitez qu'une capture d'écran de l'enfantTheme soit affichée dans la vue d'ensemble Theme au sein de votre installation WordPress , vous pouvez stocker des images appropriées pour cela.

dossier fini
Voici à quoi devrait ressembler le dossier final de l'enfant -Themes , y compris la capture d'écran à la fin.

WordPress utilise automatiquement un fichier nommé screenshot.png, qui se trouve dans le dossier principal de l'enfantThemes . Vous pouvez laisser libre cours à votre créativité ici, le codexWordPress recommande une taille de 1200px en largeur et 900px en hauteur.

Étape 5 : Activation de l'enfant -Theme

C'est tout - l'enfant -Theme doit seulement être activé. Cela se fait de la même manière que vous avez déjà activé le parentTheme . Il suffit d'aller sur l'aperçu Theme de votre installation WordPress et de sélectionner l'enfantTheme qui apparaît.

Il est possible qu'après l'activation, certains paramètres que vous avez précédemment effectués sur le parentTheme disparaissent ou ne soient plus définis comme auparavant. C'est normal. La meilleure chose à faire est d'installer et d'activer l'enfantTheme avant d'apporter les premières modifications à votre Theme . 

Alternative : Create Child-Theme avec Plugin

Capture d'écran plugin
WordPress -Plugins de cette manière, il est plus pratique, mais pas indispensable, de créer un enfantThemes .

Il est également possible de créer l'enfant approprié -Theme via un WordPress -Plugin . L'un des plus populaires Plugins est dans ce cas le configurateur Child-Theme . Cela permet non seulement de créer un enfant -Themes, mais aussi d'autres options de configuration.

La création d'un tel Themes étant très simple, même pour les utilisateurs moins expérimentés, un tel Plugin n'est en aucun cas nécessaire. En ce qui concerne les performances de votre site WordPress , je vous déconseille même d'installer trop de Plugins, inutiles.

Travailler avec l'enfant -Theme

Il est très facile de travailler avec l'Enfant -Theme que vous avez créé vous-même. Si vous l'avez activé, vous verrez le dessin du parentThemes sur votre site WordPress . C'est logique, car cela correspond exactement à la fonctionnalité de l'enfantThemes:

Chaque fichier que vous créez chez votre enfantThemes écrase le fichier du même nom chez votre parentTheme. Seules les fonctions .php et la feuille de style font exception. Non seulement le nom, mais aussi la structure du dossier doivent être exactement les mêmes.

Par exemple, si vous voulez modifier le pied de page(footer.php) du parentThemes , vous ajoutez une copie de ce fichier directement dans le dossier de l'enfantThemes . Ce fichier écrase le fichier portant le même nom dans le parentTheme. Les modifications que vous apportez ici seront visibles sur votre site web.

Cas particulier : le fichier functions.php n'écrase pas, mais est chargé avant le fichier du même nom du parentThemes . Si vous souhaitez écraser des fonctions PHP individuelles du parentThemes , vous pouvez le faire dans le fichier functions.php de l'enfantThemes . Cette possibilité est réservée aux utilisateurs expérimentés. Ce manuel détaillé vous aidera dans cette tâche.

Conclusion : un élément pratique et indispensable !

Créer un enfantTheme est relativement simple. L'utilisation d'un tel Themes ne s'avère pas non plus particulièrement difficile dans la vie de tous les jours. C'est exactement pour cette raison qu'un enfantTheme est recommandé à tous les utilisateurs de WordPress qui souhaitent apporter "correctement" des modifications à leur Theme . Les avantages l'emportent clairement sur les inconvénients.

Il n'y a presque aucun inconvénient. Bien qu'un éventuel désavantage en termes de performances soit souvent cité par Child-Themes , il n'est - si tant est qu'il existe - que minime. Child-Themes restent relativement minces, car elles ne contiennent pour la plupart que le code des modifications.

Néanmoins, vous devez toujours savoir exactement ce que vous faites lorsque vous utilisez Child-Themes . Là aussi, vous pouvez rapidement faire en sorte que votre site WordPress devienne inutilisable et ne crache que des erreurs. Une sauvegarde deWordPress est indispensable pour de telles modifications - en cas de doute, vous devez toujours consulter un professionnel possédant l'expertise appropriée.

Contribution à l'image : Anthony Robert | Unsplash

En 2010, Pascal est entré en contact avec WordPress pour la première fois. Ce qui a commencé comme un simple blog de hobby est rapidement devenu son métier. Comme WordPress et SEO freelance, il a travaillé sur des sites web pour de nombreux clients. Aujourd'hui, il travaille dans une agence de marketing en ligne et tient un blog sur WordPress .

Articles connexes

Commentaires sur cet article

Laisse un commentaire

Ton adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués d'un *.