WordPress child-theme
Publié le 4 décembre 2024
- Précisions
- Le thème enfant sur WordPress est une couche additionnée qui utilisent le code source du thème parent permettant de créer ou modifier des fonctionnalités et de personnaliser le design sans affecter le thème de base.
- Évite l’écrasement des modifications apportées aux fonctionnalités et aux styles lors des mises à jour.
- Facilite le travaille de développement en fournissant la base du code source.
- Offre également un tampon à une éventuelle faille de sécurité du thème parent.
[prompt@anonyme-linux]$ cd /opt/lampp/htdocs/[*wordpress_project*]/wp-content/
[prompt@anonyme-linux]$ mkdir theme-folder-child/
[prompt@anonyme-linux]$ cd theme-folder
[prompt@anonyme-linux]$ ls
[prompt@anonyme-linux]$ cp -r [*folder content*] ../theme-folder-child/
[prompt@anonyme-linux]$ cd ../theme-folder-child/
[prompt@anonyme-linux]$ ls
[prompt@anonyme-linux]$ [*folder content: file.ext file.ex ... **style.css function.php***]
[prompt@anonyme-linux]$ rm style.css
[prompt@anonyme-linux]$ touch style.css function.php
[prompt@anonyme-linux]$ vi style.css
Coller dans l’éditeur :
/*
Theme Name:mon-theme
Theme URI: <https://localhost/wp-content/themes/mon-theme>
Author: Benjamin Bruant
Description: premier thème personnalisé pour tutoriel
Template: twentytwenty
Version: 2.6
*/
- Theme Name : le nom du thème que vous allez créer ;
- Theme URI : l’adresse où on peut le télécharger, si applicable ;
- Description : la description du thème ;
- Author : l’auteur du thème… y mettre votre nom ;
- Author URI : l’adresse où l’on va retrouver des infos sur l’auteur ;
- Template : le thème parent qui va être utilisé. Il faut y mettre le nom du répertoire de celui-ci, en respectant la casse ;
- Version : si vous tenez des numéros de version, c’est par ici que cela se passe.
[prompt@anonyme-linux]$ vi function.php
Coller dans l’éditeur :
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
On associe le hook « wp_enqueue_scripts » à la fonction « theme_enqueue_styles() ». *****
***** theme est le nom exemple de la fonction ce nom peut être adapté au nom du site