SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 236 visiteurs en ce moment

Accueil > Commencer avec SPIP > Comprendre le rôle des squelettes

Comprendre le rôle des squelettes

2 juillet 2009 – par erational – commentaires

20 votes

Comprendre la relation entre SPIP et son habillage public (squelette et feuilles de styles CSS)

Sommaire

Le rôle de SPIP : gérer le contenu

SPIP à travers sa partie privée (back-office) permet de manipuler facilement une série d’objets standards :

  • rubriques
  • articles
  • auteurs
  • ....
les objets de SPIP

Cette structure initiale avait pour but de gérer des sites de publication de type magazine (exemple : http://uzine.net/) ou blog (exemple : http://www.weblog.eliaz.fr/)

Avec l’évolution de SPIP 2, Il est maintenant possible d’introduire d’autres objets

  • événements
  • jeux
  • galerie photos
  • fiches
  • ....

Ceci permet de créer de nouveaux types de sites : sites de communauté (ex. http://www.obiwine.com/), de cartographie (ex. http://www.plan-cine.com/), etc ....

L’intéret du logiciel SPIP est de proposer une interface et un langage simplifié (« les boucles ») qui permettent de se décharger de toute la programmation des couches abstraites (dialogue avec PHP, la base de données, ...) pour devenir ce que les informaticiens appellent un framework [1]

Le rôle du squelette : sélectionner le contenu

Contrairement à beaucoup de logiciels, dans SPIP on ne parle pas d’habillages (skins) ou de thèmes mais de squelettes. Pourquoi ?

Le travail du squelette est de présenter les objets gérés dans SPIP selon une logique donnée.

  • Quels sont les objets à afficher (articles, auteurs, rubriques) ?
  • Quelle est l’ergonomie de la navigation (on passe par un menu ou par une liste de liens, faut il une moteur de recherche) ?
  • Quelle est l’ordre d’affichage de ces éléments entre eux ?

Cette logique peut varier d’un site à l’autre.

Logique classique d’un site portail
exemple : http://www.du9.org/

Logique d’un site galerie
exemple : http://www.eclatsdelumiere.com

Le rôle des feuilles de style : habiller le contenu

Les feuilles de style permettent d’habiller graphiquement un page. La même page HTML peut avoir un aspect graphiquement totalement différent selon la feuille de style.

Voir le site zengarden qui illustre la même page avec une variété de styles quasiment infinie

SPIP-Contrib avec sa feuille de style écran
SPIP-Contrib avec sa feuille de style écran

SPIP-Contrib avec sa feuille de style impression
SPIP-Contrib avec sa feuille de style impression

SPIP-Contrib nu sans son habillage de feuilles de style
SPIP-Contrib nu (sans son habillage de feuilles de style)

Créer son propre squelette : les 2 méthodes

Méthode du strip-tease : adapter un squelette existant
On part d’un squelette existant et on le transforme par touches pour arriver au squelette de ces rêves

Avantages
Idéal pour les débutants : il n’est pas nécessaire de connaitre toutes les technologies pour y arriver. On apprend en cours de chemin
Progressif il est possible de parvenir à l’objectif par étapes tout en conservant un site fonctionnel. Les améliorations se font par petites touches.
Inconvénients
Limites ? Sur certains sites complexes, on éprouvera quelques limites

Méthode de l’architecte : on part de zéro
Consiste de partir l’aspect final désiré et de monter progressivement le squelette à partir de zéro.

Avantages
Maitrise totale il n’y pas de limites à votre présentation. Vous n’êtes pas emprisonné dans un patron comme beaucoup d’autres logiciels
Inconvénients
Expertise requise Requiert une bonne maîtrise sur toutes les technologies (HTML, CSS, SPIP)
Temps de développement Le site ne sera pas tout de suite disponible

Si cela intéresse du monde, ces deux méthodes feront l’objet de prochains articles

P.-S.

Cet article est un compte-rendu de la présentation faite au festival SPIP d’Avignon de juin 2009
Voir la vidéo de cette présentation

Notes

[1SPIP comme framework http://www.spip-blog.net/De-l-inter...

Dernière modification de cette page le 26 décembre 2011

Retour en haut de la page

Vos commentaires

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • CleverMail

    20 janvier 2010 – 635 commentaires

    CleverMail est un plugin permettant d’envoyer des lettres d’informations à des abonnés depuis SPIP. Issu au départ d’un développement libre complètement indépendant de SPIP, il a connu une première version pour SPIP 1.9 avant d’être complètement réécris (...)

  • SPMC : Squelette par mot clé V2.0

    21 septembre 2009 – 48 commentaires

    Ce plugin prend la suite de squelette par mot clef V1.92 qui ne fonctionnait plus sous SPIP 2.0.x. Avec l’accord de Mortimer qui n’a plus le temps de le maintenir, je prend donc la suite. Présentation du plugin « Squelette par mot clé V2.0 » Le (...)

  • Sarka-SPIP 3

    15 septembre 2009 – 211 commentaires

    Si la lignée 3 de Sarka-SPIP a été l’occasion de refaire presque entièrement le code du squelette elle continue à évoluer et à s’améliorer au fil des versions. Nous ne saurions trop conseiller aux nouveaux utilisateurs - et aussi aux anciens - (...)

  • Paiement avec Formidable

    16 février 2015 – 53 commentaires

    Ce plugin « Paiement avec Formidable » permet d’ajouter une étape de paiement à la fin de la saisie d’un formulaire créé par le plugin Formidable. Il le complète et nécessite par ailleurs le plugin bank qui gère l’interface technique avec les prestataires (...)

  • Spip2Spip

    21 février 2008 – 159 commentaires

    Spip2spip permet de synchroniser le contenu de plusieurs sites SPIP entre eux en étendant le principe de la syndication thématique. Les articles d’un SPIP sont récopiés d’un site à l’autre en conservant leur formatage (...)

Ça spipe par là