romy.tetue.net

Développement front et conception web
X-HTML, CSS, SPIP, sémantique et accessibilité

Paris-Web 2010, j’y vais ! (du 14 au 16 octobre).

La trousse à Têtue


22 octobre 2007,
5 décembre 2009,
par Romy Têtue

Partagez cet article : Voter pour cet artice sur hellocoton.fr Netvibes Yahoo myspace Technorati stumbleupon Digg Del.ico.us

Qu’y a-t-il dans la trousse à Têtue ? Des bricoles bien pratiques...

Comme tout le monde, je commence chaque nouveau site SPIP par quelques correctifs et réglages préalables. J’ai réuni ceux-ci afin de pouvoir les réutiliser facilement d’un projet à l’autre, ce qui a pris la forme d’un petit plugin perso, dit « trousse à Têtue », que je vous partage ici.

Zip - 39.3 ko
Trousse à Têtue 1
Réglages par défaut, corrections et autres préférences, pour SPIP 2

Ma trousse contient les trucs dont je ne sais plus me passer pour faire un site SPIP, sans autre forme de cohérence : réglages par défaut, corrections typographiques, modèles pour pages annexes (plan de site, formulaire de contact, etc.) et autres préférences.

Contrairement à la plupart des plugins SPIP, celui-ci n’est pas collaboratif et n’est d’ailleurs pas en dépôt commun sur la Zone. Il n’a pas vocation à persister : il regroupe mes habitudes et permet de vous les partager ici, avant d’en extraire éventuellement des éléments distribuables. Il ne devrait pas s’améliorer, mais au contraire s’amenuiser au fur et à mesure des évolutions de SPIP et ses plugins. Cette page de documentation sommaire sera mise à jour consécutivement.

Squelettes

  • Tous les squelettes distribués par SPIP sont court-circuités afin de partir d’une base vierge et saine. Seuls les trois squelettes qui sont réellement indispensables — la page d’accueil, les articles et le flux de syndication (soit sommaire.html, article.html et backend.html) — sont conservés dans leur fonctionnement original. La personnalisation se fait comme d’habitude, dans le dossier « squelettes ».
  • Si le plugin Agenda est activé, le flux iCal de la dist est remplacé par un flux iCal diffusant les événements du site (et non plus les articles).
  • En nommant le répertoire de ses squelettes par année (explications), le webmestre peut tester différents jeux de squelettes très facilement, en passant la variable /?var_skel=2009 dans l’URL.

CSS

  • Attention : pour faciliter les surcharges, la feuille de style du site doit être appelée dans le head après la balise #INSERT_HEAD. Bien sûr, il n’est pas idéal d’appeler ainsi les styles du site après la pelletée de scripts insérés par les plugins : ce n’est pas optimisé en terme de performance mais c’est la seule façon, actuellement dans SPIP, de laisser la main au webmestre pour l’habillage CSS de son site.

Balises et traductions

  • Ma trousse inclut la balise #TITRE_PARENT de James, qui répond au ticket #1003, parce que ça me manque depuis que je fais du SPIP et que je ne comprends pas pourquoi ce n’est pas dans le core...
  • Quelques traductions élémentaires, en fr et en, comme « accueil », « contact » et « liens utiles ». Ne semble plus fonctionner...

Modèles

  • Quelques modèles prêts à l’emploi permettent de construire rapidement les pages annexes d’un site, en créant simplement des articles pour chacune : plan de site, archives, quoi de neuf ?, etc. contenant respectivement <plan|>, <archives|>, <nouveautes|>, etc.
  • Formulaire de contact à insérer dans un article doté d’au moins un auteur, comme ceci : <formulaire_contact|id_article=7>, pour bâtir une page contact en quelques secondes. Incompatible avec le Formulaire de contact avancé.
  • Un modèle <accesskey|> liste automatiquement les 10 premiers articles comme accesskey (explications) et indique à l’internaute comment saisir ces raccourcis en fonction de sa configuration.
  • Modèle Amazon pour présenter un bouquin facilement, sur la seule mention de son numéro ISBN-10. Exemple : <amazon|2700606299|right>. S’aligne à gauche et droite comme les images et docs de SPIP.

Raccourcis typo

  • Le raccourci tiret « - », très spontanément utilisé pour énumérer, produit désormais une liste (ul/li), conformément à ce qu’indique l’aide en ligne de SPIP, en non plus une puce graphique, ce qui corrige le ticket #1817.
  • Pour compenser, la puce graphique est produite par le raccourci « * » en début de paragraphe.
  • Les intertitres génèrent du h2 (et non plus du h3) ce qui est souvent plus adapté à la hiérarchie des titres de la page.
  • Si ça ne tenait qu’à moi, j’activerais d’office tous les plugins de correction typographique et d’aide à la rédaction sémantique : Belles Puces, Plugin de correction typographique des guillemets, Définitions et FAQ, etc.

Autres réglages

  • Je ne sais pas faire un site multilingue sans forcer_lang (que j’ai donc fixé à « true » par défaut), qui « traduit » les titres des rubriques dans la langue choisie par le visiteur et évite ainsi la complexité d’un site reposant sur des secteurs de langue.
  • Les URLs saisies dans les contenus ne sont plus automatiquement transformées en liens, ce qui corrige le ticket 1596.
  • Les numéros d’ordre des titres ne sont pas affichés sur le site public, sans qu’il soit nécessaire de coller des filtres |supprimer_numero partout.
  • Pour éviter les messages de forum trop long, le nombre de leurs caractères est limité à 1 500 (soit un feuillet). Au delà, ce n’est plus vraiment un commentaire, mais un article.
  • Limitation de la taille des images uploadées par les rédacteurs : ras le bol des logos de 5 616 px de large qui font exploser la génération de vignettes et plombent la perfo !
  • Grâce à Cédric, la prévisualisation est étendue à tous les articles, y compris ceux en cours de rédaction, ce qui évite de devoir proposer les articles à la publication juste pour pouvoir les prévisualiser.
  • L’espace privé adopte ma palette de couleurs.
  • Les boutons d’admin sont relookés pour être plus confortables : translucides et calés sur un bord de l’écran (et tant pis pour IE) : Boutons d'admin SPIP relookés par la Trousse à Têtue

Icône d’après Harwen Zhang

  • Trousse à Têtue 1 (39.3 ko - ZIP) - 05/12/09.

    Réglages par défaut, corrections et autres préférences, pour SPIP 2

  • Trousse à Têtue 2 (108.7 ko - ZIP) - 27/08/10.

    Cette nouvelle version complète la précédente comme suit :

    • Insertion d’un head allégé, appelant une seule de feuille style (style.css), avec URL canonique pour les articles, favicon, etc. Surchargeable par inclure/head.html.
    • La feuille de la trousse s’insère désormais via #INSERT_HEAD_CSS
    • Refus du style des enluminures typo pour laisser la main au webmestre
    • Logos d’article automatiques
    • Noisette prevnext.html pour lier les articles précédent et suivant
    • Préréglage de la ré-écriture d’URLs : plus longues, en minuscules, sans spip.php ni séparateur ésotérique.
    • Autoriser les retours à la ligne dans les textes (avec |post_autobr)
    • La transformation auto des URLs en liens est finalement autorisée
    • Les limites d’upload sont moins contraignantes sur les documents

Vos commentaires

  • Le 11 décembre 2009 à 01:43, par XD

    Merci de faire partager tes trucs et astuces, ça le fait ! :)

    Par contre aucune "lame à têtue" ( ;-) ) n’est débridable depuis l’admin ? :)

    Encore une bonne initiative de ta part... C’est agaçant à force ! :p

  • Le 11 décembre 2009 à 01:50, par Romy Duhem-Verdière

    Non, aucune « lame » n’est débridable, car ce plugin n’a pas l’intention d’évoluer, au risque de devenir un agrégat aussi insensé que le « couteau suisse ». Contrairement à ce plugin auquel tu fais référence, ma trousse aimerait apporter ce qu’elle a de mieux à SPIP et s’y dissoudre pour le bien-être de tous et toutes.

  • Le 16 décembre 2009 à 09:51, par Nicolas Hoizey

    On dit « la trousse DE Têtue » ! ;-)

    En tout cas, vraiment intéressant, et similaire à ma propre trousse, il faut qu’on lance une réflexion sur l’adoption de certains de ces trucs dans SPIP 2.1... Suite sur spip-dev@ !

  • Le 24 décembre 2009 à 10:35, par Maïeul

    Limitation de la taille des images uploadées par les rédacteurs : ras le bol des logos de 5 616 px de large qui font exploser la génération de vignettes et plombent la perfo !

    Comment tu fais ?

    Pour éviter les messages de forum trop long, le nombre de leurs caractères est limité à 1 500 (soit un feuillet). Au delà, ce n’est plus vraiment un commentaire, mais un article.

    Hum, oui, ca dépend des gens ... moi j’aime bien les long commentaires (tt que ca vire pas au troll)

  • Le 9 février à 18:02, par RealET

    Si le plugin Agenda est activé, le flux iCal de la dist est remplacé par un flux iCal diffusant les événements du site (et non plus les articles).

    Est-ce que ça ne serait pas judicieux d’intégrer ça directement au plugin Agenda ?

  • Le 11 février à 16:21, par Romy Duhem-Verdière

    Non. Parce que ça casse la compatibilité avec l’existant : ça emmerderait tous celles et ceux qui diffusent leurs articles (et non pas des événements) via ce flux iCal (fonctionnalité introduite en 2004 avec SPIP 1.7 : l’abonnement au calendrier).

  • Le 10 avril à 20:47, par ashaszin

    Bonjour Romy,

    Merci pour cette trousse pleine d’astuces, c’est très pratique.

Un message, un commentaire ?

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
  • Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Suivre les commentaires : RSS 2.0 | Atom



© 2000-2010 Romy Duhem-Verdière | Certains droits réservés | Qui suis-je ? | Contact | Aide | Top ↑
Vérifiez vous-même la qualité du code de cette page en la soumettant aux validateurs XHTML et CSS.