Personnalisation d’un thème WordPress

Personnalisation d’un thème WordPress par héritage d’un thème parent qui lui sert de modèle.

Le répertoire « wp-content/themes » contient les thèmes utilisables par WordPress.
Nous allons créer un nouveau répertoire en lui donnant le nom du nouveau thème.
Ici nous nous allons utiliser le thème Graphy comme modèle.

Dans le répertoire « wp-content/themes » je crée un nouveau répertoire que j’appelle « graphy-child« .
Dans ce répertoire, je crée un fichier style.css qui va indiquer que ce nouveau thème est un thème « enfant » du thème “graphy”.
Il doit contenir ces lignes :

/* Theme Name: graphy-child
Theme URI: http://tisseyre.net/
Description: Thème enfant du thème Graphy
Author: Jean Tisseyre
Author URI: http://tisseyre.net/
Template: graphy
Version: 0.1.0
*/

Il suffit ensuite de le compléter avec les instructions css personnalisées.

 

Toujours dans ce répertoire je crée un fichier « functions.php » qui contient le code suivant :

<?php
function wpm_enqueue_styles(){
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'wpm_enqueue_styles' );

Le nouveau thème est maintenant disponible depuis l’interface d’administration de WordPress :

Capture écran thème WordPress

Si l’on veux aussi ajouter du code javascript il faut créer un repertoire « js » contenant un fichier « monscript.js » et ajouter les lignes suivantes dans le fichier « function.php » :

/**
* Pour utiliser jquery 
*/
wp_enqueue_script('jquery');

/**
* Pour utiliser le fichier de scripts ajouter dans le répertoire js
*/
$js_directory = get_stylesheet_directory_uri() . '/js/';
wp_register_script( 'monscript', $js_directory . 'monscript.js', 'jquery', '1.0' );
wp_enqueue_script('monscript');
add_action("init", "custom_js");

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *