Pour qui ?
Ce turoriel est destiné aux personnes ayant des connaissances minimum en CSS et PHP souhaitant obtenir une plus grande flexibilité pour modifier leur therme WordPress.
Pourquoi en crée un ?
Si vous avez quelques compétences en développement Web, principalement en CSS et PHP, vous pourriez avoir envi de modifier le theme directement dans les fichiers source. Seulement, à la première mis à jour du thème, l’ensemble de vos modifications seront écrasé. Le thème-enfant permet donc de demander à WordPress de prendre en considération les fichiers de votre thème-enfant en premier et s’il ne trouve pas ceux nécessaire à la suite de la construction d’une page, d’utiliser ceux du thème parent.
Ainsi les mises à jour du thème-parent peuvent être effectué sans risque de voir ses modifications effacé.
Comment ?
Dans le dossier suivant : wp-content/themes
On va crée un dossier avec le nom de notre thèm- enfant. Dans un cadre de bonne pratique on va privilégier un nom de dossier avec la construction suivante : nom du thème parent en ajoutant un des suffix ci dessous :
-enfant | -child
Dans ce dossier on va crée deux fichiers : style.css et fonction.php
style.css
/*
Theme Name: Mon thème enfant
Theme URI: https://monsite.com
Description: Description de mon thème enfant
Author: Toto
Author URI: https://antoninpfistner.fr
Template: blocksy
Version: 0.1.0
*/functions.php
<?php
add_action( 'wp_enqueue_scripts', 'wpm_enqueue_styles' );
function wpm_enqueue_styles() {
wp_enqueue_style(
'enfant-style',
get_stylesheet_uri()
);
}Après sauvegarde, vous pouvez retourner sur l’interface d’administration WordPress de votre site et vous trouverai dans la liste des thèmes, votre thème-enfant. Il ne vous reste plus qu’à l’activer.
Dès que ajouterais des lignes de CSS sur le style.css crée elles seront prise en compte et non écrasé lors de la mise à jour du thème-parent. Il faut gardé installé et mis à jour le thème parent sur votre back-end.
Et bon développement WEB à tous !