Comment créer un thème enfant WordPress

Vous avez trouvé un thème WordPress que vous aimez vraiment mais souhaitez personnaliser un peu son apparence? Vous pouvez facilement le faire en écrivant du code personnalisé dans la feuille de style CSS de votre thème. Cependant, ces modifications peuvent facilement se perdre lorsque vous mettez à jour le thème.

Pour éviter cela, vous pouvez créer un thème enfant, vous permettant d'effectuer autant de personnalisation que vous le souhaitez sans courir le risque de perdre ces modifications lors de la mise à jour du thème parent.

Nous vous guiderons à chaque étape du processus. Tout d'abord, clarifions un peu le jargon.

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

Un thème enfant est un thème WordPress entièrement fonctionnel qui hérite de ses fonctions et propriétés d'un autre thème, son thème parent. Lorsque vous créez un thème enfant, vous pouvez exploiter toutes les fonctionnalités du thème parent sans perdre ces fonctionnalités à chaque fois que le thème parent reçoit une mise à jour.

Vous aurez besoin de trois composants de base pour créer un thème enfant, et ceux-ci seront traités en détail lorsque nous expliquerons comment créer un thème enfant manuellement.

Tout d'abord, cependant, nous verrons rapidement comment créer un thème enfant à l'aide de générateurs de thèmes enfants gratuits et à l'aide d'un plugin.

Prêt? Entrons-y !

1. Comment créer un thème enfant à l'aide d'un générateur de thème enfant

C'est probablement la méthode la plus simple et la plus directe de toutes. Tout ce que vous avez à faire est de naviguer vers un site Web de générateur de thème enfant, d'entrer un nom pour votre thème enfant, et c'est tout.

Deux des générateurs de thèmes enfants les plus populaires sont Générateur de thèmes pour enfants Astra et Générateur de thème enfant, ce qui crée des thèmes enfants pour le thème populaire Astra.

Le thème Astra est un thème WordPress populaire, léger et rapide qui convient à la création de tout type de site Web. C'est aussi l'un des les meilleurs thèmes WordPress gratuits de 2021, c'est donc un bon choix pour créer votre site Web. Pour utiliser Astra Child Theme Generator, vous devez d'abord installer le thème Astra.

Pour créer ensuite votre nouveau thème enfant, connectez-vous simplement sur Générateur de thèmes pour enfants Astra, entrez le nom que vous souhaitez pour votre nouveau thème enfant, cliquez sur produire, et c'est tout!

Votre nouveau thème enfant sera automatiquement téléchargé sous forme de dossier zip. Installez-le et activez-le comme vous le feriez pour tout autre thème.

2. Comment créer un thème enfant à l'aide d'un plugin

Cette méthode est presque aussi simple que d'utiliser un générateur de thème enfant en ligne. Il existe de nombreux plugins de générateur de thème enfant, mais nous vous recommandons d'utiliser l'une des options les plus populaires—Configurateur de thème enfant.

Pour commencer, installez et activez le plugin à partir du référentiel WordPress. Dans le panneau de gauche, survolez Outils, puis cliquez sur Thèmes pour enfants.

Pour créer votre thème enfant, cochez CRÉER un nouveau thème enfant, puis faites défiler vers le bas et sélectionnez le thème parent. Cliquez sur Analyser et attendez les résultats. Si tous vos fichiers de thème sont en ordre, vous verrez alors des options supplémentaires à l'écran. Vous pouvez ignorer la plupart d'entre eux ou apporter des modifications le cas échéant.

Pour donner vie au thème de votre enfant, cliquez simplement sur le bouton Créer un nouveau thème enfant bouton en bas de l'écran, et c'est tout.

Naviguez jusqu'à Apparence > Thèmes, et votre nouveau thème enfant sera visible et prêt à être activé.

L'utilisation d'un générateur de thème enfant ou d'un plugin de générateur de thème enfant sont deux excellentes solutions faciles à mettre en œuvre et ne nécessitant pas de compétences techniques avancées. Si vous souhaitez vous mettre sous le capot et jouer un rôle plus actif dans la création de votre nouveau thème enfant, la méthode suivante est pour vous.

3. Comment créer un thème enfant manuellement

La création manuelle d'un thème enfant est beaucoup plus intéressante que l'une ou l'autre des deux méthodes précédentes, mais elle reste relativement simple à réaliser.

Vous aurez besoin de trois composants de base: un fichier de thème pour votre thème enfant, un style.css feuille de style et une fonctions.php déposer.

1. Créer un fichier de thème

Vous pouvez le faire dans cPanel ou en utilisant FTP. Nous vous recommandons d'utiliser cPanel si votre service d'hébergement le fournit. Se connecter à cPanel > Gestionnaire de fichiers > Fichiers > Public_html > wp-content > thèmes.

Clique sur le +Dossier dans le menu du haut pour créer un nouveau dossier. Vous devez le nommer d'après le nom du thème parent, en ajoutant "-child" à la fin. Si vous utilisez le thème Twenty Twenty-One, par exemple, cela ressemblera à: "twentytwentyone-child".

2. Créer un fichier Style.css

Style.css est la convention de nommage WordPress par défaut pour les feuilles de style CSS. C'est là que ira tout le CSS de votre thème enfant, mais vous pouvez attendre de créer le CSS jusqu'à ce que vous ayez complètement configuré votre thème enfant.

Créer un style.css fichier, cliquez simplement sur le +Fichier option dans le menu du haut. La feuille de style doit aller dans le nouveau dossier de thème que vous venez de créer. Dans le nouveau fichier, collez le commentaire suivant :

/*
Nom du thème: Vingt vingt et un enfant
URI du thème: http://example.com/twenty-twenty-one-child/
Description: Thème Twenty Twenty One Child
Auteur: Jane Doe
URI de l'auteur: http://example.com
Modèle: vingt-et-un
Version: 1.0.0
Licence: GNU General Public License v2 ou version ultérieure
URI de la licence: http://www.gnu.org/licenses/gpl-2.0.html
Tags: clair, sombre, deux colonnes, barre latérale droite, mise en page réactive, prêt pour l'accessibilité
Domaine du texte: vingt-et-unenfant
*/

Ceci est un commentaire et ne sera pas exécuté au moment de l'exécution, mais sans lui, votre fichier de feuille de style CSS ne fonctionnera pas. Enregistrez le fichier sous style.css.

3. Créer un fichier Functions.php

Tout comme vous avez ajouté un nouveau fichier et l'avez appelé style.css, ajoutez un nouveau fichier et appelez-le fonctions.php. Collez le code ci-dessous :

php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
fonction enqueue_parent_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

C'est ça! Vous disposez maintenant des trois composants requis pour que votre thème enfant fonctionne. Pour le finaliser, retournez dans votre backend WordPress et activez le thème comme vous le feriez pour n'importe quel autre thème.

Premiers pas avec les thèmes enfants WordPress

Les thèmes enfants sont un moyen utile d'apporter des modifications à votre thème WordPress sans avoir à vous soucier des mises à jour du thème parent. Dans cet article, nous vous avons montré trois méthodes différentes et faciles à utiliser pour créer un thème enfant. Si tout ce que vous recherchez est de créer des conceptions personnalisées pour vos pages Web, une alternative efficace consiste à utiliser un constructeur de pages WordPress.

Comment changer de pays/région dans le Google Play Store

Besoin de changer votre pays Google Play Store? Voici comment modifier le pays Google Play Store de votre compte sur un téléphone Android.

Lire la suite

A propos de l'auteur