43.16. Développement de thèmes à partir de zéro : création de thèmes enfants

WordPress est une plateforme puissante qui permet aux utilisateurs de créer des sites Web dynamiques et personnalisés. L’un des moyens les plus efficaces de personnaliser un site Web WordPress consiste à développer un thème. Un thème définit l'apparence du site Web et peut être personnalisé pour répondre à tous les besoins. Dans ce chapitre, nous explorerons la création de Thèmes enfants, une technique avancée qui permet aux développeurs de modifier les thèmes existants sans perdre la possibilité de mettre à jour le thème parent.

Pourquoi créer un thème enfant ?

Un thème enfant est un thème qui hérite des fonctionnalités et du style d'un autre thème, appelé thème parent. Le principal avantage de l’utilisation d’un thème enfant est qu’il vous permet de personnaliser votre site Web sans modifier directement les fichiers du thème parent. Ceci est important car si vous modifiez directement un thème et qu'il reçoit une mise à jour, vos modifications seront perdues. Avec un thème enfant, vous pouvez mettre à jour le thème parent sans craindre de perdre vos personnalisations.

Préparation à la création du thème enfant

Avant de créer un thème enfant, vous devez avoir un thème parent installé sur votre WordPress. Le thème parent peut être un thème gratuit du référentiel WordPress, un thème premium que vous avez acheté ou un thème personnalisé que vous ou quelqu'un d'autre avez développé.

Étapes pour créer un thème enfant

Pour créer un thème enfant, suivez les étapes ci-dessous :

  1. Créez un nouveau dossier : Dans le répertoire /wp-content/themes/ de votre WordPress, créez un nouveau dossier pour votre thème enfant. Il est recommandé de nommer ce dossier avec le nom du thème parent suivi de -child. Par exemple, si votre thème parent s'appelle twentytwenty, vous pouvez nommer votre dossier twentytwenty-child.
  2. Créez le fichier style.css : Dans le dossier Thème enfant, créez un fichier appelé style.css. Ce fichier doit contenir l'en-tête du thème avec des informations sur votre thème enfant. Voici un exemple d'en-tête :
/* Nom du thème : Vingt vingt enfants URI du thème : http://votresite.com/twentytwenty-child/ Description : Thème Twenty Twenty Enfant Auteur : Votre nom URI de l'auteur : http://votresite.com/ Modèle : vingtvingt Version : 1.0.0 */

Notez que le champ Modèle doit contenir le nom du dossier du thème parent. Ceci est essentiel pour que WordPress sache quel thème étend votre thème enfant.

  1. Mettre en file d'attente les styles du thème parent : Pour que votre thème enfant hérite des styles du thème parent, vous devez mettre correctement en file d'attente le fichier style.css du thème parent. Cela se fait via le fichier functions.php de votre thème enfant. Créez un fichier functions.php dans votre dossier Thème enfant et ajoutez le code suivant :
<?php add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' ); fonction enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); } ?>
  1. Activer le thème enfant : Accédez au panneau d'administration de WordPress, allez dans Apparence > Thèmes et activez votre thème enfant.

Personnalisation du thème enfant

Une fois le thème enfant actif, vous pouvez commencer à le personnaliser. Vous pouvez ajouter de nouveaux styles dans le fichier style.css du thème enfant, écraser les fichiers modèles en les copiant du thème parent vers le thème enfant et en les modifiant, et ajouter de nouvelles fonctionnalités via les fonctions du fichier . .php.

Considérations finales

Créer un thème enfant est une bonne pratique pour quiconque souhaite personnaliser un thème WordPress. Cela vous permet de conserver vos personnalisations sécurisées et séparées du thème parent, facilitant ainsi la maintenance et les mises à jour futures. De plus, travailler avec les thèmes enfants est un excellent moyen d'en apprendre davantage sur le développement de thèmes WordPress, car vous pouvez explorer et comprendre comment les thèmes sont construits et comment ils fonctionnent.

Avec de la pratique et du temps, développer des thèmes pour enfants peut devenir une seconde nature, vous permettant de créer des sites Web de plus en plus complexes et personnalisés pour vous-même ou vos clients. N'oubliez pas de toujours suivre les meilleures pratiques et de garder votre code organisé et bien documenté pour faciliter le travail d'équipe et les futures mises à jour.

Répondez maintenant à l’exercice sur le contenu :

Quel est le but de créer un thème enfant dans WordPress ?

Tu as raison! Félicitations, passez maintenant à la page suivante

Vous avez raté! Essayer à nouveau.

Image de l'article Développement de thèmes à partir de zéro : soumission de thèmes à l'annuaire officiel WordPress

Page suivante de lebook gratuit :

90Développement de thèmes à partir de zéro : soumission de thèmes à l'annuaire officiel WordPress

0 minutes

Obtenez votre certificat pour ce cours gratuitement ! en téléchargeant lapplication Cursa et en lisant lebook qui sy trouve. Disponible sur Google Play ou App Store !

Get it on Google Play Get it on App Store

+ 6,5 millions
d'étudiants

Certificat gratuit et
valide avec QR Code

48 mille exercices
gratuits

Note de 4,8/5 dans les
magasins d'applications

Cours gratuits en
vidéo, audio et texte