Découvrez la procédure pas-à-pas pour créer un thème enfant WordPress.
Utiliser un thème « tout fait » est un gros gain de temps quand on créé son site web avec WordPress. Après des heures de recherche, vous avez enfin trouvé votre bonheur…mais il lui manque quelques détails pour vous satisfaire complètement.
Dans ce cas, pour modifier un thème wordpress existant, vous devriez créer un thème enfant.
Ce « sous-thème », relié au thème principal (le thème « parent »), ne contiendra que les modifications apportées par vos soins. Vous pouvez ainsi modifier le thème wordpress existant sans prendre le risque de perdre l’ensemble du thème en cas d’erreurs.
Comment créer un thème enfant WordPress ?
1. Exploration des thèmes WordPress
Si vous avez déjà installé WordPress, vous êtes probablement familiarisé avec le thème par défaut, le Twentyeleven. Pour localiser ce thème sur votre serveur, rendez-vous dans le dossier wp-content et ensuite dans themes.
2. Création du répertoire du thème enfant
Dans le dossier themes, créez un nouveau répertoire. Il est courant de le nommer en référence au thème parent, par exemple, twentyeleven-child. C’est dans ce répertoire que vous ajouterez ou modifierez des fichiers.
3. Mise en place du fichier style.css
Créez un fichier style.css dans votre nouveau répertoire. Ce fichier est essentiel car il informe WordPress de l’existence de votre thème enfant. Dans ce fichier, ajoutez des commentaires pour décrire votre thème et n’oubliez pas d’ajouter une référence au thème parent avec la ligne Template: twentyeleven.
4. Activation du thème enfant
Retournez dans l’interface d’administration de WordPress, sous « Apparence » puis « Thèmes », et activez votre nouveau thème enfant.
5. Intégration du style du thème parent
Si vous remarquez que le style du thème parent n’est pas intégralement repris, vous devrez importer ce style dans le style.css de votre thème enfant. Pour ce faire, ajoutez la ligne @import url('../twentyeleven/style.css');.
6. Personnalisation et modifications
Avec votre thème enfant actif, vous pouvez désormais :
- Modifier le CSS dans le fichier
style.css. - Copier et personnaliser les templates PHP du thème parent.
- Ajouter de nouvelles fonctions en utilisant le fichier
functions.php.
N’oubliez pas : lors de la personnalisation, si vous souhaitez modifier un fichier spécifique, copiez-le depuis le thème parent vers le thème enfant et effectuez-y vos modifications.
J’espère que cet article vous a aidé, vous trouverez ici la liste des thèmes que j’utilise.
- Pourquoi utiliser un thème enfant WordPress ?
- Un thème enfant conserve vos modifications après les mises à jour du thème parent, vous n’avez donc pas à vous soucier de perdre vos personnalisation.
- Y a-t-il des risques à modifier le thème parent directement ?
- Oui, en modifiant le thème parent, vos modifications peuvent être écrasées lors des mises à jour, ce qui entraîne la perte de votre travail.
- Comment garantir la compatibilité entre le thème enfant et les mises à jour du thème parent ?
- Testez chaque mise à jour du thème parent avec votre thème enfant dans un environnement de développement avant de les appliquer sur votre site en production.
- Quelles compétences sont nécessaires pour créer un thème enfant ?
- Des connaissances de base en HTML, CSS, et PHP sont nécessaires, ainsi qu’une compréhension du fonctionnement de WordPress.
- L’utilisation d’un thème enfant affecte-t-elle la vitesse du site ?
- Non, un thème enfant n’affecte pas négativement la performance de votre site. En réalité, il facilite la gestion des performances en vous permettant de conserver les modifications séparément.
