Tout comme un thème développé de A à Z, un thème enfant aura son propre dossier sous wp-content/themes.
C'est dans l'en-tête de la feuille de style qu'on indiquera que le thème est basé sur un autre thème.
Pour développer un thème enfant, vous devez suivre ces étapes.
Il est important de prendre soin de bien choisir le parent. En effet, les fonctionnalités présentes dans le parent seront disponibles dans l'enfant. Aussi, elles doivent :
Il sera souvent nécessaire de faire quelques tests avant d’arrêter notre choix sur le bon parent.
Créez un dossier sous wp-content/themes. Le nom du dossier ne doit contenir ni espaces, ni accents, ni caractères spéciaux. Assurez-vous que le nom du dossier corresponde aux attentes de votre professeur.
Le but d'un thème enfant, c'est de reprendre ce que le parent faisait et de modifier certaines fonctionnalités et d'en ajouter d'autres.
Ne pas faire : copier tous les fichiers du thème parent dans le thème enfant.
Ceci ferait en sorte que les fichiers modèles du thème parent ne seraient jamais utilisés puisqu'ils auraient une copie dans le thème enfant (les fichiers modèles du thème enfant écrasent ceux du parent).
De plus, si le fichier functions.php du thème parent était copié dans le thème enfant, les fonctions PHP seraient définies en double, ce qui ferait planter le programme (le fichier functions.php du thème enfant complète celui du parent).
Suivez donc les instructions des sections suivantes.
Dans le dossier du thème enfant, un seul fichier est obligatoire : la feuille de style.
Créez donc un fichier nommé style.css, dont l'encodage est UTF-8 sans BOM.
Attention : le fichier style.css doit être placé directement dans le dossier du thème enfant et non dans un sous-dossier CSS :
wp-content/themes/monthemeenfant/style.css
Les détails du fichier style.css sont donnés dans la fiche « La feuille de style : style.css ».
Le fichier theme.json est utilisé dans les thèmes basés sur des blocs depuis WordPress 5.8 (2022).
Il doit être placé au même endroit que le fichier style.css : wp-content/themes/monthemeenfant/theme.json.
Le fichier theme.json du thème enfant complète celui du thème parent.
Au besoin, créez un fichier functions.php pour y écrire vos propres fonctions.
Important : vous ne devez jamais modifier les fichiers du thème parent. Donc, si vous avez des fonctionnalités à développer, vous les écrirez dans le fichier functions.php de votre thème enfant.
Prenez note que le fichier functions.php ne remplace pas le fichier du parent, il le complète.
Au besoin, créez les fichiers modèles dont vous avez besoin (index.php, header.php, etc.).
Notez que tous ces fichiers remplacent ceux du thème parent.
« Thèmes Enfant ». Codex WordPress. http://codex.wordpress.org/fr:Th%C3%A8mes_Enfant
« A Deep Dive into Twenty Twenty-Two and WordPress Block Themes - Extending Twenty Twenty-Two With a Child Theme ». Kinsta. https://kinsta.com/blog/twenty-twenty-two-theme/#extending-twenty-twentytwo-with-a-child-theme
▼Publicité
