Valéry-Xavier Lentz.eu

To content | To menu | To search

Sunday 14 March 2010

Un domaine par langue pour un site SPIP

Ce billet rassemble quelques notes sur les manipulations que j'ai mis en oeuvre pour permettre l'utilisation de plusieurs domaines sur le site du webzine Le Taurillon, construit en SPIP. N'hésitez pas à faire part en commentaire de vos observations sur la méthode retenue.

SPIP propose tout ce qu'il faut pour construire un site web éditorial de type magazine. C'est même ce qu'il fait le mieux. De même il dispose de nombreuses possibilités pour la construction d'un site multilingue.

Le Taurillon, conçu initialement en français, rapidement pendant l'été 2005, est un site désormais publié en quatre langues. Chaque langue correspond en réalité à une publication différente car, même si de nombreux articles sont traduits, les équipes éditoriales sont distinctes.

  • Le Taurillon est publié par JEF-France, en français, utilise taurillon.org ;
  • The New Federalist est édité par JEF-Europe en anglais, a pour domaine thenewfederalist.eu ;
  • Eurobull est publié par JEF-Italie, en italien, avec eurobull.it ;
  • Treffpunkt Europa, enfin, est publié par JEF-Allemagne, en allemand, donc, avec treffpunkteuropa.de.
Le site est organisé à l'aide d'un secteur par langue. Chaque secteur (rubrique de premier niveau) ne contiens donc que des articles dans la même langue.
Les articles et rubriques ayant une langue, il est possible au sein de la boucle ARTICLE, ou RUBRIQUE, d'utiliser la balise #LANG pour récupérer la langue du contexte. Pour le reste du site il faut utiliser un paramètre de langue dans l'URL : &lang=fr que l'on récupère à l'aide de #ENV{lang}. Le critère {lang} permet ensuite dans les boucles l'acceptant de filtrer le contenu par langue. Pour en savoir plus lire la rubrique "Multilinguisme" sur site "Programmer avec SPIP 2.0".
C'est ainsi le cas de la page d'accueil. Ainsi, http://www.taurillon.org/?lang=fr affiche la page d'accueil du Taurillon, mais http://www.taurillon.org/?lang=de affichera la page d'accueil... de Treffpunkt Europa.

Un domaine par langue

La première étape a été de demande aux propriétaires des domaines de les configurer avec les NS de OVH, l'hébergeur du site. Chez ce dernier, j'ai pu faire pointer tous les domaines vers le même répertoire, celui où est installé le site, à l'aide d'enregistrements DNS de type A.
Par défaut, c'est la page francophone (langue par défaut du site) qui s'affiche. Pour que chaque domaine retrouve la page d'accueil correspondante c'est le fichier .htaccess qui est appelé à l'aide :
RewriteCond %{HTTP_HOST}  ^www.thenewfederalist\.eu$
RewriteRule (.*) spip.php?lang=en [QSA,L]
Jusqu'à la page d'accueil, tout vas bien, donc. Le problème est qu'un clic vers un article dans une autre langue conserve le nom de domaine actif. On se retrouve donc avec des articles en français ou en allemand sous le domaine anglophone.
Et c'est mal.
Pour parer à cette situation j'ai mis en place deux systèmes :
1) Indiquer l'URL canonique de la page : afin de ne pas troubler les robots (c'est fragile ces engins), j'ai ajouté dans le head une ligne indiquant l'URL canonique de la page, c'est à dire l'URL que je leur demande de prendre en compte pour chaque page. Un article en allemand aura donc dans le code de la page une ligne du type : 
<link rel="canonical" href="http://www.treffpunkteuropa.de/Chronik-eines-angekundigten-Todes" />
2) Pour les humains, et les robots malcomprenants, je modifie les #URL_ARTICLE et #URL_RUBRIQUE, qui génèrent un lien relatif, pour proposer un lien absolu avec le domaine.
Pour ce faire j'avais envisagé d'utiliser le plugin "Multidomaines". Celui-ci permet, à l'aide d'un champ Extra (oui il faut installer aussi ce plugin), d'associer un domaine à une rubrique. Je ne l'ai pas utilisé pour trois raisons : je n'ai pas besoin de toutes ses fonctions, je n'aime pas (plus) installer trop de plugins (impact sur lesperformances, complique la maintenance et l'évolutivité du site), enfin, quand je l'ai activé j'ai eu un message d'erreur et je n'ai pas insisté.
J'ai utilisé les chaines de langue de SPIP : j'ai créé une chaine <:domaine:> et indiqué dans chaque fichier de langue le domaine correspondant. Je peux donc utiliser cette chaine partout où j'ai besoin du domaine, car je dispose de la langue dans le contexte partout, soit dans la boucle, soit dans l'URL (paramètre lang).  Par exemple dans une boucle ARTICLES, j'indique comme lien href="<:domaine:>/#URL_ARTICLE". 

Les limites de l'approche retenue

Naturellement, cette méthode a des limites.
  • elle implique de modifier tous les squelettes. C'est également le cas avec le plugin qui propose ses propres balises. Pour l'instant je n'ai traité que les squelettes essentiels. J'adopterai l'approche systématiquement lors d'une refonte, et au fur et à mesure d'ici là.
  • elle ne peut avoir d'effet pour une boucle affichant des contenus en plusieurs langues (une boucle FORUM par exemple, celle-ci n'acceptant pas le critère lang) : les URL utilisent alors le domaine en cours.
  • les statistiques de fréquentation sont en partie faussées, chaque URL étant comptabilisée comme un site référent tiers. Il faut que j'étudie les configurations possibles dans Google analytics 

Méthodes alternatives

Plusieurs autres méthodes sont à étudier.
  • le mutualisé : plusieurs sites SPIP (dans des répertoires différents) qui pourraient partager une même base de données (pour permettre la gestion des liens de traduction ou des auteurs communs). À vérifier: cette solution permet-elle de partager un même jeu de squelettes ?). 
  • Utilisation du htaccess pour réécrire l'URL en fonction du paramètre lang pour y placer le bon domaine : je ne suis pas sur que ce soit possible, il faut que j'étudie plus la syntaxe pour RewriteCond
Un billet à mettre à jour donc, si je découvre une meilleure méthode. Mais pour l'instant l'essentiel semble fonctionner.

Mise à jour

31/03/2010 : Le carnet-SPIP propose différentes méthode, notamment à base de php. Cf. http://www.spip-contrib.net/MultilinguismeExemple6

Sunday 7 June 2009

Lancement de spip-info.net

Le mini-site spip-info.net a pour vocation de jouer le rôle d’une « carte de visite » pour SPIP.

Un utilisateur recherchant un outil pour construire son site, ou celui de son organisation, y trouvera les informations lui permettant de se faire une idée rapidement des possibilités de SPIP. Il y trouvera aussi de l’information sur les ressources disponibles.

C'est suite à un message sur le groupe SPIP sur le site LinkedIn, où je regrettait les lacunes en terme de design ou d'architecture de l'information des principaux sites de la «galaxie» SPIP, que s'est lancé le projet. Plusieurs participants au groupes partageant ce point de vue, nous avons rapidement décidés de faire la proposition de ce mini-site d'information sur SPIP. 

Nous avons donc créés un compte Basecamp pour suivre le projet. Gilles a réalisé une Mindmap avec les fonctionnalités de SPIP, j'ai créés quelques boards puis une charte graphique et un plan du site. Etienne s'étant porté volontaire, il a réalisé ensuite le site pendant que je rédigeais les contenus. Le projet aurait dû aller très vite mais le manque de disponibilité de chacun nous a fait rater le lancement de SPIP 2.0 avec lequel nous voulions le faire coïncider. Peu importe, ce site existe désormais et j'espère qu'il sera utile.

Les sites de la galaxie SPIP proposent un contenu riche, intéressant et utile. Ils peuvent pourtant s’avérer difficiles d’accès pour simplement se faire une idée de ce qu’est SPIP. spip-info.net se veut complémentaire de spip.net et de spip-contrib.net. Il peut constituer un premier contact, un point d’entrée vers le reste des ressources disponibles. 

Vous pourrez ainsi donner ce lien à quiconque vous demanderait si vous connaissez un outil de gestion de contenu libre et agréable à utiliser.

Lire aussi :

Friday 5 December 2008

Le squelette The Morning After sur SPIP-contrib

J’ai publié ce jour une première contribution sur spip-contrib.net, le site des amis de SPIP.

J’ai en effet passé une partie du weekend dernier à adapter sous SPIP le thème Wordpress The Morning After diffusé sous licence libre par Arun Kale. J’ai apprécié ce thème en raison de sa grande sobriété, lequel permet des déclinaisons graphiques nombreuses et simples à mettre en oeuvre, ainsi que pour la mise en valeur du visuel principal.

Le principe est très simple : reprendre chaque modèle de page (page d’accueil, page article, etc.), retirer le code php spécifique à Wordpress pour le remplacer par des balises et des boucles SPIP.

Je rechechais en réalité un modèle afin d’entreprendre une refonte du site www.pressefederaliste.eu. Un thème de type “magazine” était particulièrement approprié pour ce site dont le contenu est pour l’essentiel les derniers numéros du journal Fédéchoses. La présentation actuelle ne lui rend pas justice. Pourtant, la première étape passant par cette adaptation, j’ai préféré dans un premier temps créer une adaptation fidèle du thème, c’est à dire un squelette de blog avant de me lancer dans le travail spécifique que représente le site de Presse fédéraliste, lequel attendra donc un petit peu mais partira sur de bonnes bases.

The Morning After est en effet basé sur le “framework” CSS Blueprint, lequel donne à son affichage une stabilité et une évolutivité appréciables. Ainsi, il est possible de manipuler les colonnes en changeant seulement quelques valeurs dans le code XHTML des pages.

Un site de démonstration du squelette est disponible ici. L’article sur SPIP-contrib est là.

Monday 24 November 2008

Sortie de SPIP 2.0 RC1

La version 2.0 de l’excellent outil de gestion de contenus est sortie avec le statut Release Candidate c’est à dire en version admissible. En d’autres termes le gros des tests est terminé et la communauté demande à un plus grand nombre d’utilisateurs de mettre en oeuvre cette nouvelle version afin de pouvoir remonter les quelques anomalies qui subsisteraient.

Les nouveautés de SPIP 2.0 sont évoquées dans un de mes billets et dans deux billets de Marcimat ici et .

Lire l’annnonce sur spip-contrib : SPIP 2.0 RC1 (Release Candidate 1) est sortie

Wednesday 20 August 2008

Spip 2.0 : tout change et rien ne change

L’outil de gestion de contenu libre SPIP va prochainement passer à sa version 2, une fois la phase de tests en cours achevée. Cette sortie risque de passer pour un non-événement aux yeux d’une grande partie des utilisateurs actuels tout en enthousiasmant dans le même temps les autres.

En effet pour les contributeurs ou webmasters, les évolutions visibles seront minimes dans un premier temps. L’évolution de SPIP s’est faite progressivement. En huit ans d’existence c’est par ajout successifs que s’est constitué toute la richesse de ce CMS et non pas par des grands bonds en avant. La version 1.7 a vu arriver le multilinguisme, la version 1.8 un nouveau design de l’espace d’administration et un moteur aux capacités plus étendues, la version 1.9 a permis l’ajout de plugins. Le passage à la version 2 ne représentera donc pas une révolution mais plus surement l’officialisation d’un travail de maturation de plusieurs années.

En revanche pour les concepteurs de sites, les dizaines de nouvelles fonctionnalités, somme du travail colossal d’une équipe de développeurs bénévoles, représentent autant de pistes pour construire plus facilement encore des sites fonctionnellement très riches. SPIP n’est plus depuis longtemps un simple outil de gestion de contenu éditorial mais constitue désormais une boite à outils permettant de construire des sites bien plus complexes pour qui sait en tirer parti.

“Tout change” donc, puisque la nature de l’outil est désormais bien différente de ce qu’il était par le passé. Mais “rien ne change” également compte tenu de l’attention particulière apportée à la rétrocompatibilité et à maintenir intacte l’expérience utilisateur actuelle ainsi que la courbe d’apprentissage très douce pour ceux qui souhaitent aller plus loin dans l’exploitation de l’outil et le développement de sites. La nouvelle version ne perturbera donc pas les utilisateurs.

Les nouveautés marquantes

La liste des nouvelles fonctionnalités étant particulièrement longue, je ne retiens ici que celles qui ont attiré mon attention, compte tenu de mon expérience personnelle avec SPIP. N’étant pas pour ma part développeur, la portée de bon nombre nombre de changements m’échappe complètement (comme la compatibilité avec plusieurs types de bases de données) là où d’autres m’interpellent tout de suite (l’usage simplifié d’AJAX pour qui ne connais pas le javascript par exemple).

Les petits trucs agaçants qui sont résolus :

  • l’interface simplifiée du backoffice trépasse : hip hip hip hourra. Il était juste trop compliqué d’expliquer aux utilisateurs qu’il existait deux interfaces.
  • SPIP va toujours générer des paragraphes alors qu’il ne le faisait pas sans utiliser le Couteau suisse.
  • exit les class=”spip” inutiles
  • enfin et surtout un nouveau système d’URL arborescente (reprenant de nom des rubriques) et une gestion de l’historique des URL (lorsque l’on change le nom d’un article par exemple).
  • l‘“officialisation” d’un certains nombre de plugins et la possibilité de les télécharger depuis le backoffice rend leur utilisationplus accessible aux nouveaux utilisateurs.

Des innovations potentiellement intéressantes :

  • un squelette par défaut basé sur layoutgala. En tant que grand utilisateur de ces squelettes, la facilité de les personnaliser que cela devrait apporter est appréciable. Nous ne devrions pas tarder à voir paraitre un plugin permettant le passage d’une mise en page à l’autre d’un clic en backoffice.
  • des jointures automatiques à travers les critères d’une boucle : un peu plus technique mais à ce que j’ai compris cela devrait me permettre d’afficher les commentaires postés sur toutes les traductions d’un article.
  • la gestion des conflits lors de l’édition d’un objet (si Fabien et Ronan modifient un même article en même temps dans l’espace d’administration par exemple).
  • la mutualisation des sources est à expérimenter : un seul Spip pour plusieurs sites (avec des backoffices distincts : il s’agit plus de réaliser l’équivalent d’une ferme de blogs que e permettre de gérer plusieurs sites dans le même backoffice omme le permettent Dotclear ou Typo3 par exemple).
  • une meilleure gestion des relations entre plugins et une balise plugin (à ce que j’ai compris cela permet de faire en sorte que le code concernant un plugin particulier ne s’applique que si le plugin est activé, exit les messages d’erreur en dront dès que l’on décoche une extension).
  • la possibilité d’utiliser plusieurs bases de données pour un même site : cela devrait permettre, par exemple, d’afficher des données issus d’une application métier installée parallèlement à Spip dans les squelettes SPIP sans développements particuliers (autre celui du squelette SPIP bien sur). À tester.

Une occasion de faire connaître SPIP ?

La maturité des nombreuses innovations de SPIP de ces dernières années doit permettre de faire découvrir ou redécouvrir SPIP à ceux qui l’avaient connus il y a plusieurs années. Toutefois force est de constater que la promotion de l’outil, notamment auprès d’un public professionnel, n’est pas une priorité de ses concepteurs. Les sites faisant la promotion de l’outil nécessitent un investissement non négligeable pour trouver la bonne information ou simplement une liste de fonctionnalités. Là où la plupart des autres CMS disposent de sites officiels plutôt bien conçus (cf. Dotclear ou Wordpress par exemple), avec un travail d’organisation de l’information rendu visible par un webdesign approprié, spip.net et spip-contrib sont plus difficiles d’accès. Le site de contribution ne hiérarchise pas non plus ses contenus mettant sur le même plan une expérimentation utilisée par trois personnes et un plugin indispensable utilisé par la plupart des utilisateurs expérimentés.

En outre il manque une distribution par défaut “clé en main” et personnalisable. Quelque soit la richesse fonctionnelle de la dist, elle ne peut être utilisé comme tel de manière satisfaisante. Ce n’est pas d’ailleurs son objectif. De nombreuses tentatives dispersées mettent à profit les évolutions de SPIP dans cette perspective mais au jour d’aujourd’hui installer la distribution de base de SPIP ne permet pas de choisir par exemple l’emplacement des colonnes, de choisir les blocs d’infos à y faire figurer, de modifier les couleurs ou les polices de caractère. SPIP restera pour l’instant réservé à ceux qui n’hésitent pas à bricoler un petit peu ne serais-ce qu’en allant fouiller SPIP contrib pour trouver un squelette leur convenant.

Wednesday 13 August 2008

Passage de Spip à Dotclear

Ce blog est désormais motorisé sous dotclear. Dotclear est un outil de gestion de contenu libre spécialisé dans la gestion de blogs et développé en France, qui célèbre aujourd'hui même ses cinq ans.

Non pas que Spip ne n'apportait pas satisfaction, mais je souhaitais découvrir un autre outil de manière plus approfondie et le meilleur moyen de le faire est de l'utiliser.

Ce billet, en cours de rédaction, est l'occasion de faire un petit tour du propriétaire et un comparatif rapide entre les deux CMS.

J'ai pu importer partiellement les billets mais pas les quelques commentaires. Ceux qui souhaiteraient les retrouver peuvent accéder à l'ancien blog à l'adresse http://www.valeryxavierlentz.eu/spip/

Pourquoi un changement d'outil ?

Disons-le d'emblée : ce changement d'outil n'était en rien indispensable. En effet, Spip est un CMS très complet et dont le langage de balise permet de construire facilement les modèles de pages requis. La plupart des fonctions disponibles dans Dotclear sont donc présentes ou reproduisibles dans Spip.

Toutefois, l'interface de l'espace d'administration de Dotclear est plus directement étudiée pour la gestion d'un blog et ne propose que les fonctionnalités dont l'utilisateur a besoin pour celà.

Enfin, Dotclear dispose d'un thème par défaut très facilement configurable depuis l'espace d'administration (le présent blog a été personnalisé à la date d'aujourd'hui uniquement par cette interface) et de nombreux autres thèmes sont disponibles (sur le site dotaddict.org). Les extensions, encore peu nombreuses pour Dotclear 2.0 qui vient de sortir, sont plus directement adapté aux usages des blogs, notamment plusieurs filtres anti-spam sont disponibles.

Il existe aussi quelques "plus" appréciables en comparaison de Spip :
  • gestion simple de plusieurs blogs : un des modules de l'espace d'administration permet de créer immédiatement un nouveau blog, avec des utilisateurs et thèmes spécifiques. S'il est possible d'installer rapidement plusieurs sites Spip, surtout avec certains outils en cours d'expérimentation (cf. la Ferme à Spip), ceux-ci disposent d'espace d'administration distincts alors que dans Dotclear un utilisateur ayant accès à plusieurs blogs peut directement passer de l'un à l'autre.
  • gestion des modules du site public : ce que l'on appelle dans Spip des "noisettes", c'est à dire des modules d'affichage (par exemple : afficher les derniers commentaires) sont gérés directement en backoffice par une interface en glisser/déposer. Modifier la disposition de tels modules dans Spip implique la modification des squelettes (le nom des modèles de page ou templates dans Spip), pour les activer/désactiver ou les paramétrer. Une telle fonctionnalité est en projet pour Spip : le noisetier.
  • gestionnaire de médias : là où Spip impose d'associer un média (images et documents par exemple) à un article, Dotclear, comme la plupart des CMS, propose un gestionnaire distinct. Les médias peuvent donc être importés indépendamment des autres contenus et appelés lors de la création de billets. La même manipulation dans Spip impose de noter l'identifiant du document ou de l'image et d'utiliser le raccourci typographique ad hoc. Notons que la barre typographique v2 de Spip propose toutefois une interface pour rechercher un média dans l'arborescence du site en cours de saisie.
  • saisie Wysiwyg : il est possible de saisir ses billets à l'aide d'une syntaxe Wiki, mais aussi en xhtml avec une interface permettant de visualiser directement sa mise en forme de la saisie, ce qui est souvent apprécié par les utilisateurs. Je n'ai pas encore vérifié la propreté du code généré ni son accessibilité. Point appréciable, l'interface est limité et ne donne pas la possibilité à des rédacteurs saugrenus de créer des texte en rose, gras et en corps 30px. Je reste plutôt partisan pour ma part d'une syntaxe basée sur des balises comme les raccourcis typographiques de Spip, mais si l'on ne fait pas n'importe quoi avec, un éditeur Wysiwyg ne peut pas faire de mal.
  • gestion des commentaires : fonction essentielle d'un blog, la gestion des commentaires est naturellement un peu plus avancée dans Dotclear que dans Spip, avec notamment l'avantage appréciable de pouvoir les modifier, par exemple pour y apporter directement une réponse.
  • Extensions installées par défaut : plusieurs fonctions essentielles, mais gérées techniquement dans des plugins, sont livrées avec la distribution de base. 'est le cas de l'import/Export avec plusieurs formats disponibles, ou la gestion des liens du blogroll ou de l'antispam. Notons que les développeurs de Spip ont ajoutés à la version 2.0, en beta actuellement, une interface d'import de plugins qui propose notamment des plugins "officiels", c'est à dire maintenus par l'équipe des développeurs de Spip (à la différence des plugins proposés par des tiers dont les mises à jour lors de nouvelles versions de Spip sont incertaines).

Une migration laborieuse

Spip ne propose pas par défaut de fonctions d'Import/Export depuis d'autres outils de gestion de contenu. Ceux de Dotclear se sont avérés insuffisant.

Le plus simple semble devoir être d'utiliser le fil RSS. Une simple modification dans le squelette backend de Spip permet de créer un fichier RSS listant l'intégralité des articles du site. Ceux-ci sont directement intégrés dans la base de Dotclear, avec la mise en forme et les images (mise à jour : en fait les images ne sont pas importées dont si le site d'origine est fermé elles sont perdues...). Il faut toutefois veiller à ce que tous les champs que l'on souhaite soient bien présent dans le RSS ou sinon ajouter les balises appropriées (par exemple pour le site lié à l'article ou le post-scriptum si on les utilise). Problème majeur : les dates de publications des articles sont bien présentes dans le RSS mais... ne sont pas importées dans la base de donnée de Dotclear ! Je n'ai pas trouvé de solution pour réaliser la manipulation et j'ai changé les dates à la main, ce qui s'avère laborieux et impraticable lorsque l'on a de nombreuses archives.

En ce qui concerne les autres contenus (rubriques, mots-clés, liens, commentaires...) j'ai tenté sans succès de créer un squelette Spip reproduisant un fichier d'export Dotclear afin de pouvoir le réimporter, en cherchant pour chaque champs son équivalent. Si le fichier généré semblait identique la manipulation n'a pas réussi et j'ai laissé tomber au bout de quelques heures.

Toutefois j'ai pu récupérer mes liens grâce au squelette d'export OPML disponible sur Spip-contrib. Dotclear dispose pour le module de gestion des liens utilisant le format et le tout s'est fait très simplement.

Conclusion

Au final, l'intérêt essentiel du passage à Dotclear est de disposer d'un outil de blog clé en main avec toutefois de nombreuses options de personnalisation, là où Spip nécessite de mettre la main à la pâte de manière plus approfondie pour aboutir au même résultat. Notons toutefois qu'il existe plusieurs squelettes de blog de qualité disponibles pour Spip qui facilitent singulièrement la tâche.

En toute hypothèse, si votre site a vocation à être autre chose qu'un blog, Spip est clairement plus approprié. La gestion des "pages" de Dotclear (c'est à dire des contenus qui ne sont pas des billets) reste à mon sens trop basique pour construire un site complet sur cette base.

Je n'ai pas non plus testé les modalités de réalisation de nouveaux templates. Ce sera pour un autre billet quand je m'y serais penché un peu plus.





Saturday 12 January 2008

Quelques réalisations de sites en Spip

Voici quelques travaux réalisés dans le cadre de mon action associative.

Afin d'aider à renforcer la visibilité des associations auxquelles je participe, j'ai réalisé ces quelques sites au cours des dernières années. Tous utilisent l'outil de gestion de contenu Spip qui permet de construire un site dynamique doté de nombreuses fonctions sans connaître le langage de programmation php.

Si j'ai quelques connaissances en html et en css, je ne suis pas webdesigner. J'essaie surtout de faire quelque chose de propre et de fonctionnel. Ces sites sont loin d'être parfaits, mais il sont utiles je l'espère.

Le Taurillon, magazine eurocitoyen

www.taurillon.org

Caractéristiques : magazine en ligne, le Taurillon utilise la plupart des fonctions natives de Spip, notament le multilinguisme. Il est en effet édité en quatres langues. Le Taurillon compte à ce jour 300 auteurs et 1275 articles publiés. Une nouvelle version est en cours de réalisation.

Les Jeunes Européens France

www.jeunes-europeens.org

Caractéristiques : site associatif, il est une variante des squelettes par défaut de Spip où j'ai retravaillé notamment la page d'accueil et les pages des sections locales qui affichent le cas échéant les nouveautés des blogs externes si la section ne souhaite pas mettre à jour sa page.

Union pour l'Europe fédérale France

www.europe-federale.asso.fr

Caractéristiques : le site de l'UEF-France utilise le [squelette Alternatives auquel j'ai adapté un design fourni. Réalisé rapidement, il mérite d'être retravaillé.

Ensemble pour l'Europe

www.ensemble-europe.fr

Caractéristiques : très actif pendant la campagne référendaire de 2005, la version actuelle de ce site est un simple thème des squelettes par défaut de Spip.

Le Taurillon, version 2

Caractéristiques : la nouvelle version en cours de réalisation s'efforce de rendre le site plus aéré et plus lisible et de simplifier la navigation entre les langues. Elle intégre de nouveaux plugins pour facilliter l'administration du site et côté visiteurs pour permettre par exemple la consultation de contenus multimedias ou la notation des articles.

Saturday 11 August 2007

4 plugins Spip indispensables

L'ajout des plugins à Spip en a démultiplié le potentiel et en fait un CMS open source parfaitement au niveau de ses homologues. Voici ceux que j'installe systématiquement lors de la création d'un site en Spip 1.9.2.b.

Couteau Suisse

Cette boite à outil de Spip permet de gérer de manière fine un certain nombre de paramètres de l'administration mais aussi de l'affichage du site.

Constatant la multiplication de mini-plugins destinés à gérer des point de détail du fonctionnement de Spip, les développeurs de Spip ont décidés de regrouper toutes ces fonctions dans un plugin de configuration avancé.

Le Couteau Suisse, une fois activé comme tous les plugins, ajoute un bouton dans la rubrique Configuration de l'espace privé, lequel donne accès à une longue liste d'options.

Je l'utilise ainsi presque toujours :

  • Supprimer le numéro : la fonction permettant de cacher les numéros d'ordre dans les titres n'a plus besoin d'être ajoutée aux squelettes ;
  • Belles puces : les puces des raccourcis typographiques de Spip créent une liste html correcte et non pas une image ;
  • Guillemets typographiques : les guillemets droits saisis par les rédacteurs peu familiers du Alt+174 et Alt+175 sont remplacés par les guillemets typographiques corrects : « ».

En savoir plus : www.spip-contrib.net/Le-Couteau-Suisse

Crayons

Crayons impressionne les utilisateurs des anciennes versions de Spip et s'avère très vite un atout considérable dans la gestion d'un site en Spip. Une fois connecté, un administrateur peut désormais modifier le texte d'un article Spip depuis l'espace public sans avoir à repasser dans l'espace privé. Le survol du texte à modifier fait apparaître un picto. Un clic sur ce dernier transforme le texte en champs de formulaire. Une fois le texte modifié un bouton OK permet d'enregistrer les changements et de les voir directement.

Notons que les classes activant ces fonctions sont présentes dans les squelettes par défaut (dist). Il faudra si vous utilisez d'autres squelettes les modifier légèrement pour activer les crayons.

En savoir plus : www.spip-contrib.net/Les-crayons

Barre Typographique V2

L'une des multiples barre typo alternative disponible en plugin, celle-ci a la particularité de ne pas ajouter de raccourcis typographiques supplémentaires mais simplement de faciliter la saisie. Il est toutefois possible d'ajouter un second plugin pour disposer de plus d'options.

La saisie des tableaux est ainsi assistée par une interface graphique, l'insertion de document se fait à travers un menu affichant tous les documents déjà disponibles sur le site, enfin, il est possible de faire un chercher/remplacer dans un article.

En savoir plus : www.spip-contrib.net/Plugin-Barre-Typographique-V2

Boutons d'administration supplémentaires

Ce plugin ajoute simplement une série de boutons d'administration. Une fois connecté en tant qu'administrateur, il s'agit des boutons qui apparaissent en haut à droite de l'écran. Les nouveaux boutons permettent d'accéder directement à différentes parties de l'espace privé, évitant ainsi de naviguer dans celui-ci. Une économie de clics et de temps appréciable.

La barre de bouton est donc plus imposante mais les créateurs du plugin ont pensés à permettre de la replier. Bien pratique.

En savoir plus : www.spip-contrib.net/Boutons-d-administration

Ces quatres plugins sont à mon sens tout simplement indispensables. Merci donc à tous les développeurs qui les ont créés et partagés.

Wednesday 8 August 2007

La dist : un point de départ incontournable

Les [darkgreen]squelettes[/darkgreen] par défaut de Spip sont, volontairement, minimalistes mais sont un point de départ précieux pour l’apprentissage de la création de squelettes et pour le développement de vos propres sites.

L’un des reproches qui est souvent fait à Spip est que le modèle de site public livré avec l’outil n’est pas utilisable en l’état. Ce n’est pas tout à fait vrai puisque beaucoup de gens le font, mais il est vrai que d’autres CMS proposent directement de jolis modèles de sites dans la distribution d’origine.

Les squelettes par défaut (présent dans le répertoire dist) ont pourtant de nombreux avantages, et sont relativement simples à personnaliser dès que l’on met les mains dans le css. Ils sont aussi un outil précieux pour l’apprentissage du système de boucles et de balises spécifiques à Spip. La dist utilise en effet l’ensemble des fonctions de Spip et l’étude ou le recyclage de son code permet de bien démarrer.

Utiliser les thèmes

Pour qui veut mettre en ligne un site rapidement en utilisant les styles existant, un plugin (une extension) a été créé pour gérer les thèmes.

Il existe une dizaine de thèmes pour la dist, créés spécifiquements ou adaptés de modèles open-source.

Modifier les CSS de la dist

Une rubrique complète du site de Spip est consacré à l’habillage graphique du site et donne des conseils très utiles.

Adapter les CSS de la dist pour construire son propre site a un avantage majeur : il permet d’utiliser directement un grand nombre de squelettes de celle-ci et de ne modifier que ceux pour lesquels on a besoin d’une organisation différente de l’information.

Le css habillage est suffisamment souple pour que l’on puisse par exemple passer la navigation à gauche de la page (comme sur le thème Bluehaze) ou bien proposer un bandeau en haut de page.

J’ai procédé ainsi pour la création du site www.jeunes-europeens.org :

  • modification [1] des feuilles de style habillage.css et spip-styles.css : pasage de la largeur du site à 960px, adaptation des typos et couleurs ;
  • modification du squelette sommaire.html et rubriques.html pour adapter l’affichage des informations à mes besoins.

Cette simple intervention permet d’ores et déjà d’avoir un site prêt à fonctionner - avec toutes les fonctionnalités de Spip activées - et entièrement personnalisé graphiquement.

Il a fallu ensuite progressivement adapter d’autres pages (la rubrique Blog dont la présentation est différente d’une rubrique standard, ou Groupes locaux qui affiche les articles syndiqués) mais le site a pu être lancé tel quel.


[1] les modifications sont bien sur faites sur un copie des fichiers de la dist dans le dossier squelettes

À propos de Spip : Spip est un outil de gestion de contenu open source qui permet de publier le contenu un site web à l’aide d’un espace privé et de créer ses propres modèles de pages sans connaissance d’un langage de programmation mais à partir de simples connaissances en html et css.