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.




Excellent, j’avais commencé à faire le portage dans mon coin ... ;)
Répondre à ce message
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 ?
Répondre à ce message
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
Répondre à ce message
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 ;-)
Répondre à ce message
Chère Romy, merci de ton passage ici ,-) Qu’entends tu par « structure HTML standard » ? S’il y a un template de base ? Si c’est ça, oui. il existe deux templates de base, comme pour SPIP il existe le squelette Dist...
Répondre à ce message
Oui-oui ! C’est bien ça ! Je cherche à étudier le(s) template(s) de base de WordPress ! Où trouve-t-on cela ?
Répondre à ce message
@romy : le template par défaut de WordPress se trouve dans n’importe quel install WordPress dans le dossier /wp-content/themes/default/. Je viens justement de publier un tuto sur le sujet : http://www.lektum.info/2008/12/19/creer-un-theme-original-pour-wordpress/
Répondre à ce message
Il reste donc à attendre un pmeu pour avoir de quoi passer agréablement de wordpress à SPIP ? Waouh, le saut ! Merci
Répondre à ce message
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
Répondre à ce message
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 !
Répondre à ce message
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.
Répondre à ce message
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 !
Répondre à ce message
Bonjour à toi Davduf !
Très très joli squelette : d’ailleurs le rends-tu disponible au téléchargement ? :)
Répondre à ce message
Merci. Ils sont djà dispos dans le dossier /squelettes Je ferai un zip dès que j’aurais tout corrigé...
Répondre à ce message
Il est où ce squelette ? Comment le télécharger ?
Répondre à ce message
Davduf merci beaucoup pour ce skin, je me le suis accaparé, après quelques personnalisations je dois l’avouer il est parfait , encore merci !!!
Unibet
Répondre à ce message
Bonjour Beber... Le lien que tu donnes renvoie à un site de paris dont la maquette n’a rien a voir :-) tu pourrais nous filer la bonne url ? Merci à toi !
Répondre à ce message
Salut DavDuf, mon site est en refonte, le SPIP est en cours d’élaboration, toujours en local pour l’instant c’est pour ça que tu ne le vois pas encore sur mon nom de domaine... Dès qu’il est en place je vous recontacte ! Encore merci et bonne journée à vous ! :-)
Répondre à ce message
Aucun problème ! Tiens nous au courant.
Répondre à ce message
Au jour d’aujourd’hui, est ce que ce site spip est en ligne ?
http://www.encheres-guide.fr
Répondre à ce message