Les [darkgreen]squelettes[/darkgreen] par défaut de Spip sont, volontairement, minimalistes mais sont un point de départ précieux pour l’apprentissage de la création de squelettes et pour le développement de vos propres sites.

L’un des reproches qui est souvent fait à Spip est que le modèle de site public livré avec l’outil n’est pas utilisable en l’état. Ce n’est pas tout à fait vrai puisque beaucoup de gens le font, mais il est vrai que d’autres CMS proposent directement de jolis modèles de sites dans la distribution d’origine.

Les squelettes par défaut (présent dans le répertoire dist) ont pourtant de nombreux avantages, et sont relativement simples à personnaliser dès que l’on met les mains dans le css. Ils sont aussi un outil précieux pour l’apprentissage du système de boucles et de balises spécifiques à Spip. La dist utilise en effet l’ensemble des fonctions de Spip et l’étude ou le recyclage de son code permet de bien démarrer.

Utiliser les thèmes

Pour qui veut mettre en ligne un site rapidement en utilisant les styles existant, un plugin (une extension) a été créé pour gérer les thèmes.

Il existe une dizaine de thèmes pour la dist, créés spécifiquements ou adaptés de modèles open-source.

Modifier les CSS de la dist

Une rubrique complète du site de Spip est consacré à l’habillage graphique du site et donne des conseils très utiles.

Adapter les CSS de la dist pour construire son propre site a un avantage majeur : il permet d’utiliser directement un grand nombre de squelettes de celle-ci et de ne modifier que ceux pour lesquels on a besoin d’une organisation différente de l’information.

Le css habillage est suffisamment souple pour que l’on puisse par exemple passer la navigation à gauche de la page (comme sur le thème Bluehaze) ou bien proposer un bandeau en haut de page.

J’ai procédé ainsi pour la création du site www.jeunes-europeens.org :

  • modification [1] des feuilles de style habillage.css et spip-styles.css : pasage de la largeur du site à 960px, adaptation des typos et couleurs ;
  • modification du squelette sommaire.html et rubriques.html pour adapter l’affichage des informations à mes besoins.

Cette simple intervention permet d’ores et déjà d’avoir un site prêt à fonctionner - avec toutes les fonctionnalités de Spip activées - et entièrement personnalisé graphiquement.

Il a fallu ensuite progressivement adapter d’autres pages (la rubrique Blog dont la présentation est différente d’une rubrique standard, ou Groupes locaux qui affiche les articles syndiqués) mais le site a pu être lancé tel quel.

[1] les modifications sont bien sur faites sur un copie des fichiers de la dist dans le dossier squelettes

À propos de Spip : Spip est un outil de gestion de contenu open source qui permet de publier le contenu un site web à l’aide d’un espace privé et de créer ses propres modèles de pages sans connaissance d’un langage de programmation mais à partir de simples connaissances en html et css.