La présentation de ce site, réalisée par Baroug, était essentiellement une feuille de style pour la « dist » de SPIP. Je viens de le transformer en un thème pour Zpip, le nouveau squelette proposé par Cédric et Marcimat pour remplacer la « dist ».
Qu’est-ce que ça change ? On avait déjà pris l’habitude de séparer, dans une même page Web, la structure de la page (son arbre HTML) de sa présentation (sa CSS). Zpip ajoute un étage à cette fusée en séparant la structure de la page (son « layout »), de sa fonctionnalité.
Ainsi par exemple, une « page article » a pour fonctionnalité d’« afficher un article ». Avec Zpip, elle ne fait que cela. Le « layout » (quel terme affreux) se chargeant de préciser où doit aller cette fonctionnalité dans l’arbre HTML.
La différence n’est pas censée être visible dans le rendu, qui reste, dans le cas de ce site, le même au pixel près. Mais dans la manière dont le code est composé.
Observons la page avec toutes ses inclusions, en ajoutant ?var_mode=inclure
dans l’adresse.
Avec Zpip le sommaire ressemble à ceci :
Avec l’ancien squelette (dist), il ressemblait à cela :
Quoi de neuf, au final ? Rien. Sauf que désormais pour ajouter un nouveau type de page, il suffit de se concentrer sur sa fonctionnalité (son « applicatif »), et l’on est sûr qu’il s’intégrera sans aucune adaptation à tous les layouts de Zpip.
Ce qui permet donc de développer cet applicatif indépendamment de toute considération de présentation. On pourra alors plus facilement partager un même développement d’un site à l’autre ; et on n’a plus le souci de mettre à jour 50 squelettes le jour où l’on décide de modifier la structure du site.
Dernier bonus, et non des moindres : il devient très facile de prendre un gabarit (HTML) et une décoration (CSS) existants — il en existe des milliers sur le net —, et de les appliquer à son site sans devoir encoder chaque applicatif (la page sommaire, la page article, la page rubrique, la page de login, etc.). Zpip est livré d’ailleurs avec un gestionnaire de thèmes, nommé Zen Garden, qui permet de visualiser instantanément son site sous différentes peaux.
- Le thème BluePigment
- design de styleshout, adapté pour Zpip par Cédric
- Le thème Keep It Simple
- design de styleshout, adapté pour Zpip par Cédric
- Le thème FreshMedia
- design de styleshout, adapté pour Zpip par Cédric
4 Messages de forum