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 !).
Messages
5 novembre 2008, 10:48, par izo
Excellent, j’avais commencé à faire le portage dans mon coin ... ;)
5 novembre 2008, 16:57, par davduf
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 ?
23 janvier 2009, 04:13, par Marie
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
6 novembre 2008, 11:52, par Romy
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 ;-)
6 novembre 2008, 12:07, par davduf
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...
10 novembre 2008, 11:28, par Romy
Oui-oui ! C’est bien ça ! Je cherche à étudier le(s) template(s) de base de WordPress ! Où trouve-t-on cela ?
19 décembre 2008, 16:03, par Stéphane
@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/
19 novembre 2008, 11:23, par JR
Il reste donc à attendre un pmeu pour avoir de quoi passer agréablement de wordpress à SPIP ? Waouh, le saut ! Merci
26 décembre 2008, 11:12
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
27 décembre 2008, 09:02, par davduf
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 !
12 janvier 2009, 15:39, par Webmestre FSGT Plongée
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.
12 janvier 2009, 16:12, par davduf
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 !
16 janvier 2009, 18:49, par technik
Bonjour à toi Davduf !
Très très joli squelette : d’ailleurs le rends-tu disponible au téléchargement ? :)
16 janvier 2009, 18:52, par davduf
Merci. Ils sont djà dispos dans le dossier /squelettes Je ferai un zip dès que j’aurais tout corrigé...
2 février 2009, 21:16, par Bigzar
Il est où ce squelette ? Comment le télécharger ?
13 février 2009, 17:03, par beber
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
14 février 2009, 09:06, par Davduf
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 !
17 février 2009, 09:33, par Beber
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 ! :-)
17 février 2009, 10:39, par davduf
Aucun problème ! Tiens nous au courant.
4 avril 2010, 16:38, par Yann
Excellent squelette, j’adore vraiment le rendu. petites annonces
1er mai 2010, 16:13, par corda
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.
1er mai 2010, 18:21, par davduf
Cher Corda,
Tout est absolument permis ! Tu peux changer tout ce que tu veux. Aucun problème. Bonne chance !
2 mai 2010, 10:01, par corda
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.
7 mai 2010, 10:35, par corda
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 !
7 mai 2010, 10:43, par ye
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.
11 mai 2010, 11:50
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
25 mai 2010, 04:08, par Bruno
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.
28 juillet 2010, 10:58, par jjjé
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) !
27 août 2010, 04:51, par Betclic
Impréssionnant ! bonne chance !