spip-o-mania

Squelettes Spip 2.0 - Hiver 2008/2009

Davduf : l’habillage pour Spip 2.0 dispo

par davduf, 22 février 2010

A l’origine, l’idée est simple : changer de squelette en le faisant coïncider avec la sortie tonitruante de la version 2.0 de Spip, l’arme magique d’(auto) publication sur le Web. L’affaire est un sprint. Elle va se transformer en marathon.

Comme pour le squelette précédent, je suis allé fouiner du côtes des templates de chez WordPress. Faut reconnaître à WordPress sa fulgurance pour ce qui est des habillages graphiques. Ses utilisateurs débordent d’inventivité, de css en cascade, de thèmes fous. Et, comme pour le précédent habillage de davduf.net, j’ai plutôt cherché du côté de la famille dite « magazine » des templates WordPress. Car c’est un fait, WordPress est avant tout orienté blog. Et pour le faire sortir du stérile billet-écrase-billet, ce n’est pas tant sur l’outil qu’on peut compter mais sur certains de ses (nombreux) utilisateurs de graphistes (talentueux).

Et là, pardon, mais ça fuse sec.

Un peu de WordPress dans un monde de Spip

Mon choix s’est porté très vite sur le travail de Derek Punsalan, l’homme derrière http://5thirtyone.com. Parmi les quelques impeccables templates que Derek propose, il y a le Unstandard. C’est celui ci que j’ai choisi. Deux mois après, il est totalement remouliné façon Spip. Adapté façon Spip. [mode troll] Juste retour aux choses : dans le genre magazine, Spip, on fait pas mieux [/mode troll].

Pour les boucles, c’est un mélange de 70% de celles du squelette d’origine fourni avec Spip (les squelettes dits de la "dist"), 20% de celles du précédent squelette de davduf.net, et 10% d’un peu partout ailleurs.

L’idée générale est de rester compact. Simple. Carré. Et d’utiliser, au mieux, les atouts graphiques de Spip. D’où un usage prononcé pour les effets typographiques et le traitement automatisé des images. [mode troll] Juste retour aux choses bis repetitae : dans le genre soin graphique, Spip, on fait pas mieux [/mode troll] C’est notamment le traitement automatisé des images qui permet d’extraire les logos des articles et des rubriques, puis de les recalculer automatiquement, pour qu’ils apparaissent en home et en reproduction orange à l’intérieur des pages. A propos de la home, seuls les articles identifiés au moyen d’un mot clé spécifique y apparaissent.

Fignolages. Erreurs. Découragement. Et reprise des hostilités. Le 4 novembre 2008, davduf.net nouvelle mouture est en ligne. Le squelette en tant que tel le sera sous peu, dès que les premiers retours (cf. forum en dessous) auront permis de traquer les bugs. Merci à tous pour votre aide.

Plugins.

Mais quant à faire, autant placer également quelques plug-ins propres à Spip.

Là encore, le cheminement est simple : direction Spip Contrib. Qui propose la plus belle vitrine du doux monde spipien en matière d’extensions. Ainsi, de base, ce nouveau squelette de davduf.net incorpore :

- Social Tags, qui permet de tagger les articles, brèves, rubriques, vers les réseaux sociaux.
- Nuage, qui regroupe les mots clés.
- Thickbox, qui permet de produire des diaporamas photos de qualité.
- Lecteur multimedia, pour la lecture des sons et vidéos.
- Couteau suisse, qui sert à tout comme son nom l’indique.
- Visiteurs connectés.
- L’intégration des icones de Gravatar pour les forums.

Et pour finir, mille mercis à :

- BoOz @ http://leradiophone.net
- Azerttyu pour l’aide javascript
- Romy, dont les sites sont régulièrement des Spip pépites et autant de sources d’inspiration
- Fil, qui sait pourquoi.

Et maintenant, le squelette dispo à la vente (gratuite !).

Squelettes Davduf
Collection 2008/2010.
Compatible Spip 2.x. Téléchargez le ! Et si vous l’utilsiez, merci de laisser un p’tit crédit vers davduf.net ,-)

Messages

  • Excellent, j’avais commencé à faire le portage dans mon coin ... ;)

    • Hé hé Izo ,-)

      Du coip, tu peux peut être m’aider... J’ai un soucis sous IE/Windows (comme par hasard), sur la home... Les photos ne s’affichent pas sous deux colonnes mais s’empilent sur une seule. Un problème de DIV quelque part, mais où ? Avais tu résolu ce problème ?

    • Spip c’est que du bonheur comme dirait l’autre, j’ai découvert depuis peu grâce à votre site et j’ai été conquise, merci à vous !

      citation

  • Yes ! Superbe !
    C’est vrai que les sites sous WordPress ont souvent belle gueule. Sais-tu quelle est la structure HTML standard des thèmes WordPress (si tant est qu’il en existe une) afin que j’explore ça ? Et surveille bien les plugins à venir de SPIP 2.0, parmi lesquels devraient fleurir quelques squelettes et galeries de thèmes graphiques non moins sympas :-)

    NB : SPIP s’écrit en majuscules. Comme dit Edgard, c’est un acronyme, pas un petit nom ;-)

  • Il reste donc à attendre un pmeu pour avoir de quoi passer agréablement de wordpress à SPIP ?
    Waouh, le saut !
    Merci

  • Superbe, magnifique, géant...

    Une humble remarque j’ai mis un peu de temps (bon en fait une ou deux minutes) pour repérer les sous-rubriques. Je m’explique. J’ai consulté le plan, je vois qu’il existe des sous-rubriques. Je me rends donc dans la rubrique Sous-culture, je vois Articles de la rubrique, puis Sur le Web. Et d’en mon empressement je n’ai pas compris tout de suite que je trouverai les sous -rubriques plus bas dans la page. J’ai un peu de mal avec ce choix hiérarchique, d’autant qu’une fois dans la sous-rubrique, l’on a à nouveau Articles de cette rubrique puis Sur le Web. Perso, j’aurai peut-être indiqué Article dans cette sous-rubrique. Et l’existence de Sur le Web à la fois au niveau rubrique et sous-rubrique me ferait pencher pour un ordre sur la page d’une rubrique du type : Article de cette rubrique, puis la liste des sous-rubrique accessibles, puis pour fermer Sur le Web. De l’interne vers l’externe.

    Un dernier truc, les liens vers Ballu a un site et Ballu site(gérard Cambon) renvoie une erreur 404.

    Ah, et aussi, merci pour ce beau travail d’équilibre des masses, des blancs... Avec un si beau travail typo-graphisme, lire à l’écran est un vrai plaisir.

    Fred

    • Bonjour Fred,

      Merci beaucoup pour tes appréciations et remarques. A dire vrai, j’ai crée la page Plan du site à la toute fin, dans l’empressement. Comme toi, je pense qu’elle n’est pas du tout au point. Il faut que je regarde ça. Ou peut-être pourrons nous régler ça quand je mettrai les squelettes en accès libre... Est ce que ça te dirait, toi, de regarder ça ?

      Merci encore !

  • Bonjour,

    Je "débarque" dans l’univers SPIP et j’avoue effectivement qu’il réponds à nos attentes et surtout au mienne qui sont de ne pas avoir à faire de développement (ou très peu).
    Mais j’ai beaucoup de mal à suivre le fil des version.

    Ou en est on sur SPIP ?

    1.9.2 ?

    2.0 ?

    Sarka - SPIP 2.0 et 3.0 est un projet parallèle ou non ?

    Bref j’ai un peu de mal à savoir vers quelle version me tourner, surtout que SPIP 1.9.2 date quand même de Fév 2007.

    si vous avez une explication toute faite ou autre je suis preneur.

    Merci.

    • Spip en est à la version 2.0.3

      Sarka - SPIP 2.0 et 3.0 n’est pas un dérivé mais un système de maquette (appelé "squelettes" chez Spip).

      Bonne chance !

  • Bonjour à toi Davduf !

    Très très joli squelette : d’ailleurs le rends-tu disponible au téléchargement ? :)

  • Excellent squelette, j’adore vraiment le rendu.
    petites annonces

  • Superbe travail.
    Je souhaiterais l’utiliser dans un cadre professionnel mais expérimental.
    Est-il permis, tout en conservant, le lien vers votre site (lien en bas de page), de supprimer les références dans les colonnes à vos livres et webfilms ?
    Je souhaite toucher au code, comme simple apprenti.
    Je vous remercie bien en tout cas.

    • Cher Corda,

      Tout est absolument permis ! Tu peux changer tout ce que tu veux. Aucun problème. Bonne chance !

    • Merci.
      Je te tiendrai informé de la suite.
      C’est encore une idée seulement.
      Je vais la soumettre et la porter.

      Je suis tout de même trop novice.
      Par exemple, je ne sais pas faire disparaître une erreur gênante qui pourrait paralyser cette aventure.
      Sous "Articles populaires", en barre de côté, il s’affiche ça :

      Articles populaires (6 derniers mois)

      * <180par populariteinversepagination 4> (pop : 0 %)

      Comment faire disparaître ça (le "* <180par populariteinversepagination 4>") ? Moi, je ne sais pas.
      Je vais chercher autour de moi si quelqu’un a la solution.

      En tout cas, merci encore et bonne chance.

    • Je me réponds à moi-même, pour corriger la mauvaise impression de mon message précédent.
      Ça a disparu tout seul… Honte sur moi.
      Il y a de la magie dans SPIP !

    • J’oubliais de dire l’essentiel : le site sur lequel je travaille ne manque pas d’allure grâce à ses vêtements très bien choisis.
      Il sera peut-être en ligne bientôt, je l’espère.

      Il faut encore du moins que je réussisse à mettre un article en Une.
      J’ai lu dans le code source de la page sommaire.html qu’il faut créer une boucle, choisir l’article, et placer ça dans la page.
      Ça n’a pas l’air trop compliqué à entendre comme ça mais, la 1ère fois, quand même !
      Je vais essayer.

  • Bonjour

    actuellement développeur web je n’ai jamais travaillé sous spip, et j’envisagerais un jour de faire le premier pas peut être. Je voudrais savoir si comme dans Drupal un module similaire à CCK et Views et intégré ? J’en utilise un pour mon site de vitres teintées et c’est vachement utile !

    merci

  • J’utilise cela aussi pour mon site de paris sportifs et je dois dire que c’est vraiment un très bel outil qui se renouvelle continuellement et que je recommande à tous les développeurs.

  • Superbe !
    Des beaux design, c’est ce qu’il manque à SPIP, je l’ai toujours pensé mais je n’ai jamais fait d’efforts comme toi pour proposer un squelette.
    Va falloir que je me bouge (ou que je passe à wordpress) !

  • Impréssionnant ! bonne chance !

Spip au Médialab pour les mouvements sociaux : partages d’expériences

En route !