Comment créer et personnaliser un thème enfant WordPress : Tutoriel complet et guide pratique

Qu'est-ce qu'un thème enfant WordPress ?

Un thème enfant WordPress est un thème qui hérite des fonctionnalités et du style d'un autre thème (appelé thème parent). Les thèmes enfants sont un moyen sûr de modifier un thème WordPress sans avoir à éditer directement les fichiers du thème parent.

Lorsque vous créez un thème enfant, il stocke les fichiers du thème dans un dossier distinct du dossier du thème parent dans le répertoire racine de WordPress. Ainsi, lorsque vous modifiez le thème enfant, seuls ces fichiers sont modifiés, et non les fichiers du thème parent. Cela permet de s'assurer que les paramètres personnalisés ne sont pas perdus lors de la mise à jour du thème parent.

Différence entre les thèmes parents et enfants

point de divergence Thème WordPress pour les parentsSous-thèmes WordPress
dépendances Fonctionne de manière autonome sans dépendre d'autres thèmes. Contient tous les composants nécessaires pour fonctionner de manière indépendante.En fonction du thème parent, vous devez installer et activer le thème parent pour hériter de ses caractéristiques et de ses fonctionnalités.
FonctionnalitéFournit la conception, la mise en page et les fonctionnalités de base, y compris tous les modèles, CSS, JavaScript et autres fichiers nécessaires à la création d'un site web complet.Ajoute ou remplace des fonctionnalités ou des styles spécifiques dans le thème parent, en ne contenant généralement que les fichiers qui doivent être modifiés ou ajoutés.
mettre à jourLes mises à jour effectuées par les développeurs de thèmes peuvent inclure de nouvelles fonctionnalités, des correctifs de sécurité et des corrections de bogues.Non affectées par les mises à jour du thème parent, les personnalisations restent intactes et le thème parent peut être mis à jour en toute sécurité sans que les modifications soient perdues.
personnalisationLes personnalisations apportées directement au fichier du thème parent peuvent être perdues lors des mises à jour.Les paramètres personnalisés sont conservés lorsque le thème parent est mis à jour, et les modifications se produisent dans les fichiers du thème enfant alors que les fichiers du thème parent restent inchangés.
utilisationIdéal pour les utilisateurs qui souhaitent utiliser un thème tel quel ou pour les développeurs qui veulent créer un nouveau thème à partir de zéro.Idéal pour les utilisateurs qui souhaitent personnaliser un thème existant sans craindre de perdre leurs modifications lors d'une mise à jour, ou pour les développeurs qui souhaitent étendre ou modifier les fonctionnalités et le design d'un thème parent.

Avantages de l'utilisation des thèmes enfant de WordPress

Image [2] - Comment créer et personnaliser les sous-thèmes de WordPress : Tutoriels complets et guides pratiques - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide
  1. Processus de développement rationalisé

La création d'un thème personnalisé à partir de zéro prend du temps, et l'utilisation d'un thème enfant vous permet d'utiliser le thème parent comme base et de modifier des éléments individuels selon vos besoins.

  1. Fonctionnalités étendues et personnalisation

Les thèmes enfants permettent de modifier tous les fichiers, y compris PHP, CSS et HTML, afin de créer des styles personnalisés et d'étendre les fonctionnalités du thème parent sans modifier les fichiers d'origine.

  1. Sécurité du fichier original du thème

Les fichiers du thème enfant sont enregistrés dans un dossier distinct, ce qui garantit que les fichiers du thème parent restent intacts et que le thème enfant conserve toutes les modifications et personnalisations, même si le thème parent est mis à jour.

  1. Atténuation des risques

Si vous faites une erreur lors de la conception d'un thème enfant, vous pouvez toujours restaurer le thème parent ou créer un nouveau thème enfant basé sur le thème original.

  1. Facile à partager et à réutiliser

Les fichiers du thème enfant sont stockés dans un dossier distinct pour faciliter leur réutilisation et leur partage sur plusieurs sites.

    Comment créer un thème enfant WordPress

    Méthode 1 : créer manuellement un thème enfant

    1. Création de dossiers de thèmes enfants: :
      • Accédez au répertoire racine de WordPress à l'aide d'un client FTP ou du panneau de contrôle de votre hébergeur pour créer un nouveau dossier de thème enfant dans le dossier /wp-content/themes, par exemple nommé nexter-child.
    Image [3] - Comment créer et personnaliser les sous-thèmes de WordPress : Tutoriels complets et guides pratiques - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide
    1. Création de fichiers de feuilles de style CSS: :

    L'étape suivante consiste à créer un fichier de feuille de style CSS pour le thème enfant. Ce fichier contiendra tous les styles CSS du thème enfant.

      Création de documents: :

      • Dans le panneau de contrôle de l'hébergement, trouvez l'icône "+ Fichier" dans le menu et cliquez dessus pour créer un nouveau fichier.

      Emplacement du fichier: :

      • Veillez à créer ce fichier dans le dossier du thème enfant.

      fichier nommé: :

      • Nom du fichier style.cssLorsque vous avez terminé, cliquez sur Créer un nouveau fichier pour terminer la procédure. Lorsque vous avez terminé, cliquez sur Créer un nouveau fichier pour terminer la procédure.

      Contenu du document: :

      • Ce fichier contiendra toutes les informations nécessaires au thème enfant et servira de feuille de style principale.

      Si vous utilisez un client FTP, créez le fichier CSS à l'aide de l'application Notepad sur votre ordinateur. Ce fichier peut ensuite être téléchargé dans le dossier du thème enfant de votre installation WordPress.

      1. Modification des fichiers de feuilles de style CSS
      Comment optimiser la mise en page CSS pour améliorer le classement SEO ?
      Comment optimiser la mise en page CSS pour améliorer le classement SEO ?

      Cliquez avec le bouton droit de la souris sur le fichier CSS nouvellement créé et sélectionnez dans le menu contextuelOption "Editer". Le fichier s'ouvrira comme un fichier vierge dans un nouvel onglet.

      Copiez le texte ci-dessous et collez-le dans votre fichier CSS :

        Nom du thème : Nexter Child Theme
        
        URI du thème : https://nexterwp.com
        
        Description : Il s'agit d'un thème enfant pour Nexter.
        
        Auteur : POSIMYTH
        
        URI de l'auteur : https://posimyth.com
        
        Modèle : nexter
        
        Version : 1.0.0
        
        Licence : GNU General Public License v2 ou ultérieure
        
        URI de la licence : http://www.gnu.org/licenses/gpl-2.0.html
        
        Tags : responsive-layout, deux colonnes, responsive-layout
        
        Domaine de texte : nexter-child-theme

        Cliquez sur le coin supérieur droit de l'écran"Sauvegarder les modificationspour enregistrer le fichier.

        1. Création d'un fichier de fonctions: :
          • Créez un fichier nommé functions.php dans le dossier du thème enfant et ajoutez le code suivant :
        1. Activation des sous-thèmes: :
          • Connectez-vous au panneau d'administration de WordPress et accédez à la sectionétat extérieur > thématiquetrouvez le sous-thème et cliquez sur "activer"Bouton.
        Image [5] - Comment créer et personnaliser les sous-thèmes de WordPress : Tutoriels complets et guides pratiques - photonwave.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide

        Méthode 2 : Utiliser un plugin pour créer un thème enfant

        1. Installation du plugin configurateur de thème enfant: :

        Connectez-vous au panneau d'administration de WordPress et naviguez versplug-in (composant logiciel) > Ajouter un nouveau pluginRecherche etmontage Le plugin Child Theme Configurator et cliquez sur "activer".

          Image [6] - Comment créer et personnaliser les sous-thèmes de WordPress : Tutoriels complets et guides pratiques - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide
          1. Créer des sous-thèmes: :

          Naviguer vers le tableau de bord de WordPressartefact > sous-thème

          Image [7] - Comment créer et personnaliser les sous-thèmes de WordPress : Tutoriels complets et guides pratiques - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide

          Sous l'onglet "Parent/Child", sélectionnez le thème parent et cliquez sur ".analysé"pour s'assurer que le thème s'intègre en tant que thème parent.

          Image [8] - Comment créer et personnaliser les sous-thèmes de WordPress : Tutoriels complets et guides pratiques - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide

          existentDans le champ Name new theme directory :, ajoutez le nom du dossier du thème enfant. Ensuite, dans le champ Select a location to save the new style :Les options par défaut sont conservées dans le champ, car c'est là que le style est enregistré.

          Image [9] - Comment créer et personnaliser les sous-thèmes de WordPress : Tutoriels complets et guides pratiques - photonwave.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide

          Cliquez ensuite sur "Créer un nouveau sous-thème"Bouton.

          Image [10] - Comment créer et personnaliser les sous-thèmes de WordPress : Tutoriels complets et guides pratiques - photonwave.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide
          1. Prévisualiser et activer les sous-thèmes: :

          Accédez au tableau de bord, "présentation">"thématique"Sélectionnez le sous-thème de l'aperçu

          Image [11] - Comment créer et personnaliser les sous-thèmes de WordPress : Tutoriels complets et guides pratiques - photonwave.com | Service professionnel de réparation de WordPress, portée mondiale, réponse rapide

          Après avoir vérifié que tout est en ordre, cliquez sur "Activer et libérer"Bouton.

          Image [12] - Comment créer et personnaliser les sous-thèmes de WordPress : Tutoriels complets et guides pratiques - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide

          Comment personnaliser votre thème enfant WordPress ?

          Les sous-thèmes peuvent être édités à l'aide de l'éditeur classique de WordPress ou du constructeur de pages Elementor, qui est facile à utiliser et convivial pour les débutants. Vous pouvez également installer le plugin Plus Addons d'Elementor pour ajouter davantage de fonctionnalités et de widgets à votre site web.

          Résumé :

          Cet article explique comment, en créant des thèmes enfants, vous pouvez personnaliser et étendre des thèmes existants en toute sécurité, sans craindre de perdre les paramètres personnalisés lorsque le thème parent est mis à jour.

          L'article présente deux façons de créer un thème enfant : manuellement et à l'aide d'un plugin, en suivant des étapes claires et faciles à comprendre. Il souligne également l'utilité et la sécurité des thèmes enfants dans le processus de développement, ce qui les rend idéaux pour personnaliser les sites WordPress.

          Image [13] - Comment créer et personnaliser les sous-thèmes de WordPress : Tutoriel complet et guide pratique - photonwave.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide

          Contactez nous
          Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
          Service clientèle WeChat
          Service clientèle WeChat
          Tel : 020-2206-9892
          QQ咨询:1025174874
          (iii) Courriel : info@361sale.com
          Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
          © Déclaration de reproduction
          Cet article a été écrit par : xiesong
          LA FIN
          Si vous l'aimez, soutenez-le.
          félicitations8 partager (joies, avantages, privilèges, etc.) avec les autres
          commentaires achat de canapé

          Veuillez vous connecter pour poster un commentaire

            Pas de commentaires