Accueil du site > Open Source > Des templates pour spip : la révolution graphique de SPIP
Des templates pour spip : la révolution graphique de SPIP
mardi 29 décembre 2009, par
Le 11 novembre dernier est apparu une petite révolution dans l’univers de SPip.
Mais avant toute chose qu’est ce que SPIP (http://www.spip.net/). Au même titre que Joomla, il s’agit d’un CMS libre, permettant relativement simplement de gérer du contenu et d’ajouter toute une panoplie de fonctionnalités (allant de la gestion d’associations, en passant par un agenda etc..).
Bien qu’étant un grand utilisateur de SPIP depuis longtemps, il faut avouer que SPIP était plutôt adapté à des sites disposant un contenu assez important, son système reposant sur un système de boucle facile à utiliser.
En gros et pour faire simple, sa structure fonctionne autour d’une page sommaire (accueil), une page type pour les rubriques, et une page type pour les articles (également une pour les brèves.)
Ces modèles type de page sont appelés « squelette ». Je crée donc un squelette pour cette rubrique X. Le code de cette page n’est ni du HTML, ni du PHP mais un système spécifique fonctionnant avec un système de boucle (on peut néanmoins tout à fait ajouter du HTML ou du PHP).
Disons que je souhaite faire appel aux derniers articlesde cette rubrique X sur ma page d’accueil. Et bien j’insère dans le code de cette page d’accueil une boucle appelant la rubrique X, par « date inversé ». Il est possible de faire appel au titre, au contenu d’un article, à l’image (redimensionné ou pas etc…). Personnellement, j’ai toujours pu faire à peu près ce que je souhaitais avec SPIP (appeler des news d’une rubrique, n’appeler que des articles/news liées à un mot clé donné, exclure des rubriques etc.).
Pour parler conrètement, cela donne du code ressemblant à ça (http://www.spip.net/fr_article898.html) :
<BOUCLEn(TYPE){critère1}{critère2}...{critèrex}>
* Code HTML + balises SPIP
</BOUCLEn>Pour voir des exemples concrets de rendu visuel par version de spip (vous aurez des sites de la version 1.0 à 2.0), spip herbier (http://www.spip.net/) propose un panorama complet de sites réalisés avec SPIP.
L’avantage de SPIP est donc sa flexibilité « fonctionnelle » concernant sa structure, accompagné par un espace rédacteur relativement intuitif (relativement car, il nécessite tout de même, pour les néophytes, un certain temps d’adaptation). S’ajoute à cela une communauté active, et un grand nombre de fonctionnalités.
Néanmoins, j’ai toujours vu deux points noirs à SPIP.
Le premier concerne l’espace rédacteur, assez lourd du point de vue rédactionnel (j’utilise pour un autre site Google Site et il faut bien dire que je peux faire en 2 secondes ce que je mettrais peut être 10 minutes à faire avec du SPIP tant au niveau de l’assistance à la rédaction, que de la mise en forme que des boucles)
Le second, et c’est beaucoup plus grave concerne l’aspect graphique du site.
Pour ceux qui utilisent wordpress ou Joomla, le terme de « template » ne vous sera pas étranger. Une multitude de sites proposent de télécharger gratuitement ou de manière payante des « templates » préconçus permettant de charger une structure visuelle bien établi en un clic. Jusqu’à présent, sur Spip, c’était beaucoup plus compliqué. Il fallait télécharger des « squelettes » comme Beespip (http://www.beespip.org/) ou alternatives (http://stages.alternatives.ca.edu/a...), et littéralement modifier toutes ses boucles etc…
Il n’y avait pas de dissociation complète du contenu et du contenant. Puis il faut bien dire les choses comme elles sont, ces squelettes étaient vraiment loin de valoir visuellement les templates de Wordpress ou de Joomla (j’avais du personnellement comme le co-webmaster de Ticnews mis au point un CSS pour mes squelettes mais rien d’extraordinaire).
Aujourd’hui cette époque est belle et bien révolue !.
Tout d’abord, spip 2.0 a apporté la notion de plugins (existait déjà auparavant, mais SPIP 2.0 a tout de même clarifié, simplifié les choses). Pour faire simple, vous téléchargez votre plug in (type agenda, type visionneuse etc..), vous l’activez et hop, vous disposez de votre fonctionnalité.
Parmi ces plugins a été développé un plugin du nom de Z pour SPIP (http://www.spip-contrib.net/Le-Sque...). Une fois ce plug in activé, un nouveau monde s’ouvre à vous.
Vous disposez enfin de la possibilité de télécharger des « templates » pour SPIP. Téléchargeable sur l’excellentissime SPIP contrib (http://www.spip-contrib.net/Themes), l’aspect visuel (avec enfin de « beaux visuels ») est enfin manipulable en quelques clics !
Depuis un peu plus d’un mois, on compte déjà 30 thèmes et il va sans dire que ce n’est que le début d’une nouvelle ère pour SPIP (combien de fois ai-je entendu, spip, c’est moche).
A présent, Joomla n’a vraiment qu’à bien se tenir car la puissance de SPIP (jusque là relativement sous exploité, mais tout à fait à raison de ce point de vue visuel) risque de faire de gros dégâts dans les années à venir !
Personnellement, je n’attends plus que l’aspect de l’espace de rédaction d’un article soit revisité afin que l’on puisse plus rapidement, plus facilement mettre en forme les articles.