CMS – Les thèmes

LEÇON

 

Les thèmes

Un thème est responsable pour la mise en forme de votre contenu. Il agit sur plusieurs axes :

  • le layout général (présence/position/taille des bannières, colonnes, zones de contenu et cetera)
  • la structure des différents types de page (accueil, article, page, login, et cetera)
  • les styles appliqués aux éléments de base (bannière, colonnes, menus, et cetera)
  • la structure d'un morceau de contenu (titre, byline, corps, commentaires, catégories, mots-clés (tags), liens de navigation supplémentaires, et cetera)
  • les styles appliqués aux morceaux de contenu

Un thème est donc un skin. Changer le thème d'un site ne devrait pas changer fondamentalement son contenu. Les possibilités de navigation non plus. Les mêmes pages et articles devrait toujours être présents quelque soit le thème. Les même possibilités de navigation devrait toujours être présentes. Par contre comment le contenu est présenté (et embelli) et comment on affiche les possibilités de navigation entre les éléments du site - ces choses peuvent changer radicalement.

 

Exemple

Voici le même site, basé sur WordPress, configuré avec 2 thèmes différents :

Thème 1 : "Flat" par Yoarts

 

cms_les_themes_skin_exemple1

Thème 2 : "Twenty Twelve" - thème de base livré avec WordPress

 

cms_les_themes_skin_exemple2


Remarquer les différences dans :

  • le layout général
  • les styles appliqués aux éléments de base (header, colonnes de navigation, menu de navigation)
  • la structure et les embellissements des articles
  • les styles appliqués aux articles

 

Comment ça marche ?

Pour un CMS basé sur du PHP, chaque thème est un ensemble de scripts PHP (pour le structure) et de fichiers CSS (pour les styles), ainsi que des fichiers supplémentaires comme des images et des polices.

Quand on applique un thème le système CMS exploite les fichiers PHP/CSS d'un thème plutôt qu'un autre.

 


 

EXERCICES

  1. Connectez-vous en tant qu'administrateur sur votre site chez wordpress.com (créé pendant les exercices du leçon sur les principes de base d'un CMS)
  2. Faire en sorte que vous avez plusieurs pages et articles, ainsi qu'un menu de navigation avec quelques éléments qui contient des liens vers vos pages
  3. Activer plusieurs différents thèmes et remarquer les différences d'affichage du site en terme de structure et style
  4. Pour au moins 2 thèmes différents familiarisez-vous avec l'interface de gestion pour la personnalisation du thème : appliquer donc des configurations aux thèmes pour explorer les possibilités. Est-ce que tous les thèmes offre les mêmes possibilités de personnalisation ?