Personnaliser son thème WordPress

Ce blog est sur WordPress, ça n'est pas un secret...

J'ai légèrement adapté un thème du package de base en créant un thème enfant, et appliqué quelques changements esthétiques, sur les guillemets entre autres choses qui sont automatiquement changés (ce qui est gênant pour donner des instructions informatiques par exemple... de plus, je sais écrire les guillemets correctement, alors laissez moi faire comme je veux).

Par exemple : ceci est un code avec une "chaine de caractère", et ceci est un « extrait de texte ».

Voici comment faire...

Thème enfant, pourquoi ?

Vous pouvez télécharger des kilo-tonnes de thèmes sur internet, certains surement très bien, d'autres pleins d'erreurs plus ou moins volontaires (pour laisser accès à votre blog par exemple...). Personnellement, je préfère rester sur un thème simple, mais adaptable au terminal de consultation. Par contre, je veux apporter quelques modifications légères au thème de base (par CSS). OK, je suis pas original, mais c'est pas ce qui me semble le plus important.

Si je copie et modifie un thème par défaut de WordPress, celui ci ne profitera pas des mises à jours (de sécurité) ultérieures.

C'est pour cela qu'il est préférable de créer un thème enfant : un thème qui hérite les infos d'un thème initial (qui se mettra à jour) mais auquel on ajoute quelques instructions.

Comment créer son thème enfant ?

Il suffit de créer un dossier dans le répertoire de thème de votre WordPress (par FTP par exemple), et d'y créer 2 fichiers au minimum.

Créer un répertoire « perso » dans le répertoire de thème de wordpress :

wp-content/themes/perso/

Dans ce répertoire, créer un fichier « style.css ». Vous pouvez  le laisser vide ou y coller et adapter le texte suivant :

/*
 Theme Name: NOM DU THÈME
 Theme URI: http://MON_SITE.com/MON_THEME/
 Description: Mon Super thème
 Author: C'est moi
 Author URI: http://MON_SITE.com
 Template: MON_THÈME
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: MOTS, CLES
 Text Domain: twenty-fifteen-child
 */

Dans le même répertoire, créer un fichier « functions.php ». Y coller et adapter le texte suivant (dans l'exemple, je suis parti du thème « twentyfourteen »)  :

<?php
 // Thème personnalisé
 add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
 function theme_enqueue_styles() {
 wp_enqueue_style( 'twentyfourteen', get_template_directory_uri() . '/style.css' );
 wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'twentyfourteen' ) );
 }

Supprimer les guillemets automatiques

Dans le fichier functions.php de votre thème enfant, ajoutez à la fin :

remove_filter('the_content', 'wptexturize');

Activer votre thème

Allez dans la partie Administration de votre WordPress → Apparence → Thèmes, et activez votre thème personnalisé.

Éditez votre thème en ligne

Vous pouvez modifier un thème en ligne directement dans la partie Administration Apparence → Éditeur, pour y ajouter des instructions css de votre choix (elles surpasseront les instructions du thème de base).

Laisser un commentaire

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.