Développer un site web personnalisé avec SPIP

auteur : APRIL
mise à jour : le 03/06/2005
niveau : confirmé

Cette fiche s'adresse aux utilisateurs avancés, qui ont déjà installé SPIP et désirent le personnaliser. Les débutants sont invités à se reporter à la fiche : «SPIP pour un site plus dynamique»

Harmoniser le travail des contributeurs

Harmoniser le travail des contributeurs de votre site

Nous avons vu dans la fiche "SPIP pour un site plus dynamique" que différentes personnes contribuent à la vie d'un site sous SPIP :

Ce découpage entre les tâches de maintenance technique, de définition de son apparence, de mise au point de son rubricage et de saisie du contenu permet de modifier indépendamment :

Une telle répartition des tâches est l'une des clés de l'évolution harmonieuse d'un site web. Grâce à elle, les rédacteurs peuvent se concentrer sur le contenu de leurs articles, le rédacteur en chef sur son rubricage et les graphistes sur son apparence.

Immédiatement après l'installation de SPIP, vous avez probablement assumé seul toutes ces responsabilités. Vous serez peut-être par la suite le rédacteur en chef, celui qui veille à la cohérence du projet. Les points suivants méritent notamment votre attention :

De manière générale, souvenez vous toujours que si SPIP permet à des personnes de travailler indépendamment ou simultanément, leur coordination relève de votre responsabilité.


Définir la structure de votre site


Changer l'apparence d'un site

Changer l'apparence d'un site en modifiant son squelette

SPIP stocke de manière transparente le contenu (articles, images, rubricage,...) dans une base de données.
La grande force de SPIP est de permettre d'accéder très facilement à ce contenu en utilisant un langage spécifique et facile à maîtriser, "le SPIP". Il consiste en des balises à inclure dans une page html. Ces pages sont appelées des squelettes.

Les fichiers suivants composent un squelette :

  • la page d'accueil (sommaire.html) ;
  • le modèle de rubrique (fichier rubrique.html) ;
  • le modèle d'article (fichier article.html ) ;
  • le modèle de brève (fichier breve.html) ;
  • le modèle d'auteur (fichier auteur.html) ;
  • la page des sites syndiqués (fichiers site.html) ;
  • le modèle de forum de discussion (fichier forum.html) ;
  • la page de connexion à l'arrière boutique (fichier login.html) ;
  • le modèle de mot clé (fichier mot.html) ;
  • le modèle de lettre d'information (fichier nouveaute.html) ;
  • le plan du site (fichier plan.html) ;
  • le résumé du site (liste des articles les plus populaires, etc.) (fichier resume.html ) ;
  • le sommaire en mode texte (sommaire_texte.html).

La distribution standard de SPIP contient des fichiers portant ces mêmes noms avec le suffixe -dist. Il existe ainsi par exemple un fichier article-dist.html. SPIP utilisera automatiquement ce fichier article-dist.html si un modèle d'article personnalisé n'est pas disponible.
Cela vous permet donc de ne personnaliser que certains éléments du squelette dans un premier temps et d'installer une version ultérieure de SPIP sans craindre que vos modèles personnalisés ne soient écrasés.

Vous pouvez également définir une apparence personnalisée pour une rubrique donnée. Il vous faut pour cela enregistrer son modèle sous le nom rubrique-<numéro de la rubrique>.html. Exemple : rubrique-17.html. La même fonctionnalité est disponible pour les articles.

Le fichier nouveaute.html est un peu particulier : ce n'est pas un modèle de page web mais de texte de courrier électronique. Sa personnalisation demande une bonne connaissance du langage PHP. Si vous ne connaissez pas ce langage, vous feriez donc mieux de ne pas essayer d'en proposer une version personnalisée.


Le langage SPIP

Le langage SPIP est un langage très simple qui a pour principe de faire des boucles qui permettent d'extraire différents types d'éléments de la base de données.

Il existe différents types de boucles (des boucles articles, rubrique ... ) et différents types d'éléments à récupérer dans une boucle (titre, sous-titre, texte ...). Dans une boucle on peut inclure du HTML pour la mise en forme.

Exemple de syntaxe :

<BOUCLEn(TYPE){critère1}{critère2}...{critèrex}>
Code HTML + balises SPIP
</BOUCLEn>
Exemple : pour afficher la liste des articles contenu dans une rubrique
<BOUCLE_articles(ARTICLES){id_rubrique}>
<li> <a href="#URL_ARTICLE">#TITRE</a>
</BOUCLE_articles>

 


 

 

 

 

 

 

SPIP propose une documentation en ligne très complète sur la mise en page sous SPIP : http://www.spip.net/fr_rubrique143.html.


Pour aller plus loin...

SPIP peut être très finement personnalisé pour peu que vous maîtrisiez le langage PHP ou connaissiez un développeur capable de vous aider. Le Service d'Information du Gouvernement a d'ailleurs procédé de cette manière pour développer son propre outil de gestion de contenu, SPIP Agora (http://www.agora.gouv.fr/).

Le "Guide du webmestre et du bidouilleur" de SPIP est un bon point de départ de vos recherches de documentation sur SPIP. Prenez l'habitude d'y chercher ainsi que sur les principaux sites des webmestres utilisant SPIP, tels que SPIP-contrib (http://www.spip-contrib.net/), les fonctionnalités que vous recherchez avant de vous lancer dans leur développement. De manière similaire, évaluez les squelettes proposés par d'autres webmestres. Leur adaptation vous demandera probablement moins de temps qu'une création à partie de rien.

L'utilisation des forums de discussion de SPIP, consultables en ligne à l'adresse http://www.spip.net/fr_rubrique193.html, est recommandée quelque soit votre niveau. Avant de poser une question, n'oubliez cependant pas de vérifier qu'une réponse n'y a pas déjà été apportée, par exemple en utilisant le moteur de recherche proposé par le site.

Cette fiche pratique est publiée à la fois sous la Licence Art Libre et sous la licence Creative Commons Paternité - Partage des Conditions Initiales à l'Identique 2.0 France