Concevoir un thème…

Comprendre le fonctionnement d’un thème WordPress

Le thème est une partie incontournable de WordPress. C’est le thème qui donne son identité au blog, et c’est la première chose que voit le visiteur. Il habille le contenu du blog et prend en charge tous les aspects de mise en page et de design :

  • polices,
  • organisation,
  • couleurs…

Les thèmes ont un dossier local qui leur est propre au niveau de l’installation de WordPress :

  1. \wp-content\themes\twentyten
  2. \wp-content\themes\twentyeleven

Dans le dossier du thème, on retrouve les différents fichiers liés au thème et nommés selon une convention précise :

  1. la feuille de style : style.css ;
  2. les fichiers composant le thème, appelés « fichiers de modèle » :
    • index.php
    • comments.php
    • header.php
    • footer.php
    • single.php, etc.
  3. un fichier pour les fonctions liées au thème, agissant comme une extension : functions.php

Le thème par défaut, contient par ailleurs un sous dossier, \images, où sont stockées toutes les images qu’il utilise.

La feuille de style

C’est ici que sont enregistrés notamment tous les choix relatifs à l’emplacement, la couleur et la typographie et également les informations que WordPress affichera au sujet du thème :

  • nom du thème
  • version
  • nom de l’auteur

Les fichiers de modèle (templates files)

L’appellation templates files regroupe tous les fichiers au format .php du thème, hormis les fichier spéciaux comme functions.php.

Il existe deux types de fichiers de modèle :

  1. les fichiers qui vont composer le thème. Reliés entre eux, ils vont créer et afficher la page web
  2. les fichiers qui vont afficher les différentes pages du blog.

Le fichier index.php doit contenir l’ensemble des appels PHP qui récupèrent et agencent les informations, pour les afficher sur le blog en fonction des requêtes du visiteur ; cependant il est préférable pour la personnalisation de le segmenter en différends fichiers qui correspondent aux parties du blog :

  • en-tête : header.php
  • pied de page : footer.php
  • textes
  • commentaires
  • colonne latérale : sidebar.php
  • moteur de recherche, etc.

1 réflexion sur « Concevoir un thème… »

  1. Ping : Choisir le thème pour son blog | Blog d'Éric

Laisser un commentaire