Comment créer un thème enfant WordPress

Pourquoi ne devriez-vous jamais personnaliser WordPress dans le thème parent existant? Qu’arrive-t-il à vos personnalisations lorsque le thème que vous utilisez est mis à jour?

La réponse est qu’ils sont perdus, et votre travail acharné pour créer votre site en fonction de votre marque et des directives et préférences de messagerie sera également perdu.

Comment creer un theme enfant WordPress

UNE le thème enfant vous permet de créer une feuille de style CSS distincte et ajoutez des fonctionnalités supplémentaires qui ne seront pas perdues ou affectées lors de la mise à jour du thème parent.

Cela peut être fait manuellement ou en installant un plugin de création de thème enfant. Commençons par le processus manuel.

Créer un nouveau répertoire

Commencez par créer un nouveau répertoire pour votre thème enfant. Vous pouvez utiliser un client FTP ou accéder à votre contenu wp / thèmes répertoire via votre cPanel.

Pour utiliser cPanel, accédez à votre panneau de configuration d’hébergement. Sélectionner gestionnaire de fichiers et accédez au répertoire où WordPress est installé.

C’est généralement dans un répertoire nommé public_html. Localisez et ouvrez le contenu wp dossier. Cliquer sur créer un nouveau dossier et saisissez un nom pour votre thème enfant. Assurez-vous de lui donner un nom que vous reconnaîtrez plus tard. Un bon exemple est nom du parent thème-enfant.

N’incluez aucun espace dans votre nom de fichier pour éviter les erreurs.

En raison de la gestion interne, le nom du dossier doit inclure le nom du thème parent (thème ‘slug’) comme indiqué dans l’exemple ci-dessous.

1607580763 619 Comment creer un theme enfant WordPress

Créer une feuille de style CSS

Les feuilles de style sont utilisées dans les thèmes WordPress pour deux raisons.

  • C’est l’emplacement des styles qui affectent l’apparence de votre site.
  • La feuille de style principale d’un thème est l’endroit où WordPress recherche des informations sur le thème.

Il se peut que vous ne souhaitiez pas ajouter de nouveaux styles dans le thème enfant. Cependant, la feuille de style doit encore exister pour définir des détails tels que le nom de votre thème et le nom du thème parent.

Par conséquent, vous devez créer une nouvelle feuille de style pour votre thème enfant. Donc, votre prochaine étape consiste à créer un fichier texte pour la feuille de style CSS qui définira les règles qui contrôlent l’apparence de votre thème enfant.

1607580763 514 Comment creer un theme enfant WordPress

Le fichier CSS du thème enfant aura alors la priorité sur le thème parent.

Vous devez inclure les informations suivantes dans votre fichier texte:

  • Le nom de votre thème.
  • Le nom du répertoire du thème parent.
  • Titre et description qui ont du sens.

Veillez à inclure dans la feuille de style le commentaire d’en-tête suivant en haut du fichier. WordPress lira ces informations et saura qu’un thème enfant est utilisé.

1607580764 26 Comment creer un theme enfant WordPress

Vous souhaitez porter une attention particulière à la balise de modèle. Il indique à WordPress quel est le thème parent de votre enfant. Notez que le dossier dans lequel se trouve votre thème parent est sensible à la casse.

Techniquement, vous pouvez maintenant activer votre thème enfant. Cependant, si vous souhaitez créer un thème enfant plus complexe, vous devrez ajouter des fonctions PHP personnalisées.

Créer un functions.php fichier dans le thème enfant (dans le même répertoire que le style.css fichier que vous avez créé). C’est là que des éléments tels que des formats de publication supplémentaires devraient être ajoutés.

Comme pour votre fichier CSS, les modifications ou ajouts à votre fichier PHP seront automatiquement fusionnés avec ou remplaceront les fonctions du parent.

Pour des éléments tels que les formats de publication ajoutés avec un add_theme_support (), ils agissent comme des substitutions au lieu de fusionner.

Lors de l’utilisation add_theme_support (), vous devez prendre des mesures supplémentaires pour vous assurer que le thème enfant remplace le parent.

Cela peut devenir compliqué, alors reportez-vous au responsable actuel de l’équipe de révision des thèmes WordPress, William Patton. post sur l’utilisation des formats de publication WordPress.

Ajouter des styles et des scripts pour remplacer la fonctionnalité du thème parent

Votre prochaine étape consiste à vous assurer que votre thème enfant hérite des fonctionnalités et des styles du thème parent ou reflète les nouveaux que vous souhaitez utiliser.

Les styles sont utilisés pour changer l’apparence de votre site Web. Les scripts améliorent les fonctionnalités. La façon dont les styles et les scripts sont ajoutés à votre site WordPress est aussi essentielle que le contenu des fichiers.

La fonctionnalité de mise en file d’attente de WordPress est de savoir comment y parvenir.

La mise en file d’attente fait référence à la façon dont les styles et les scripts sont ajoutés aux sites WordPress afin qu’ils puissent affecter ce que les utilisateurs voient lorsqu’ils visitent votre site.

L’utilisation de nombreux plugins pour obtenir le même résultat entraîne souvent des problèmes de compatibilité et des sites défectueux.

Wp_enqueue améliore non seulement les performances de votre site Web en réduisant la surcharge du plugin, mais cela améliore également l’expérience utilisateur.

Comment utiliser ‘wp_enqueue’

Pour afficher les styles de votre thème enfant, vous devrez utiliser une fonction appelée wp_enqueue_style ().

Cette fonction prend quelques informations, mais la plus importante est le nom (ou «handle») et l’emplacement du fichier.

À l’intérieur de functions.php fichier ajoutez le code suivant.

1607580764 87 Comment creer un theme enfant WordPress

Ce code ajoute la feuille de style du répertoire parent, puis ajoute également la feuille de style de l’enfant que nous avons créée précédemment. Notez que le style parent le texte doit correspondre au nom du thème parent avec -style ajouté à la fin.

Activez votre thème enfant

Si vous avez créé les fichiers pour votre thème enfant sur le serveur à l’intérieur du wp-content / themes / votrenom dossier, il serait alors disponible dans votre tableau de bord WordPress pour que vous puissiez l’activer.

  • Connectez-vous à votre tableau de bord.
  • Aller à Apparence> Thèmes.
  • Votre thème enfant doit être répertorié.
  • Sélectionner Aperçu pour voir à quoi ressemble le site avec le nouveau thème enfant.
  • Une fois que vous êtes satisfait de son apparence, cliquez sur Activer pour le faire vivre.

Si vous avez créé votre thème enfant ailleurs que sur le serveur dans le wp-content / themes / votrenom dossier, alors vous devez compresser votre nouveau dossier de thème enfant.

  • Connectez-vous à votre tableau de bord WordPress.
  • Aller à Apparence> Thèmes.
  • Cliquez sur Ajouter nouveau.
  • Choisir Télécharger le thème.
  • Faites glisser votre fichier compressé vers la nouvelle boîte qui apparaît ou cliquez sur le sélecteur de fichiers et accédez-y sur votre ordinateur.
  • Une fois qu’il a été téléchargé, vous pouvez le prévisualiser, puis l’activer.
1607580764 979 Comment creer un theme enfant WordPress

Ajouter des fichiers de modèle

Pour remplacer d’autres modèles, vous pouvez les copier du thème parent dans le thème enfant. Tous les fichiers de modèle qui ont le même nom dans l’enfant que dans le parent agissent comme des substitutions. Ajustez ensuite le contenu des modèles selon vos besoins.

Pour ajouter de nouveaux modèles, il s’agit simplement de créer un nouveau fichier avec le nom correct et d’ajouter votre propre contenu. La section ci-dessus explique le processus manuel.

Voyons maintenant comment créer des thèmes enfants avec un plugin WordPress.

Utilisez un plugin WordPress

Connectez-vous à votre tableau de bord WordPress. Cliquer sur Plugins> Ajouter nouveau. Rechercher thème enfant.

1607580764 624 Comment creer un theme enfant WordPress

Le premier plugin que vous verrez est le Configurateur de thème enfant. C’est un bon choix, comme le montre la capture d’écran ci-dessus, car il:

  • Est compatible avec la version actuelle de WP.
  • A beaucoup d’installations.
  • A été récemment mis à jour.

Cliquer sur Installer maintenant> Activer. La prochaine étape consiste à accéder à Outils puis sélectionnez thèmes enfants.

1607580764 538 Comment creer un theme enfant WordPress

Trouvez et sélectionnez votre thème parent dans le menu déroulant. Choisir analyser pour vous assurer que votre thème peut être utilisé comme thème enfant.

Vous trouverez ci-dessous un didacticiel étape par étape sur la configuration du configurateur de thème enfant. Si vous décidez d’utiliser un autre plugin WordPress, vous pouvez facilement trouver un tutoriel sur la façon de le configurer également.

Comme vous le savez maintenant, les thèmes enfants sont des thèmes distincts qui reposent sur leur thème parent pour certaines de leurs fonctionnalités.

Lorsque vous utilisez un thème enfant, WordPress recherchera l’enfant avant le parent et suivra le style et les fonctionnalités de l’enfant s’il existe.

Épargnez-vous beaucoup de temps, de problèmes et de futurs maux de tête lorsque le thème parent est mis à jour en créant un enfant qui ne sera pas affecté par la mise à jour.