Samedi 25 octobre 2008 — Dernier ajout jeudi 23 juin 2016

Les raccourcis typographiques indispensables de SPIP

Comme indiqué dans Raccourcis Typographiques de SPIP, mode d’emploi, le texte préexiste à sa mise en page.

Sur Internet, la mise en page se limite à :

  • une charte typographique cohérente
  • identique sur un même ordinateur et navigateur
  • pouvant varier selon les polices, taille d’écran, navigateur, système d’exploitation de vos lecteurs

En conséquence, il ne s’agit pas de mettre en forme mais de mettre en sens, c’est-à-dire, rendre plus évidemment perceptible le sens du texte.

Autrement dit, il s’agit de se mettre au service de l’intelligibilité du message que l’on souhaite transmettre.

Retour Sommaire

Les sens d’un texte pouvant être rendus évidents visuellement

Les 2 premières colonnes de ce tableau sont universelles. Elle peuvent être appliquées à tout texte mis en ligne. Seule la troisième colonne est spécifique à SPIP.

Vous pouvez donc utiliser ces principes avec :

  • SPIP
  • Wordpress
  • Drupal
  • EZPublish
  • Joomla
  • Word
  • Libre Office
  • et plus généralement, tout CMS ou traitement de texte

Vous pouvez aussi consulter un approfondissement de la mise en sens.

Mise en sens d’un texte
SensPrésentationRaccourcis typo
Une idée Un paragraphe Passer une ligne entre chaque paragraphe.
Un élément important Du gras [1] Utilisation du {{gras}}
Un groupe d’idées [2] Des titres de différents niveaux hiérarchiques Utiliser les niveaux de titres de SPIP :
Retour Sommaire

Premier niveau

{{{Premier niveau}}}
Retour Sommaire

2e niveau

{{{**2e niveau}}} [3]
Retour Sommaire

3e niveau

{{{***3e niveau}}}
Retour Sommaire
4e niveau
{{{****4e niveau}}}
Retour Sommaire
5e niveau
{{{*****5e niveau}}}
Une énumération Une liste à puce

  • élément 1 de la liste
  • élément 2
Présenter sous forme de liste à puce avec « -* » (moins étoile espace) en début de chaque élément énuméré :
-* élément 1 de la liste
-* élément 2
-* ...
Une liste numérotée

  1. élément 1 de la liste
  2. élément 2
Présenter sous forme de liste à numérotée avec « -# » (moins dièse espace) en début de chaque élément énuméré :
-# élément 1 de la liste
-# élément 2
-# ...
Un nom propre Petites capitales Utilisation des <sc>Petites capitales</sc> [4]
Approfondir une notion de manière non invasive Notes de bas de page [5] Le texte[[Le contenu de la note.]]
Retour Sommaire

Et les autres raccourcis typographiques ?

Les autres raccourcis typographiques sont à classer dans 4 catégories :

  • Les liens (internes ou externes)
  • Le placement d’images
  • Ceux qu’on utilise rarement, en particulier les tableaux
  • Ceux qu’il vaudrait mieux ne pas utiliser (centrer, encadrer, mettre en évidence, retour à la ligne…).
Retour Sommaire

Quand sauter une ligne ?

Chaque fois que l’on change de bloc conceptuel :

  • idée,
  • titraille,
  • énumération (quand on l’a terminée, pas pour chaque élément)

Retour Sommaire

[1Attention, trop de gras nuit à la santé de vos lecteurs. Le gras doit rester subtil et discret.

[2Si vous avez voulu mettre en gras tout un paragraphe, c’est qu’il manquait un titre que vous allez donc écrire !

[3disponible ainsi que les suivants uniquement avec le plugin Enluminures typographiques

[4Attention : écrivez bien le nom propre en commençant par une majuscule, et incluez l’intégralité du nom propre dans le raccourci ! Pas D<sc>upont</sc> mais <sc>Dupont</sc>

[5Le contenu de la note.

Vos réactions

  • Jacques Pyrat 18 juillet 2013 18:49

    Et un bien bel article sur le sujet des éditeurs WYSIWYG qui confirme que le sens, c’est important : Brûlons les « traitements de texte » embarqués.

  • Anonyme 20 mars 2013 15:54

    Une mise à jour de l’antisèche SPIP visible ici (elle date de 2009) serait formidable ! Difficile de trouver une référence exhaustive sur le sujet.

  • 4 juillet 2010 17:25

    Rien à voir… Mais comment fais-tu ton sommaire d’article ? Avec les enluminures ???

    • Sommaire automatique 4 juillet 2010 17:54, par Jacques Pyrat

      Les enluminures permettent effectivement d’avoir dans l’article plusieurs niveaux de titre.

      Mais dans le squelette SoyezCréateurs, c’est les squelettes et le mot clef « Sommaire » qui font le sommaire automatique.

      • Sommaire automatique 4 juillet 2010 18:01

        Merci pour l’info. C’est le même type de sommaire que le plugin intertitres hiérarchisés ?

        • Sommaire automatique 4 juillet 2010 18:03, par Jacques Pyrat

          Pas tout à fait : ceux du plugin en question sont fabriqués à la volé par du javascript (sauf erreur).

          Alors que là, c’est en dur, dans le squelette.