Bloguer sous WordPress, c’est être tenté un jour ou l’autre d’avoir un thème personnalisé. Celui-ci n’est pas seulement une adaptation d’un thème gratuit trouvé sur le web, mais un graphisme, qui reflète la personnalité de l’auteur et l’ambiance de son blog. Pour cela, il faut mettre un peu les mains dans le « cambouis », c’est à dire le code et un peu aussi dans un logiciel de graphisme pour les visuels (en-tête, bouton, fond de page…).
Ce qu’il y a dedans…
Tout d’abord, il faut comprendre les grandes lignes de la structure d’un thème basique, le plus simple possible et sans fonctionnalités particulières. Dans le dossier d’un thème WordPress vous trouverez la liste des fichiers suivants et un dossier nommé « images ». Un dossier de thème peut contenir en plus quelques autres fichiers comme category.php, author.php, si le créateur du thème utilise certaines fonctionnalités d’affichage particulières (page biographique des auteurs, graphisme différents selon les catégories, page d’erreur 404 personnalisée…etc). Nous n’utiliserons pas le Twentyten fourni avec WordPress, car il est sous certains aspects trop complexe pour débuter. Mais, vous retrouverez à l’intérieur de celui-ci la plupart des fichiers de base cités ci-dessous.
Liste des fichiers, que je qualifierai de « base » :
- archive.php (affichage de la liste des articles des catégories)
- comments.php (affichage et enregistrement des commentaires)
- footer.php (pied de page du thème)
- functions.php (contient les scripts de certaines fonctionnalités du thème)
- header.php (en-tête du thème)
- index.php (affichage des articles en page d’accueil)
- page.php (affichage du contenu des pages fixes)
- search.php (page gérant l’affichage des résultats de recherche)
- searchform.php (formulaire de recherche)
- sidebar.php (menu)
- single.php (affichage du contenu d’un article)
- screenshot.png (screenshot, aperçu du thème afficher dans l’administration des thèmes de votre blog)
- style.css (feuille de style)
Habillez le squelette avec des css !
Maintenant, voyons le squelette d’un thème. Celui-ci se compose généralement de 5 zones (voir plus selon la complexité de l’interface, le nombre de menus…etc). Il y a tout d’abord :
- la zone « page » contenant l’interface du blog
- la zone « header » ou en-tête
- la zone « content » ou contenu
- la zone « sidebar » ou « menu »
- la zone « footer » ou le pied de page.
La couleur, la taille, la police de caractère, bref l’aspect graphique de ces zones et leurs emplacements, sont gérés par la feuille de style, c’est à dire le fichier « style.css ».
Voilà, ce sera tout pour aujourd’hui ! La suite prochainement….
En attendant si vous voulez approfondir allez jeter un œil dans le Codex francophone WordPress, mais aussi le site de Fran6art avec un excellent tuto pour créer son 1er thème soi-même.