Personnaliser un theme WordPress

Personnaliser wordpress

Ça y est , vous avez mis en place un serveur WEB avec WordPress .

Vous avez trouvé un joli thème qui correspond à ce que vous voulez faire , et souhaitez maintenant le modifier.

Deux solutions possibles , soit vous éditez directement votre thème , par la modification du fichier CSS ou modifiez directement le code PHP de vos pages ( au risque de tout perdre à chaque mise à jour ) , soit vous passez par le thème enfant.

Un thème enfant ? C’est quoi ?
C’est un thème qui est rattaché au thème principal , si WordPress ne trouve pas de modification au sein du thème enfant , il va chercher sur le thème Père.

Comment créer un thème enfant :

Il suffit de créer un nouveau dossier ( par exemple monthemeenfant ) dans le répertoire wp-content/themes/monthemeenfant

Puis il faut ajouter au minimum deux fichiers :

style.css  et functions.php

pour le fichier style.css

/*
Theme Name: Montheme ( enfant twentyseventeen)
Template: twentyseventeen
Description: ceci est mon thème enfant , dont le père est twentyseventeen
Author: Moi
Version : 0.2.5
*/

Pour le fichier functions.php

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); 
function theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); 
                                };

A partir de maintenant , vous pouvez vous rendre dans le menu apparence -> thèmes et activez votre thème enfant.

Toutes les modifications , que vous apporterez à votre thème enfant ne seront plus modifiées par les mises à jour du thème principal.

Par exemple , vous désirez modifier le template de la page affichant le contenu de la page principale , vous copiez sous le même chemin , le fichier à modifier par exemple.

content.php qui se trouve dans le dossier template-parts/post/

Copiez à l’identique dans le nouveau dossier enfant :

template-parts/post/content.php

Par exemple si je désire encadrer toutes les images de mes articles , il suffit que j’ajoute  la commande border au style CSS de la balise div qui affiche les images.

...extrait du code content.php ...
......<!-- .entry-header -->
 <?php if ( '' !== get_the_post_thumbnail() && ! is_single() ) : ?>
<div class="post-thumbnail" style="border:1px dotted black" >.....

Il ne vous reste plus qu’à jouer avec les propriétés CSS ou les balises HTML , afin de modifier selon votre envie votre thème.

    • Enlever des informations
    • Reformater du texte , un titre
    • Ajouter des effets spéciaux
    • Ajouter des effets à vos images
    • créer des pages personnalisées en fonction d’une page bien précise ….  Je vous invite , à parcourir le web pour plus d’information ( Comment Créer un Modèle de Page Personnalisé dans WordPress …. )

 

Commentaire sur “Personnaliser un theme WordPress”

Les commentaires sont fermés.

%d blogueurs aiment cette page :