TechBlogSD - Tout pour le développement WordPress et WEB
Instructions WEB et WordPress, actualités, revues de thèmes et plugins

Comment utiliser le plugin WordPress Child Theme Configurator ?

42

Dans notre article précédent, nous avons expliqué la manière manuelle de créer un thème enfant dans WordPress. Si vous vous sentez épuisé par toutes ces étapes manuelles, ne vous inquiétez pas, vous n’êtes pas seul. La personnalisation du thème parent en particulier en découvrant les classes CSS individuelles de parent style.css est plus technique pour un débutant WordPress. Heureusement, il existe de nombreux plugins utiles pour faciliter l’ensemble du processus tout en vous permettant de personnaliser davantage. Child Theme Configurator est l’un de ces plugins qui permet de créer et de personnaliser des thèmes enfants dans WordPress. Dans cet article, nous discuterons étape par étape du processus d’utilisation du plugin Child Theme Configurator.

Pourquoi un plug-in de configuration de thème enfant ?

Nous avons essayé plusieurs plugins pour créer un thème enfant et recommandons Child Theme Configurator pour les raisons suivantes :

  • Le plugin est mis à jour et pris en charge en permanence.
  • Bons avis d’utilisateurs avec plus de 70 000 installations actives.
  • Interface très simple d’utilisation.
  • Bonne documentation disponible dans le tableau de bord de l’administrateur.
  • Création de thème enfant en un clic.
  • Facile à personnaliser CSS et à modifier les fichiers de modèle.

Comment utiliser le plugin WordPress Child Theme Configurator ?

Plugin WordPress du configurateur de thème enfant

Enfin c’est gratuit avec toutes ces options !!! Des extensions premium sont disponibles, mais nous pensons que pour un débutant, la version gratuite est suffisante pour créer et personnaliser un thème enfant.

Comment créer un thème enfant avec ce plugin ?

Accédez à «Plugins > Ajouter un nouveau» et recherchez «Thème enfant» pour trouver le plugin «Configurateur de thème enfant ». Installez et activez le plugin ; il ajoutera un menu d’administration «Outils > Thèmes enfants» dans le tableau de bord d’administration WordPress. En cliquant sur le menu « Thèmes enfants » vous montrera les options comme ci-dessous :

Comment utiliser le plugin WordPress Child Theme Configurator ?

Analyse du thème parent

Par défaut, il n’y aura initialement qu’une seule action « Créer un nouveau thème enfant » et le thème actif de votre site sera sélectionné comme thème parent. Vous pouvez choisir le thème parent (dans notre exemple, nous utilisons vingt-seize) dans la liste déroulante et cliquer sur le bouton « Analyser » pour obtenir les dépendances et autres problèmes.

Un message de réussite s’affichera ainsi que d’autres options (de 4 à 9) chargées qui peuvent être personnalisées selon vos besoins.

Comment utiliser le plugin WordPress Child Theme Configurator ?

Choix du nom et de la feuille de style du répertoire du thème enfant

Nommez le nouveau répertoire de thèmes

Le plugin créera automatiquement le nom du répertoire du thème enfant en ajoutant "-child" au nom du thème parent. Dans notre exemple, il s’agit de « vingt-seize enfants » et nous le laissons tel quel. Vous pouvez donner n’importe quel nom si vous souhaitez modifier le nom du répertoire de votre thème enfant. Notez que ce n’est pas le nom du thème enfant ; c’est le répertoire dans lequel le thème enfant sera stocké. Le plugin créera ce répertoire dans le dossier "wp-content" sous le nom "/wp-content/twentysixteen-child/".

Sélectionnez où enregistrer les nouveaux styles

Le plugin propose deux options pour enregistrer la feuille de style du thème enfant. Si vous n’avez pas de thème enfant existant, choisissez l’option de feuille de style principale pour créer un fichier style.css dans le répertoire de votre thème enfant. Si vous avez un répertoire de thème enfant existant, le plugin remplacera le fichier style.css existant par le nouveau style.css généré.

Si vous ne souhaitez pas écraser les styles de thème enfant existants, choisissez une option de feuille de style distincte pour utiliser cette feuille de style en plus de la feuille de style du thème enfant existant.

Sélection de la gestion des feuilles de style du thème parent

La méthode recommandée consiste à choisir l’option « utiliser la file d’attente de style WordPress» pour utiliser le fichier functions.php de votre thème enfant pour mettre en file d’attente le style du thème parent dans le thème enfant. Vous pouvez également utiliser l’option « Utiliser @import » pour importer le style.css du thème parent dans le style.css du thème enfant (cela n’est pas recommandé).

Comment utiliser le plugin WordPress Child Theme Configurator ?

Thème parent de mise en file d’attente

Si vous ne souhaitez pas utiliser le style du thème parent, choisissez l’option "ne pas ajouter de gestion de feuille de style parent". Si vous utilisez un framework de thème comme Genesis, choisissez l’option "Ignorer les feuilles de style du thème parent".

Personnalisez le nom du thème enfant, la description, l’auteur, la version, etc.

Dans cette section, définissez les détails requis comme le nom de votre thème enfant, la description, le nom de l’auteur, etc.

Comment utiliser le plugin WordPress Child Theme Configurator ?

Personnalisation des détails du thème enfant

Voici l’endroit où vous pouvez fournir le nom réel du thème enfant qui apparaîtra sous "Apparence> Thèmes" pour l’activer plus tard.

Offre SEO : Optimisez votre site avec Semrush Pro spécial essai gratuit de 14 jours.

Copiez les menus, widgets et autres paramètres de personnalisation du thème parent vers le thème enfant :

L’un des vrais problèmes lors de la création d’un thème enfant manuel est que les éléments spécifiques au thème parent comme les menus, les widgets, les options, l’arrière-plan, etc. disparaîtront sur le thème enfant. Le plugin Child Theme Configurator aide à surmonter ce problème intelligemment en permettant de copier ces éléments à partir du thème parent. Cochez cette option pour conserver les menus, les widgets et les paramètres de thème de votre thème parent sur le thème enfant également.

Comment utiliser le plugin WordPress Child Theme Configurator ?

Création d’un nouveau thème enfant dans WordPress avec le plugin

Après avoir choisi toutes les personnalisations requises, cliquez sur le bouton « Créer un nouveau thème enfant ». Vous verrez un message de réussite comme ci-dessous avec de nombreux autres onglets supplémentaires.

Comment utiliser le plugin WordPress Child Theme Configurator ?

Options du configurateur de thème enfant

Style.css est le seul fichier requis pour votre thème enfant lorsque vous avez choisi la méthode @import. Si vous avez choisi la méthode de mise en file d’attente recommandée, il y aura deux fichiers style.css et functions.php. Semblable aux modifications manuelles, beaucoup de choses peuvent être faites avec le plugin Child Theme Configurator.

Modification des fichiers de modèle

Tous les fichiers modèles modifiables seront répertoriés sous l’onglet « Fichiers ». Alors que le fichier functions.php sera disponible par défaut sous les fichiers de thème enfant, vous pouvez copier d’autres fichiers de modèle dans votre thème enfant pour modification. Certains des fichiers modèles disponibles qui peuvent être modifiés sont 404.php, archive.php, page.php, single.php, header.php, etc.

Comment utiliser le plugin WordPress Child Theme Configurator ?

Copie de fichiers de modèle de thème parent pour le thème enfant

Sélectionnez le fichier dans la section "Fichiers de thème enfant" et modifiez-le à l’aide de l’éditeur de thème WordPress par défaut. Vous disposez également des options suivantes sous l’onglet « Fichiers » :

  • Téléchargez des images de thème personnalisées à utiliser dans la feuille de style. Les images téléchargées seront répertoriées sur la même page qui peut être sélectionnée et supprimée.

Comment utiliser le plugin WordPress Child Theme Configurator ?

Télécharger des images de thème enfant personnalisé

Les images de thème sont stockées dans le dossier "/twentysixteen-child/images/" et ne peuvent être utilisées que dans la feuille de style du thème enfant. Toutes les autres images téléchargées sur la publication/la page seront disponibles dans la médiathèque.

  • Téléchargez une capture d’écran personnalisée pour le thème enfant qui peut être vu sous "Apparence> Thèmes".
  • Exportez l’archive zip du thème enfant complet pour le stockage local.

L’une des erreurs commises par les utilisateurs lors du processus de création manuelle du thème enfant est de ne pas prendre soin de la structure du répertoire. Le plugin fait du très bon travail en le faisant automatiquement lors de la copie de fichiers tels que "/template-parts/content.php". Il crée automatiquement la même structure sous le thème enfant comme "twentysixteen-child/template-parts/content.php" et assure le fonctionnement de ce modèle à partir du thème enfant.

Personnalisation CSS

Trouver la propriété CSS et le sélecteur est un problème principal lors de l’utilisation de thèmes enfants manuels et le plugin Child Theme Configurator permet de surmonter facilement ce problème. Il existe deux onglets « Requête/Sélecteur » et « Propriété/Valeur » qui peuvent être utilisés pour identifier le style requis à partir du thème parent et le modifier.

L’onglet « Requête/Sélecteur » permet de trouver un sélecteur spécifique pour toute requête @media et de le modifier. Par exemple, si vous souhaitez modifier la couleur d’arrière-plan du corps de votre thème parent, laissez le champ "@media Query" tel qu’il ressemble à "base" et entrez "body" pour le sélecteur. Vous verrez toutes les valeurs de propriété pour le corps et cliquez sur le corps pour afficher l’écran comme indiqué ci-dessous :

Comment utiliser le plugin WordPress Child Theme Configurator ?

Modification du CSS en fonction de la requête multimédia et du sélecteur

Ici, vous pouvez modifier la couleur d’arrière-plan (et toute autre valeur comme la marge, le remplissage, etc.) et l’enregistrer en tant que valeurs de thème enfant.

Semblable à "Query/Selector", vous pouvez utiliser "Property/Value" pour modifier le CSS parent. Par exemple, saisissez « background » sur la valeur de la propriété et choisissez « background-color » dans la liste déroulante pour modifier la couleur d’arrière-plan du site complet.

Comment utiliser le plugin WordPress Child Theme Configurator ?

Personnalisation du CSS du thème parent avec la propriété / la valeur

Affichage des feuilles de style du thème parent/enfant

Les onglets « Styles de base » et « Styles enfants » affichent respectivement les feuilles de style correspondantes des thèmes parent et enfant.

Comment utiliser le plugin WordPress Child Theme Configurator ?

Feuille de style du thème enfant

Importation de polices personnalisées

Vous pouvez importer toutes les polices Web telles que les polices Google sous l’onglet "Polices Web" avec la requête @import.

Enfin, vous pouvez supprimer, dupliquer et analyser le thème enfant sous l’onglet "Parent/Enfant". Ces options ne s’afficheront qu’une fois que vous aurez créé un thème enfant valide à l’aide de ce plugin.

Activation du thème enfant

Le thème enfant nouvellement créé peut être vu sur le tableau de bord de l’administrateur WordPress sous « Apparence > Thèmes ». Il est fortement recommandé de prévisualiser le site avec le thème enfant avant de l’activer pour vérifier que tout va bien comme prévu.

Comment utiliser le plugin WordPress Child Theme Configurator ?

Activation du thème enfant dans WordPress

L’option « Déboguer » disponible dans le coin supérieur droit lorsqu’elle est activée affiche les activités en bas de la page. Cela peut être utilisé pour le dépannage au cas où vous rencontrez des problèmes lors de la création du thème enfant. Cliquez sur le bouton « Aide » pour afficher une documentation extrêmement utile directement depuis le tableau de bord de l’administrateur.

Source d’enregistrement: www.webnots.com

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails