Modifier son thème WordPress sans le modifier : le thème enfant

Le roi des CMS, est utilisé par près d’un quart des sites web du monde et il existe une quantité astronomiques de thèmes gratuits ou payants pour exploiter la bête.

Mais il n’est pas rare de devoir modifier le code source du thème choisi afin d’en changer le fonctionnement ou l’interface. Cela peut aller d’un simple changement de couleur de fond, de taille de police, à l’intégration de fonctionnalités poussées que le thème ne prévoit pas nativement.

Pas n’importe comment

Le souci, c’est que le thème choisi va certainement être amené à être mis à jour par son éditeur afin de suivre l’évolution des capacités de WP, de rester efficace face aux intrusions diverses ou, tout simplement, pour s’améliorer.

Si le code du thème a été modifié, la mise à jour va écraser ces modifications.

Il existe une solution très simple à mettre en œuvre, la création d’un thème enfant.

Un thème enfant ?

Le principe est très simple, il s’agit de créer un thème vierge qui ira chercher toutes ses ressources chez le parent, votre « vrai » thème. L’astuce réside à aller placer dans le thème enfant toutes les modifications souhaitées, WP ira les chercher automatiquement. Dit autrement, tant qu’une instruction n’existe pas dans le thème enfant, WP ira la chercher chez le parent.

Ainsi, lorsque le parent sera mis à jour, l’enfant ne sera pas altéré, on profite ainsi d’un thème toujours à la pointe et qui reste personnalisé.

En pratique

Créer un dossier vierge baptisé « montheme-child » dans le même répertoire que celui du thème parent.
Créer un fichier style.css au sein de celui-ci et coller le code suivant :

Theme Name: montheme-child éventuellement votre nom ici
Theme URI: http://editeurNom.truc/montheme adresse du thème chez l’éditeur du parent
Description: Un thème Portfolio ou ce que l’on veut
Version: x.x il est pertinent de noter ici la version à partir de laquelle vous avez créer le thème enfant
Author: editeurNom nom de l’éditeur du thème parent
Template: montheme Attention nommer précisément le thème parent
Author URI: http://editeurNom.truc adresse de l’éditeur du thème parent

@import url(« ../montheme/style.css »); Ici on indique l’url relative de la feuille de style du parent

Il suffit d’aller placer dans cette nouvelle feuille de style les modifications à apporter aux styles CSS du parent.
On peut également intervenir sur les fichiers PHP du parent, il suffit de créer le fichier PHP vierge de son choix et d’aller y coller la portion de code que l’on veut modifier, par exemple simple.php ou archive.php. La seule limite concerne le fichier fonctions.php ou l’on ne pourra coller que des nouvelles instructions mais pas modifier celles se trouvant également sur le fonctions.php du parent.

Derniers articles

Partager sur facebook
Partager sur google
Partager sur twitter
Partager sur linkedin
Partager sur email