Habituellement, il est presque impossible de trouver le thème parfait; il y a toujours quelques modifications à faire. Alors, pourquoi ne pas simplement prendre un joli thème WordPress par défaut, comme Twenty Fifteen, et en faire le vôtre pour qu’il ressemble et fonctionne exactement comme vous le souhaitez? La création d’un thème enfant vous fera économiser beaucoup de temps et de maux de tête sur la route (croyez-moi).
je peux parler de première main., J’ai « hérité » D’un site WordPress où le développeur venait de pirater le thème parent, et je me souviens encore à quel point c’était frustrant de ne pas pouvoir réellement mettre à jour le thème de peur qu’il ne remplace les personnalisations qui donnaient au site ses fonctionnalités. Je ne savais pas ce qui était le code original et ce qui était personnalisé, donc là, il était assis, sans possibilité de mises à jour.
l’histoire a cependant une fin heureuse. J’étais plus récent à WordPress à l’époque, donc cela m’a appris très tôt que modifier un thème parent n’était pas une bonne idée., Lorsque le site a finalement été repensé, le premier point était de prendre les personnalisations et les mettre dans un thème enfant.
un thème enfant vous permet de travailler dans un endroit séparé sans que votre travail soit écrasé par une future mise à jour du thème parent. Techniquement parlant, lorsque vous créez un thème enfant, vous créez un ensemble distinct de fichiers que vous pouvez utiliser pour personnaliser le thème sans affecter le thème parent d’origine. Si vous apportez des modifications aux fichiers d’un thème parent, ces modifications seront écrasées lors de la prochaine mise à jour du thème., C’est un gros problème car les mises à jour peuvent inclure des modifications de fonctionnalités, des corrections de bugs et des mesures de sécurité importantes. Il est essentiel de garder le thème parent à jour et d’utiliser un thème enfant pour toutes les personnalisations.
bases du thème enfant
les thèmes enfants sont des thèmes distincts que vous créez et qui reposent sur un thème parent pour ses fonctionnalités de base. Lorsque vous utilisez un thème enfant, WordPress sait le référencer et rechercher toutes les fonctionnalités incluses., C’est génial car il vous permet de modifier uniquement les parties du thème parents que vous devez modifier, ce qui en fait un moyen très efficace d’ajouter des personnalisations à votre site WordPress.
pour creuser un peu plus, voici comment les thèmes enfants fonctionnent au niveau du fichier. WordPress vérifie si un fichier est inclus dans le thème enfant. S’il est inclus, ce fichier de thème enfant est chargé. S’il n’y en a pas dans le thème enfant, le fichier du thème parent est chargé. La seule exception à cela est les fonctions.fichier php, dans lequel les versions parent et enfant sont chargées., En règle générale, il y a des informations cruciales dans les fonctions.fichier php. Si WordPress ne chargeait que la version du thème enfant (sauf si vous avez tout copié), le site ne fonctionnerait pas correctement. Heureusement, WordPress charge les deux fichiers, vous n’avez donc pas à vous soucier de copier l’ensemble des fonctions.fichier php dans votre thème enfant.
rappelez-vous, vous pouvez toujours désactiver le thème de votre enfant et revenir sur l’original si nécessaire. C’est cependant une rue à Sens Unique; vous ne pouvez pas désactiver le parent et vous fier au thème enfant.
Si vous ajoutez des personnalisations à un thème WordPress, il est préférable d’utiliser un thème enfant., Prêt à créer le vôtre? Maintenant, nous allons passer par le processus, étape par étape.
créer un thème enfant
ce n’est pas aussi complexe que cela puisse paraître d’en créer un. En fait, techniquement, tous vous avez besoin est juste deux fichiers: style.css et un functions.php fichier. La plupart des thèmes enfants ont plus que cela, mais techniquement parlant, ce sont les deux seuls requis.
Pour créer un thème enfant, vous devez avoir installer WordPress avec un thème parent que vous souhaitez utiliser.
rappelez-vous: vous ne devriez jamais apporter de modifications sur un site en direct., Notre application de développement local gratuite, Local, vous aidera à simplifier votre flux de travail et à expérimenter en toute sécurité avec votre site. Essayez-le aujourd’hui!
Créer un répertoire de thème
tout d’Abord, allez dans votre répertoire de thème et de créer un dossier pour votre nouveau thème. Donnez-lui un nom reconnaissable. Pour cet exemple, je vais nommer mon thème child-example donc il est facile à trouver.
créer la feuille de style du thème enfant
la prochaine étape très cruciale consiste à créer la feuille de style du thème enfant., Créez un fichierstyle.css. Gardez à l’esprit, il doit être nommé style.css pour que les choses marchent droit.
ensuite, vous devrez inclure des informations sur votre thème.
Copier et les coller dans le style.css file:
Cela peut ressembler à beaucoup, mais il ya vraiment seulement deux qui sont nécessaires, qui sont Theme Name et Template. LeTheme Name indique à WordPress le nom du thème enfant., Le Template indique à WordPress quel thème il doit considérer comme le thème parent, ce qui est très important.
la Plupart des autres sont assez explicites, mais il y a un couple qui pourrait avoir besoin d’un peu plus de précisions. La balise Text Domain et Tags peut être un peu déroutant. Le Text Domain est utilisé pour traduire des chaînes à des fins d’internationalisation., Ceci est unique pour votre thème et doit être utilisé chaque fois que vous utilisez des fonctions de traduction. Il y a beaucoup plus d’informations dans le Codex et peut être trouvé dans le sujet de I18n pour les développeurs WordPress. La sectionTags est une liste de balises spécifiques au thème WordPress. Pour cet exemple, j’ai regardé le Twenty Fifteen parent style.css, saisi les balises à partir de là et les ai placées dans le thème enfant.
utiliser les styles parents
rappelez-vous comment WordPress recherche D’abord les fichiers de thème enfant?, En ce moment, le thème enfant fonctionne, mais il n’a pas l’air très poli parce que vous n’avez pas encore fait de style. Si vous l’activez et rechargez la page, elle aura l’air un peu désordonnée. Cela ressemblera probablement à ceci:
corrigeons cela pour qu’il retombe sur le thème parent et qu’il y ait au moins un style appliqué. Vous utiliserez toujours votre thème enfant pour votre style personnalisé, mais d’abord, affichons le style parent.,
pour vous assurer de charger la feuille de style du Fichier parent, nous devrons la mettre en file d’attente dans le thème enfant. Vous aurez besoin d’un fichierfunctions.php dans le thème enfant pour mettre l’extrait de code suivant.
Faire un CSS personnalisation
Maintenant que le parent styles sont en train de montrer, nous allons modifier les CSS de votre thème enfant de personnalisation. Pour cet exemple, le style d’un élément d’arrière-plan pour le contenu de la page est un bon moyen de voir le thème enfant en action., Il a été stylisé en blanc dans le CSS du thème parent, mais changeons-le en bleu dans votre thème enfant. Rappelez-vous, les styles parents sont chargés en premier, et vos personnalisations seront chargées après, ce sera donc ce que nous verrons.
Si vous êtes un utilisateur de Chrome, les outils de développement sont très utiles pour voir le style et expérimenter dans le navigateur. Allez dans Afficher > développeur > afficher la Source et sélectionnez les éléments de page. Les Styles seront affichés à droite. J’ai inspecté l’article qui avait une classe .hentry qui a un fond blanc., J’ai collé une valeur hexadécimale pour la tester en premier dans le navigateur.
Pour ce faire, ouvrez le fichier CSS dans le thème de l’enfance et ajouter le CSS de l’information.
Comme vous pouvez le voir, les changements de style peuvent facilement être fait dans le thème enfant.,
Modifier les fonctionnalités de votre thème enfant
ajuster le style est assez facile, mais qu’en est-il d’autres choses comme l’en-tête, le pied de page, la barre latérale, etc.? Disons qu’il y a quelques modifications à apporter dans le pied de page. Copiez et collez le pied de page du thème parent dans l’enfant. Le fichierfooter.php peut être ouvert dans l’éditeur de texte de votre choix et modifié. J’ai décidé de supprimer la ligne « Fièrement propulsé par WordPress”, j’ai donc supprimé cela du fichier dans mon thème enfant., C’est maintenant le fichier que WordPress chargera en premier, de sorte que la ligne de texte ne s’affichera pas.
la Création d’un thème enfant est une bonne habitude à prendre lors de la création de thèmes WordPress. En quelques étapes simples, ils sont faciles à créer et à entretenir. Garder les personnalisations séparées des thèmes parents est bon à la fois pour l’organisation et pour garder tout à jour, ce qui économisera beaucoup de maux de tête sur la route.
