Créer ses squelettes Spip

Théorie fumeuse sur la création de squelette pour Spip

Le système de squelette de Spip permet d’interfacer son site internet comme on le souhaite. Malgré son apparence pour certain austère, la difficulté de prise en main reste très abordable.

Complexe mais pas compliqué, complet mais léger, Spip propose à travers ses squelettes de vous accompagner dans la personnalisation de vos sites web. Pour cela, pas besoin de connaissance en php, le couple html/css suffit !

Spip vous propose un système de boucle francisé pour vous faciliter la tâche. Ces boucles vont aller chercher dans la base de données les informations que vous avez saisies dans l’espace privé. Je ne vais pas détailler plus le principe de fonctionnement des boucles, ce sera l’objet du prochain article.

Spip propose un jeu de squelette par défaut, qui se trouve dans le dossier squelettes-dist/. Analysons un peu son contenu.

Le fichier sommaire.html est la page d’accueil de votre site. C’est ce fichier qui remplace le traditionnel index.html

On trouve ensuite une suite de fichier rubrique.html, article.html, auteur.html, breve.html, rechercher.html,etc qui vont respectivement être les pages appelées pour l’affichage d’une rubrique, d’un article, d’un auteur, d’une brève, d’une recherche,etc. On retrouve le nom du fichier appelé dans l’url, par exemple : http://votresitespip/spip.php?rubriqueXX ira chercher le squelette rubrique.html pour l’affichage de la rubrique numéro XX.

Le fichier backend.html est le fichier du flux rss du site. On remarque aussi une suite de fichier dont le nom commence par rss. Comme les développeurs de Spip sont des personnes fiables, on en déduit (et à juste titre) qu’ils contiennent les flux rss du forum des articles (rss_forum_article.html), etc.

Les squelettes commençant par le préfixe inc- sont des fichiers d’inclusion qui sont appelés par d’autres pages de la manière suivante :

pour le fichier inc-head.html

Toujours dans le dossier squelettes-dist/, on trouve trois sous-dossiers. modeles/ qui permet de créer ces propres modèles. Reportez-vous à la documentation officiel de Spip. formulaires/ qui contient tous les formulaires accessible sur la partie public du site. Et polices/ dont je détaillerai le fonctionnement dans un futur article.

Les feuilles de styles de Spip

habillage.css est la feuille de style principale. C’est dans ce fichier qu’il faut mettre tous les styles de vos squelettes personnalisés.

impression.css est la feuille de style qui définie les styles lors d’une impression.

Et concrètement, je les mets où mes nouveaux squelettes ?

Pour créer votre propre thème, commencer par créer un dossier squelettes/ à la racine de votre site. Une des erreurs que l’on pourrait commettre serait de modifier les fichiers de squelettes-dist. Il ne faut pas y toucher pour quelques très simples raisons. La première est que Spip prévoit justement un emplacement spécifique : Le dossier squelettes/. La seconde est de permettre de préserver un jeu de squelette complet et fonctionnel, comme ça, si vous faites une bêtise sur vos fichiers, Spip dispose quand même de squelettes valides et fonctionnels.

Créer dans ce nouveau dossier un fichier sommaire.html dans lequel vous construirez votre page d’accueil. Et ainsi de suite avec les autres fichiers. Il est absolument nécessaire de respecter la nomenclature des fichiers. Si par exemple vous appelez votre squelette articles.html, Spip ira chercher le squelette article.html dans le dossier squelettes-dist/.

Voilà, normalement vous avez toutes les infos qu’il vous faut pour créer vos propres squelettes. Il ne vous reste plus qu’à comprendre le système de boucle de Spip. N’hésitez pas à copier-coller certaines boucles dans squelettes par défaut de Spip dans un premier temps.