Thème pour Wordpress : Feuille de style

Un unique fichier définit l'apparence des articles, de la page d'accueil et autres pages du site.
Il ne concerne pas le panel d'administration qui a son style propre.

La feuille de style du thème reprend la division des fichiers.

Header

#header
#logo
#navbar

La section header contient un logo et une barre de navigation.
Ces éléments sont à leur tour divisés en composants.

Sidebar

#leftside
.widget
#leftside ul li ul
#leftside ul li ul li
#leftside ul li ul p

Dans le panel "leftside", les éléments sont encapsulés dans une balise li dont le nom de classe est "widget". A son tour elle contient une balise ul qui contient différentes balises selon l'élément.

Pour le contenu de ce panel, les éléments sont retrouvés, outre la classe "widget", par la hiérarchie des balises.

Contenu

Cela concerne un article ou la page d'accueil.

#container
.postinfo
.homeinfo

L'ID "container" s'applique à tout contenu, article ou liste de titres.

La classe "postinfo" définit le style des informations relative à un article (auteur, date, etc...)

La classe "homeinfo" définit les mêmes informations, mais pour la page d'accueil ou de catégorie où ils sont présentés différemment.

Footer

#footer

Dans notre cas, il se réduit à une simple ligne. On en définit l'apparence générale, et la police de caractère pour le texte.

Documentation utile

On consultera si on le veut la page de mise au point et le fichier final du style.

• La page HTML de démonstration. Elle sert de mise au point pour le style.
• La feuille de style.