L’habillage (apparence visuelle) de votre site web dans le jargon utilisé par WordPress se nomme: thème. Dans le cadre du cours, vous devrez créer un thème pour le travail de session.
Attention: il est important de noter qu’un thème n’est PAS un «modèle » ou un « template ». Il s’agit de deux termes distincts ayant des significations distinctes.
Il existe plusieurs façons de « créer un thème »:
- À partir de rien, c’est-à-dire en créant tout de A à Z;
- À partir d’un squelette existant;
- À partir d’un thème existant en créant un « thème enfant » (anglais: Child Theme).
Dans le cadre du cours, nous ne créerons pas un thème de A à Z. Le temps ne nous permet pas de le faire. Selon les sessions, nous utiliserons un squelette de départ ou créerons un thème enfant.
La documentation officielle explique exactement comment créer un thème de A à Z dans sa section Theme Development.
Thème à partir d’un squelette
Il existe plusieurs squelette de base pour créer un thème avec WordPress. Un de ceux utilisés dans le cadre sur cours se trouve sur le site: www.underscores.me.
Pour référence personnelle, il existe également le squelette Bones qui est disponible et à la fois responsive.
Une fois que vous avez créer votre squelette, il ne vous reste qu’à l’installer sur votre site web via votre interface d’administration dans Apparence > Thèmes.
Structure de fichiers d’un thème
Chaque thème est différent et contient un nombre de fichiers qui peut varier. Toutefois, certains fichiers doivent être présents dans tous les thèmes. Voici une liste non-exhaustive qui vous permettra de démystifier certains d’entre eux.
footer.php
Ce fichier contient la « fin » du fichier HTML généré incluant le bas de votre page.
header.php
Ce fichier contient le « début » du fichier html incluant la section ainsi que le logo (ou titre du site), sous-titre ainsi que le menu du site web.
index.php
Ce fichier génère la liste des articles affichés sur le blog.
page.php
Par défaut, les pages créées dans votre section d’administration appelleront ce modèle.
single.php
Par défaut, les articles créés dans votre section d’administration appelleront ce modèle.
style.css
Le fichier CSS principal de votre site web. C’est le fichier qui donne des informations à WordPress sur votre thème.
functions.php
Ce fichier est inclus au chargement d’une page web et permet d’inclure des actions, hooks ou autre code arbitraire à intégrer dans divers contextes.
Pour une liste plus exhaustives des fichiers utilisés par un thème, voyez la section Template File Checklist.
Création d’un Modèle (Template)
Pour créer une page avec un design complètement personnalisé, il vous faut créer un nouveau modèle (anglais: template). Un modèle sert à définir l’apparence d’une page web dans WordPress.
Par défaut, toutes les pages créées dans la section d’administration utilisent le code se trouvant dans page.php du répertoire de votre thème.
Pour créer un nouveau modèle, lisez l’article: Créer Un Modèle Pour Un Thème avec WordPress
Bonjour et merci pour ce rappel
Cependant une chose m’échappe faut’ il faire un thème enfant pour Underscores au cas ou celui ci serait mis à jour
Merci
Underscore est un thème de démarrage. Il ne faut donc pas faire un thème enfant. Il faut le renommer et ne plus faire référence à la version originale. Donc, pas de mise à jour.
Merci beaucoup