Comment créer un thème enfant WordPress

Publié: 2020-04-16

Êtes-vous prêt à créer un thème enfant dans WordPress ?

Contenu
1 Installation du thème parent
2 Comment créer un répertoire de thèmes enfants WordPress
3 Créer une feuille de style
4 Créez le fichier de fonctions
5 Le mécanisme pour créer un thème enfant dans WordPress
6 suggestions pour les créateurs de thèmes pour enfants
7 fichiers dans le thème enfant
8 Comment activer le thème enfant
9 Comment créer et personnaliser un thème enfant WordPress
10 Correction des erreurs de thème enfant et parent
11 choses à retenir pour le thème enfant WordPress

Installation du thème parent

Vous devez décider quel thème vous préférez. En fonction de vos préférences, vous devez choisir le thème que vous souhaitez sélectionner comme thème parent.

Comment créer un répertoire de thèmes enfants WordPress

Créez un nouveau fichier dans le dossier public_html/wp-content/themes de l'installation de WordPress pour contenir le thème. Évitez de faire cela dans un site en direct. Vous pouvez tester cela sur un site de développement avant de l'implémenter sur un site intermédiaire. En règle générale, il est recommandé de conserver le nom du nouveau dossier en commençant par un nom de thème parent suivi d'un suffixe.

Ce processus implique la création de deux fichiers : feuille de style et fichier de fonctions.

Créer une feuille de style

Créer un nouveau fichier
style.css
dans le dossier et ajoutez le code suivant :
 /*

Nom du thème : Thème enfant CodeFlist

URI du thème : https://votresiteweb.com/codeflist-child/

Description : thème enfant du thème parent CodeFlist

Auteur : Amar Raj Mahato

URI de l'auteur : https://demo.codeflist.com/

Modèle : CodeFlist

Version : 1.0.0

Balises : noir, vert, blanc, clair, sombre, deux colonnes, trois colonnes, barre latérale gauche, barre latérale droite, mise en page fixe, mise en page réactive, arrière-plan personnalisé, en-tête personnalisé, menu personnalisé, éditeur style, images en vedette, en-tête flexible, modèle pleine largeur, microformats, post-formats, prise en charge de la langue rtl, sticky-post, options de thème, prêt pour la traduction, prêt pour l'accessibilité, mise en page réactive, infinie- défilement, post-curseur, design, nourriture, journal, magazine, actualités, photographie, portfolio, propre, contemporain, sombre, élégant, moderne, professionnel, sophistiqué

Domaine de texte : codeflist-child

*/

Ce code informe WordPress du thème. Comme le texte est commenté, il n'exécute rien sur votre site. Chaque thème a ce fichier afin de se familiariser avec WordPress.

Les lignes ayant le nom du thème et le modèle ne peuvent pas être ignorées dans ce code. Le modèle doit contenir le nom du répertoire du thème parent. Il est généralement sensible à la casse également. Tous les autres champs doivent être écrits comme requis. Assurez-vous de le faire correctement avec votre éditeur préféré.

Créer le fichier de fonctions

L'ajout du fichier de fonctions est une étape nécessaire pour mettre en file d'attente la feuille de style du thème parent. Si vous manquez cette étape, votre thème enfant n'aura aucun style. Ajoutez également un fichier
fonctions.php
dans le nouveau dossier. Ajoutez-y le code suivant :
 <?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function mon_theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>

Le mécanisme pour créer un thème enfant dans WordPress

Ils fonctionnent au niveau du fichier. Lorsqu'une fonction appelle le fichier, elle vérifie s'il est présent ou non. Dans le cas où le fichier est absent du thème enfant, il se chargera à partir du thème parent. Cependant, il a une exception sous la forme du fichier de fonction du thème. Si la
fonctions.php
fichier est appelé, il est chargé à partir des deux emplacements. Votre site fonctionnera mal si la fonction du thème parent ne fonctionne pas. Si tout le contenu du fichier de fonction du thème parent est copié sur l'enfant, ce serait une solution. Ce n'est pas une bonne approche pour étendre le thème. Si le fichier de pied de page doit être modifié, le fichier de pied de page du parent doit être copié dans l'enfant. Traitez ensuite les fichiers et enregistrez les modifications. Cela s'applique à toutes les sections que vous souhaitez modifier.

Suggestions pour les créateurs de thèmes pour enfants

Vous devez connaître la différence entre
get_stylesheet_directory()
et
get_template_directory()
si vous créez vos propres thèmes. Vous devez être clair que le
fonction get_template_
pointera toujours vers le répertoire du thème parent et
get_stylesheet_ points
le répertoire du thème enfant. Le choix vous appartient, que vous souhaitiez utiliser le parent ou l'enfant.

Fichiers dans le thème enfant

Il y a au moins deux fichiers, une feuille de style et un fichier de fonctions. La feuille de style indique à WordPress le type de thème. Cela donne également une idée du thème parent. Tous les détails sont inclus dans la feuille de style à l'aide d'un format de texte commenté.

Il y a une mauvaise pratique d'appeler une feuille de style à partir d'une autre feuille de style. En fait, vous devriez mettre en file d'attente le fichier de fonctions. Il devrait y avoir une fonction dans le fichier de fonctions qui met en file d'attente la feuille de style.

Le thème parent contient un
index.php
fichier mais il n'est pas nécessaire dans le thème enfant.

Comment activer le thème enfant

WordPress utilise un fichier du thème parent, sauf si vous le remplacez en ajoutant des fichiers au thème enfant. Aller à
Apparence>Thèmes
, vous trouverez le thème parmi les thèmes installés dans votre site. Vous devez l'activer pour profiter de ses fonctionnalités. Si vous n'avez ajouté aucune personnalisation, cela semble identique.

Comment créer et personnaliser un thème enfant WordPress

Désormais, lorsque vous avez un thème de travail, vous pouvez ajouter des personnalisations en fonction des besoins souhaités. Si vous souhaitez modifier des feuilles de style, vous pouvez définir des règles dans le
style.css
dans le dossier du thème enfant. Non seulement vous pouvez modifier les fichiers de modèle, mais vous pouvez également mettre à jour le thème parent sans perdre aucune personnalisation. Cependant, écrire des fonctions peut être plus complexe que d'ajouter des fichiers modèles. Si vous souhaitez ajouter une nouvelle fonction, vous devez vous rendre sur le
fonctions.php
dossier. Une fois que vous avez écrit la fonction, ajoutez l'action ou le filtre pertinent pour ajouter la fonctionnalité supplémentaire.

Fondamentalement, il existe trois méthodes si vous envisagez de remplacer la fonction de thème parent.

  • Lorsque vous avez un thème parent enfichable, vous pouvez écrire une autre fonction dans le thème enfant avec le même nom. La fonction dans le thème parent sera ignorée pour cette raison.
  • Lorsque vous avez un thème parent déconnectable, le décrochage peut être effectué pour empêcher l'exécution d'une fonction à partir du thème parent.
  • Il y a des cas où vous pouvez ajouter une nouvelle fonction à attacher au même hook mais avec un nom différent. Cela se fait sans remplacer ou supprimer une fonction.

Correction des erreurs de thème enfant et parent

Après la création d'un thème enfant, il peut y avoir des problèmes dus à certaines fonctions, styles ou autres fichiers. Il y a une série d'étapes pour s'assurer que tout est correct.

  1. Vérifiez si le thème enfant a été activé ou non. Vous devez être sûr du statut d'un thème parent.
  2. Effacez le cache du navigateur et le cache créé par les plugins.
  3. Vérifiez si vous avez correctement nommé les fichiers avec une syntaxe correcte lorsque vous créez un thème enfant dans WordPress.
  4. Vérifiez si vous avez enregistré les modifications ou non.
  5. Si la fonction enfichable ne fonctionne pas, vérifiez s'il y a une incompatibilité de nom ou si la fonction dans le thème parent est enfichable ou non.
  6. Vérifiez les valeurs de priorité et les crochets présents dans la fonction en cas de problèmes majeurs.
  7. Vérifiez la valeur de priorité, le nom et le crochet si le problème est généré à partir de la fonction supprimée.
  8. Trouvez où et où il y a une erreur dans le code en vérifiant le fichier wp-config.php en mode débogage.
  9. Le code de sortie des différents éléments doit être vérifié.

Choses à retenir pour le thème enfant WordPress

  1. Il devrait y avoir une feuille de style et un fichier de fonctions dans un thème enfant.
  2. Ne modifiez pas directement les thèmes tiers sans créer de thème enfant. Cela sauvegardera les personnalisations effectuées.
  3. Activez le thème et ne supprimez pas le thème parent.
  4. Lorsqu'il y a deux fichiers portant le même nom, WordPress utilisera le fichier dans l'enfant.
  5. Pour remplacer une fonction enfichable dans le thème parent, vous devez créer la fonction dans le thème enfant avec le même nom.
  6. Avec l'utilisation de la fonction remove_action() ou remove_filter() , vous pouvez décrocher une fonction du thème parent.
  7. Lorsque vous créez une fonction avec le même crochet, vous pouvez augmenter une fonction de thème parent.

Emballer

Vous devez garder ces choses à l'esprit pour créer un thème enfant dans WordPress, vous pouvez en tirer le maximum d'avantages. Espérons que cet article dissipera vos doutes sur le thème enfant et parent.

Lectures supplémentaires

WordPress Obtenir l'ID de publication
Articles vs Pages dans WordPress
Qu'est-ce qu'un thème enfant WordPress
Comment supprimer des thèmes dans WordPress
Comment ajouter une catégorie dans WordPress
Comment changer le mot de passe dans WordPress