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 toute personne ayant un peu de connaissances techniques peut créer quelque chose qui ressemble et fonctionne assez bien. Ajoutez cela au fait que de nombreux thèmes sont gratuits ou abordables et vous pouvez voir pourquoi tant de gens ont sauté dans le train.
Mais ce que beaucoup de gens ne réalisent pas, c'est que l'installation d'un thème et sa personnalisation en fonction de leurs besoins ne sont pas la fin des choses. La réalité est que, selon le type de personnalisations que vous avez apportées, ces modifications pourraient ê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 avec WordPress. Supposons que vous ayez directement modifié un modèle de page ou même la feuille de style. Bien que vous familiariser avec un sujet existant soit un excellent moyen d'apprendre les tenants et aboutissants du développement, il est également assez facile de supprimer toutes ces modifications la prochaine fois que vous appuierez sur ce bouton d'actualisation. Si vous le faites sur un site en direct, cela pourrait être désastreux.
Heureusement, il existe une autre façon plus sûre de faire les choses.
Un enfant protège l'avenir
C'est là que le concept du thème enfant WordPress entre en jeu. En bref, c'est un thème distinct qui a son propre dossier dans le répertoire / wp-content / themes / de votre site. Cependant, il y a une torsion. Au lieu d'être un sujet complet, un 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:
- Un fichier functions.php.
- Une feuille de style (style.css) qui contient uniquement les styles que vous personnalisez ou ajoutez.
- Seuls les fichiers modèles que vous souhaitez personnaliser.
La beauté de ce cadre est que vous profitez toujours de tous les avantages que le thème principal a à offrir, tout en ajoutant vos propres touches personnelles. La plupart du travail de conception et de développement a déjà été effectué par l'auteur du sujet. De là, vous pouvez en faire autant ou aussi peu que vous le souhaitez.
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 vous protège pas complètement contre la casse (nous verrons plus tard), cela signifie que vos personnalisations ne seront pas écrasées. C'est un gros problème, car ce n'est pas amusant d'entrer et de refaire tout votre travail acharné.
Mettre en place un thème de base pour les enfants
Le processus initial de configuration d'un thème enfant est assez simple et ne devrait prendre que quelques minutes de votre temps. Sans aucun doute, un petit prix à payer en tenant compte des avantages qu'il offre aujourd'hui et à l'avenir.
En prenant l'exemple du thème Twenty Seventeen (et les conseils du manuel WordPress Theme), regardons les thèmes les plus élémentaires pour les enfants:
1. Créez un nouveau dossier dans votre répertoire / wp-content / themes /. Il peut être nommé comme vous le souhaitez, mais nous conserverons la recommandation WordPress en l'appelant: vingt-sept-enfant
2. Créez une nouvelle feuille de style et nommez-la: style.css
À l'intérieur de ce fichier CSS, placez un en-tête similaire à celui-ci (vous pouvez le personnaliser pour qu'il corresponde à vos paramètres spécifiques):
/* Theme Name: Twenty Seventeen Child Description: My Twenty Seventeen Child Theme Author: Your Name Author URI: http://www.your-site.com Template: twentyseventeen Version: 1.0.0 */
Il y a d'autres éléments que vous pouvez placer ici, mais veuillez noter que les seuls domaines requis sont le nom du thème et le modèle. Le nom peut vraiment être ce que vous voulez, mais prêter une attention particulière à la déclaration de modèle. Ça doit correspondre au nom de votre dossier de thème principal (vingt-sept dans notre cas). Si cette référence n'est pas correcte, le thème enfant ne fonctionnera pas.
Sous ces informations, vous pouvez ajouter tous les styles personnalisés que vous souhaitez utiliser dans votre thème enfant. Si vous modifiez des styles existants, il peut être utile de les copier et de les coller directement à partir de la feuille de style du thème principal, ou d'utiliser les outils de développement de votre navigateur pour détecter facilement les styles que vous souhaitez cibler.
3. Créez un fichier functions.php qui se réfère au moins aux feuilles de style du thème principal et secondaire:
