L’une des principales caractéristiques de WordPress est la possibilité de créer un site Web attrayant, même si vous n’êtes pas concepteur. En utilisant des thèmes tiers, presque n’importe qui avec peu de connaissances techniques peut créer quelque chose qui ressemble et fonctionne très bien. Ajoutez cela au fait que de nombreux thèmes sont gratuits ou bon marché et vous pouvez voir pourquoi tant de gens sont devenus à la mode.
Mais beaucoup de gens peuvent ne pas réaliser que l’installation d’un thème et sa personnalisation ne sont pas la fin. La réalité est que, selon le type de personnalisation que vous avez effectué, ces modifications peuvent être perdues en mettant à jour le thème à l’avenir.
Par exemple, imaginez utiliser le thème Twenty Seventeen, le thème par défaut inclus dans WordPress. Supposons que vous ayez directement modifié un modèle de page ou même une feuille de style. Faire défiler un sujet existant est un excellent moyen d’apprendre les secrets du développement, mais il est facile de supprimer toutes ces modifications la prochaine fois que vous appuierez sur ce bouton d’actualisation. Si vous faites cela sur une page d’emploi, cela peut être catastrophique.
Heureusement, il existe une autre façon plus sûre de faire les choses.
L’enfant protège l’avenir.
C’est là que le concept d’un thème enfant WordPress entre en jeu. En bref, il s’agit d’un thème distinct qui a son propre dossier dans le répertoire / wp-content / themes / de votre site Web. Cependant, il y a une récompense. Au lieu d’être un sujet complet, l’enfant fait référence à son «père».
Cela signifie que le dossier du thème enfant ne contient que quelques éléments de base:
La beauté de ce cadre est que vous continuez à profiter de tous les avantages offerts par le thème principal, tout en ajoutant vos propres touches. La plupart des travaux de conception et de programmation difficiles ont déjà été effectués par l’auteur du sujet. De là, vous pouvez faire ce que vous voulez.
Encore mieux, chaque fois que le thème principal est mis à jour vers la dernière version, l’enfant reste intact. Bien que cela ne protège pas complètement contre les dommages (nous verrons plus tard), cela signifie que vos personnalisations ne seront pas remplacées. C’est important, car il n’est pas légal d’entrer et de faire tout le travail acharné.
Définissez un thème de base pour les enfants.
Le processus initial de configuration d’un sous-thème est assez simple et ne devrait prendre que quelques minutes. Sans aucun doute, le petit prix à payer, compte tenu des avantages qu’il offre aujourd’hui et à l’avenir.
En prenant l’exemple du thème Twenty Seventeen (et des conseils du Guide des thèmes WordPress), regardons les thèmes les plus élémentaires pour les enfants:
1. Créez un nouveau dossier dans votre répertoire / wp-content / themes /. Vous pouvez le nommer comme vous le souhaitez, mais nous garderons la recommandation WordPress en appelant: un homme de 27 ans
2. Créez une nouvelle feuille de style et nommez-la: style.css
Dans ce fichier CSS, placez un en-tête similaire à celui-ci (vous pouvez le personnaliser avec vos propres paramètres):
/ * Nom du thème: Twenty Seventeen Child Description: My Twenty Seventeen Child Theme Auteur: Votre nom Auteur URI: http://www.your-site.com Modèle: vingt-dix-sept Version: 1.0.0 * /
Il existe d’autres éléments que vous pouvez ajouter ici, mais n’oubliez pas que les seuls domaines requis sont le nom et le modèle de thème. Le nom peut vraiment être ce que vous voulez, mais prêter une attention particulière à la déclaration du modèle. Quoi Devrait correspond au nom du dossier principal du sujet (vingt-sept dans notre cas). Si cette référence est incorrecte, le thème enfant ne fonctionnera pas.
Sous ces informations, vous pouvez ajouter tous les styles personnalisés que vous souhaitez utiliser pour le thème enfant. Si vous modifiez des styles existants, vous pouvez les copier et les coller directement à partir de la feuille de style du thème principal, ou utiliser les outils de développement du navigateur pour détecter facilement les styles que vous souhaitez cibler.
3. Créez le fichier functions.php qui se réfère au moins aux feuilles de style pour le thème principal et secondaire:
