Les raccourcis typographiques

Ou comment améliorer la présentation
samedi 7 janvier 2006

Les raccourcis typographiques simples de SPIP

- Typographie française automatique

SPIP respecte automatiquement les principales règles d’espacement de la typographie française - ainsi des espaces insécables sont ajoutées devant les caractères «  :», «  ; », «  ! », «  ? » -, et place des espaces insécables avant et après les guillemets « à la française ».

Il ne faut pas taper les guillemets, mais sélectionnez le texte à mettre entre guillemets et cliquez sur les guillemets en tête de l’article.

C’est la même chose pour mettre un texte en italique, en gras, pour le transformer en note de bas de page, ou en lien hypertexte.

- Créer des paragraphes

Pour créer des paragraphes, il suffit de laisser une ligne vide, un peu comment on sépare les paragraphes dans un mail (on « saute » une ligne).

Le fait de simplement « revenir à la ligne » (retour-chariot) sans séparer les deux paragraphes par une ligne vide ne suffit pas pour provoquer un changement de paragraphe (cela ne provoque même pas un retour à la ligne).

Vous pouvez laisser plusieurs lignes vides à la suite sans que cela modifie la présentation.

- Trait de séparation horizontal

Il est très simple d’insérer un trait de séparation horizontal sur toute la largeur du texte : il suffit de placer une ligne ne contenant qu’une succession d’au moins quatre tirets, ainsi :

----

donne :


- Notes de bas de page automatiques

Une note de bas de page est, habituellement, signalée par un numéro placé à l’intérieur du texte, numéro repris en bas de page et proposant un complément d’information.

Dans SPIP, cette fonctionnalité (assez lourde à gérer manuellement en HTML) est automatisée : les notes sont numérotées par SPIP, qui gère également des liens hypertextes à l’intérieur du document pour passer directement de l’appel de note au texte de la note correspondante, et vice-versa.

Une note de bas de page est indiquée, dans SPIP, entre doubles crochets : « Une note[[Voici un complément d'information.]] de bas de page. » sera affiché sous la forme : « Une note [1] de bas de page. »

En pratique tapez ce que vous voulez voir apparaitre en note, sélectionnez le et cliquez sur le raccourci qui est en haute de la fenêtre de rédaction de l’article.

- Des notes non automatiques

Dans la plupart des cas, le système de notes automatiques indiqué ci-dessus suffit amplement. Cependant, vous pouvez gérer les notes d’une manière non automatique en « forçant » le choix du numéro ou de la mention affichée pour réaliser le lien.

Le principe général consiste à indiquer votre choix de la mention utilisée entre chevrons au début de la note :

Sur ce principe :

donne :

vous pouvez utiliser les notes numérotées automatiques [2],
- mais aussi forcer la numérotation de la note [23],
- utiliser des notes sous forme d’astérisques [*],
- fabriquer des notes sans références (non numérotées) ; attention, de telles notes ne présentent plus de lien entre la note et l’appel de note,
- donner un nom (en toutes lettres) à une note ; cet usage est très répandu pour les références bibliographiques [Rab] ;
- rappeler une note déjà existante [23] en indiquant le numéro de cette note entre les symboles « < » et « > ». et en laissant vide le reste de la note.

- Tableaux

Pour réaliser des tableaux très simples dans SPIP, il suffit de faire des lignes dont les « cases » sont séparées par le symbole « | » (pipe, un trait vertical), lignes commençant et se terminant par des traits verticaux. Il est impératif de laisser des lignes vides avant et après ce tableau.

Par exemple, le tableau :

Nom Prénom Age
MarsoBen23 ans
Capitainenon connu
PhilantPhilippe46 ans
CadocBébé4 mois

se code ainsi :

| {{Nom}} | {{Prénom}} | {{Age}} |
| Marso | Ben | 23 ans |
| Capitaine | | non connu |
| Philant | Philippe | 46 ans |
| Cadoc | Bébé | 4 mois |

Remarquez que toutes les entrées de la première ligne sont placées en gras. SPIP identifie ainsi qu’il s’agit d’une page d’en-tête, et lui attribue une présentation différente des autres lignes (fond de couleur différente). La présence d’une telle ligne n’est pas obligatoire.
Attention aux espaces avant et aprèsle tiret vertical, jamais en fin de ligne

- Fabriquer des listes ou des énumérations

On peut fabriquer des listes dans SPIP de la même manière que dans un mail : il suffit de revenir à la ligne et de commencer la nouvelle ligne avec un tiret (« - »).
(Ne pas oublier l’espace après le tiret)

Notez : ici un simple retour à la ligne suffit (on peut faire des énumérations dans le même paragraphe) ; mais si l’on « saute » une ligne avant la ligne commençant par un tiret, une ligne vide est affichée avant l’énumération.

- Gestion affinée des listes et des énumérations

- Un simple retour à la ligne s’obtient en tapant _ (le trait de soulignement ou underscore) au début de la ligne, suivi d’une espace.

- On peut faire des énumérations imbriquées en ajoutant des étoiles après le tiret d’énumération.

Ainsi :

-* Ton cheval est:
-** alezan;
-** bai;
-** noir;
-* mais mon lapin est:
-** blanc;
-*** angora;
-*** ou à poil ras.

donne :

  • Ton cheval est :
    • alezan ;
    • bai ;
    • noir ;
  • mais mon lapin est :
    • blanc ;
      • angora ;
      • ou à poil ras.

- Enfin, on peut faire des listes numérotées en utilisant le # à la place de l’étoile :

donnera :

  1. premier
  2. deuxieme
  3. troisieme

- Court-circuiter les raccourcis SPIP

Dans certains cas, il peut être utile d’indiquer à SPIP que certaines parties d’un document ne doivent pas être « traitées » par le filtre des raccourcis typographiques : vous ne voulez pas corriger la typographie, vous devez afficher du code source (par exemple en PHP, JavaScript...)...le code de ce raccourci est :

<HTML>...</HTML>

Exemple :

ce qui donne :

texte à ne pas transformer; attention!

(ici, notez l’absence d’espaces avant le point-virgule et le point d’exclamation).

- Afficher du code informatique

Certains utilisateurs de SPIP veulent parfois afficher du code informatique dans leurs pages. Le raccourci

est là pour ça.

Exemple :

donne

<?php     // ceci est du langage php
        echo "bonjour";
   ?>

Il existe un autre raccourci pour publier des extraits de code informatique de plusieurs lignes : <cadre>...</cadre>. Cela place le code dans un « formulaire » (ceci est souvent utilisé sur la présente page). L’avantage de cette méthode est de faciliter grandement le copier-coller à partir de votre page Web : il suffit de placer le curseur à l’intérieur du code, de faire « tout sélectionner » (alt-A) pour pouvoir copier directement le code. De plus sur de nombreux butineurs, ce cadre permet de bien restituer les tabulations en début de ligne.

NB : j’ai repris l’essentiel de l’aide de SPIP :
- Article

  • Les raccourcis typographiques

Ci joint un récapitulatif des raccourcis typographiques


[1Voici un complément d’information.

[2En plaçant le texte de la note entre crochets.

[23En indiquant le numéro de la note entre les symboles « < » et « > ».

[*En plaçant simplement une astérisque entre les symboles « < » et « > ».

En n’indiquant rien entre les symboles « < » et « > ».

[RabFrançois Rabelais.


Commentaires

Navigation

Articles de la rubrique