Pourquoi ne devriez-vous jamais personnaliser WordPress dans le thème parent existant ? Qu'advient-il de 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 vos directives et préférences de marque et de messagerie sera également perdu.

Un thème enfant vous permet de créer une feuille de style CSS distincte^{(child theme enables you to create a separate CSS stylesheet)} et d'ajouter 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 créateur de thème enfant. Commençons par le processus manuel.

Créer un nouveau répertoire^{(Create a New Directory)}

Commencez^(Start) par créer un nouveau répertoire pour votre thème enfant. Vous pouvez utiliser un client FTP^{(FTP client)} ou accéder à votre répertoire wp-content/themes existant via votre cPanel.

Pour utiliser cPanel, accédez au panneau de contrôle de votre hébergement. Sélectionnez le gestionnaire de fichiers^{(file manager)} et accédez au répertoire où WordPress est installé.

Cela se trouve généralement dans un répertoire nommé public_html . Localisez et ouvrez le dossier wp-content . Cliquez sur créer un nouveau dossier^{(create new folder)} et entrez un nom pour votre thème enfant. Assurez-vous de lui donner un nom que vous reconnaîtrez plus tard. Un bon exemple est nameofparenttheme-child .

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.

Créer une feuille de style CSS^{(Create a CSS Stylesheet)}

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.

Vous ne voudrez peut-être pas ajouter de nouveaux styles dans le thème enfant. Cependant, la feuille de style doit toujours exister pour définir des spécificités telles 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. Ainsi, 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.

Le fichier CSS^(CSS) du thème enfant aura alors 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.

Assurez-vous d'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é.

Vous voulez 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 où 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éez un fichier functions.php dans le thème enfant (dans le même répertoire que le fichier style.css que vous avez créé). C'est là que des éléments tels que des formats de publication supplémentaires doivent être ajoutés.

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

Pour des choses comme les formats de publication qui sont ajoutés avec un add_theme_support() , ils agissent comme des remplacements au lieu de fusions.

Lorsque vous utilisez add_theme_support() , vous devez prendre quelques mesures supplémentaires pour vous assurer que le thème enfant remplace le parent.

Cela peut devenir compliqué, alors référez-vous à l'article actuel de William Patton, responsable de l' équipe de révision des thèmes WordPress , ^{(WordPress Theme Review Team)}sur l'utilisation des formats de publication WordPress^{( post on using WordPress post formats)} . 

Ajouter des styles et des scripts pour remplacer la fonctionnalité du thème parent^{(Add Styles & Scripts To Override Parent Theme Functionality)}

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 modifier l'apparence de votre site Web. Les scripts^(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 la façon d'y parvenir.

La mise en file d'attente fait référence à la manière 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 il améliore également l'expérience utilisateur.

Comment utiliser 'wp_enqueue'^{(How To Use ‘wp_enqueue’)}

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

Cette fonction prend quelques informations, mais les plus importantes sont le nom (ou "handle") et l'emplacement du fichier.

Dans le fichier functions.php , ajoutez le code suivant.

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

Activez votre thème enfant^{(Activate Your Child Theme)}

Si vous avez créé les fichiers de votre thème enfant sur le serveur dans le dossier wp-content/themes/yourthemename , il sera alors disponible dans votre tableau de bord WordPress pour que vous puissiez l'activer.

• Connectez-vous à votre tableau de bord.
• Allez dans Appearance > Themes .
• Votre thème enfant doit être répertorié.
• Sélectionnez Aperçu^(Preview) pour voir à quoi ressemble le site avec le nouveau thème enfant.
• Une fois que vous êtes satisfait de son apparence, cliquez sur Activer^{(Activate )} pour le mettre en ligne.

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

• Connectez-vous à votre tableau de bord WordPress.
• Allez dans Appearance > Themes .
• Cliquez sur Ajouter nouveau^{(Add new)} .
• Choisissez Télécharger le thème^{(Upload Theme)} .
• Faites glisser^(Drag) votre fichier compressé dans la nouvelle boîte qui apparaît ou cliquez sur le sélecteur de fichier et accédez-y sur votre ordinateur.
• Une fois qu'il a été téléchargé, vous pouvez le prévisualiser puis l'activer.

Ajouter des fichiers modèles^{(Add Template Files)}

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 remplacements. Ajustez ensuite le contenu des modèles selon vos besoins.

Pour ajouter de nouveaux modèles^{(To add new templates)} , il suffit 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 .

Utiliser un plugin WordPress^{(Use a WordPress Plugin)}

Connectez^(Log) -vous à votre tableau de bord WordPress . Cliquez^(Click) sur Plugins > Add New . Rechercher un thème enfant.^{(child theme.)}

Le premier plugin que vous verrez est le Child Theme Configurator . 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.

Cliquez sur Install now > Activate . L'étape suivante consiste à accéder à Outils^(Tools) , puis à sélectionner des thèmes enfants.^{(child themes.)}

Recherchez^(Find) et sélectionnez votre thème parent dans le menu déroulant. Choisissez analyser^(analyze) pour vous assurer que votre thème peut être utilisé comme thème enfant.

Vous trouverez ci^(Below) -dessous un didacticiel étape par étape sur la configuration du configurateur de thème enfant^{(Child Theme Configurator)} . Si vous décidez d'utiliser un autre plugin WordPress , vous pouvez facilement trouver un tutoriel sur la façon de le configurer également.^(WordPress)

Comme vous le savez maintenant, les thèmes enfants sont des thèmes distincts qui s'appuient 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 la fonctionnalité de l'enfant s'il existe.

Économisez 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.

How To Create a WordPress Child Theme

Why should you never customize WordPress in the existing parent theme? What happens to your customizations when the thеme you are using is updated?

The answer is they are lost, and your hard work to create your site according to your brand and messaging guidelines and preferences will also be lost.

A child theme enables you to create a separate CSS stylesheet and add additional functionality that will not be lost or affected when the parent theme is updated.

This can be done manually or by installing a child theme creator plugin. Let’s start with the manual process.

Create a New Directory

Start by creating a new directory for your child theme. You can use an FTP client or access your existing wp-content/themes directory via your cPanel.

To use cPanel, go to your hosting control panel. Select file manager and navigate to the directory where WordPress is installed.

This is usually in a directory named public_html. Locate and open the wp-content folder. Click on create new folder and input a name for your child theme. Be sure to give it a name that you will recognize later. A good example is nameofparenttheme-child.

Do not include any spaces in your file name to avoid errors.

Due to internal handling, the folder name must include the name of the parent theme (theme ‘slug’) as shown in the example below.

Create a CSS Stylesheet

Stylesheets are used in WordPress themes for two reasons.

• It is the location of the styles that affect how your site looks.
• A theme’s main stylesheet is where WordPress looks to find information about the theme.

You may not want to add any new styles in the child theme. However, the stylesheet still needs to exist to define specifics such as your theme name and the parent theme name.

Therefore, you need to create a new stylesheet for your child theme. So, your next step is to create a text file for the CSS stylesheet that will define the rules that control the look of your child theme.

The child theme CSS file will then take precedence over the parent theme.

You need to include the following information in your text file:

• Your theme’s name.
• The name of the parent theme directory.
• Title and description that makes sense.

Be sure to include in the stylesheet the following header comment at the top of the file. WordPress will read this information and know that a child theme is being used.

You want to pay close attention to the template tag. It tells WordPress what the parent theme of your child is. Note that the folder where your parent theme is located is case sensitive.

Technically, you can now activate your child theme. However, if you want to create a more complex child theme, you will need to add custom PHP functions.

Create a functions.php file in the child theme (in the same directory as the style.css file you made). This is where things like additional post formats should be added.

As with your CSS file, the changes or additions to your PHP file will automatically be merged with or override the parent’s functions.

For things like post formats that are added with an add_theme_support(), they act as overrides instead of merges.

When using add_theme_support(), you need to take some additional steps to ensure that the child theme overrides the parent.

This can get complicated, so refer to the current WordPress Theme Review Team lead William Patton’s post on using WordPress post formats. 

Add Styles & Scripts To Override Parent Theme Functionality

Your next step is to make sure your child theme either inherits the parent theme’s features and styles or reflects the new ones you want to use.

Styles are used to changing the appearance of your website. Scripts enhance functionality. The way styles and scripts are added to your WordPress site is as essential as the contents of the files.

WordPress’ enqueue functionality is how to get this accomplished.

Enqueueing refers to the way styles and scripts are added to WordPress sites so that they can affect what users see when they visit your site.

Using numerous plugins to achieve the same result often leads to compatibility issues and broken sites.

Wp_enqueue not only improves your website’s performance by way of reducing plugin overhead, but it also enhances the user experience.

How To Use ‘wp_enqueue’

To output the styles for your child theme, you will need to use a function called wp_enqueue_style().

This function takes a few bits of information, but the most important is the name (or ‘handle’) and the location of the file.

Inside the functions.php file add the following code.

This code adds the stylesheet from the parent directory and then also adds the stylesheet for the child which we created earlier. Note that the parent-style text should match the name of the parent theme with -style added to the end.

Activate Your Child Theme

If you created the files for your child theme on the server inside the wp-content/themes/yourthemename folder, it would then be available in your WordPress dashboard for you to activate.

• Log into your dashboard.
• Go to Appearance > Themes.
• Your child theme should be listed.
• Select Preview to see how the site looks with the new child theme.
• Once you are satisfied with how it looks, click Activate to make it go live.

If you created your child theme somewhere other than on the server in the wp-content/themes/yourthemename folder, then you should zip your new child theme folder.

• Log into your WordPress dashboard.
• Go to Appearance > Themes.
• Click Add new.
• Choose Upload Theme.
• Drag your zipped file to the new box that appears or click the file selector and browse to it on your computer.
• Once it has been uploaded, then you can preview it and then activate it.

Add Template Files

To override other templates, you can copy them from the parent theme into the child theme. Any template files that have the same name in the child as in the parent act as overrides. Then adjust the contents of the templates as needed.

To add new templates, it’s just a case of making a new file with the correct name and adding your own content. The above section explains the manual process.

Now let’s go over how to create child themes with a WordPress plugin.

Use a WordPress Plugin

Log into your WordPress dashboard. Click on Plugins > Add New. Search for child theme.

The first plugin you will see is the Child Theme Configurator. This is a good choice, as seen in the screenshot above, because it:

• Is compatible with the current version of WP.
• Has a lot of installations.
• Was recently updated.

Click on Install now > Activate. The next step is to navigate to Tools and then select child themes.

Find and select your parent theme from the drop-down menu. Choose analyze to make sure your theme is ok to use as a child theme.

Below is a step-by-step tutorial on how to set up Child Theme Configurator. If you decide to use a different WordPress plugin, you can easily find a tutorial on how to set it up as well.

As you now know, child themes are distinct themes that rely on their parent theme for some of their functionality.

When you use a child theme, WordPress will look for the child before the parent and follow the styling and functionality of the child if it exists.

Save yourself a lot of time, trouble, and future headaches when the parent theme updates by creating a child that will not be affected by the update.

Related posts

• Création Child Theme dans WordPress

• Comment configurer votre propre site Web de type Twitter en utilisant le thème P2 de WordPress

• Comment déplacer WordPress site d'un hôte à un autre

• Comment installer et installer WordPress sur Microsoft Azure

• Comment faire pour exécuter rapidement WordPress sur blazingly Microsoft Azure

• Comment sauvegarder votre site WordPress

• Comment créer un blog Wix aussi bon que WordPress

• Comment accélérer n'importe quel site WordPress en utilisant .HTACCESS

• Comment utiliser WP Super Cache sur le blog WordPress

• 9 plugins indispensables pour les nouvelles installations de WordPress

• WordPress Jetpack : qu'est-ce que c'est et vaut-il la peine d'être installé ?

• Comment passer de l'éditeur WordPress classique à Gutenberg

• 7 conseils WordPress pour un site Web adapté aux mobiles

• Comment installer un thème sur WordPress

• Comment faire un WordPress Site Secure

• Tutoriel WordPress Gutenberg : Comment utiliser le nouvel éditeur

• Le meilleur format d'écriture de blog pour faire passer vos points

• Comment installer WordPress sur Google Cloud Platform

• WordPress montre HTTP Error lorsque les images de téléchargement des

• Comment configurer manuellement WordPress sur un domaine