Faire son Child Theme Twenty Twenty Two soi-même
WordPress vient de sortir sa nouvelle version 5.9 et avec lui son nouveau thème Twenty Twenty Two.
Cette nouvelle version développe et affine l’éditeur introduit dans WordPress 5.9 avec un nouveau bloc, des interactions plus intuitives et une accessibilité améliorée.
L’importance de faire un thème enfant est qu’en cas de mise à jour vos modifications ne seront pas perdues, et cela concerne le design (comme la CSS), mais également les modifications des fonctions que vous auriez pues apportées à votre thème principale.
Pour ce faire :
- Créer un dossier « twentytwentytwo-child » dans « /wp-content/themes/
- Créer et déposer dedans le fichier « style.css«
- Créer et déposer dedans le fichier « functions.php«
- Télécharger et déposer dedans le fichier PNG (ci-dessous)
Création du fichier « style.css »
Vous n’avez qu’à copier puis coller le code ci-dessous et le placer dans style.css.
/*
Theme Name: Twenty Twenty-Two Child
Theme URI: https://studionumerik.fr/
Description: Twenty Twenty-Two Child Theme
Author: Studio Numerik
Author URL: https://studionumerik.fr/
Template: twentytwentytwo
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwochild
*/
/* Placer votre CSS ci-dessous */
Création du fichier « functions.php »
Ajout ceci dans ce fichier :
<?php
function my_theme_enqueue_styles() {
$parent_style = 'twentytwentytwo-style'; // This is 'parent-style' for the Twenty Twenty Two theme.
wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array( $parent_style ),
wp_get_theme()->get('Version')
);
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );Et voilà, vous avez fait les deux fichiers et téléchargez le Screenshot qui va afficher l’image dans la rubrique Apparence > Thèmes de votre WordPress.
