Alain Bruneel

Mise en forme d’un article

Comme vous le savez déjà, il est possible de mettre le texte en gras (CTRL + B) ou en italique (CTRL + I) en jouant avec les accolades et les crochets.

Cet article liste d’autres possibilités offertes par SPIP.

Généralités

Intertitres

Les 5 Niveaux d’intertitres présents dans cet article peuvent être facilement utilisés dans un article Spip. L’intertitre de niveau 1 est accessible via la touche raccourcie CTRL + H.

Les intertitres de niveau 2, 3,4 ou 5 sont générés en ajoutant 2, 3 4 ou 5 « * » (étoiles) après les accolades ouvrantes.

Intertitre de niveau 3
Intertitre de niveau 4

Paragraphes et retours à la ligne

  • A partir de plus de deux répétitions, les retours à la ligne ne permettent pas d’espacer d’avantage les paragraphes.
  • Lorsque l’on passe 2 lignes ou plus, le système génère un nouveau paragraphe. Celui-ci sera espacé du paragraphe précédent par le même espace quel que soit le nombre de lignes passées.
  • Pour forcer un retour à la ligne dans le même paragraphe, il faudra entrer un « _ » (underscore) en début de ligne, suivit d’un espace.
  • Pour insérer un espace insécable (ou espace dur), on insérera un "~« (tild) entre les mots concernés. Cela est utile pour s’assurer, par exemple, que l’élément de ponctuation »  :" ne sera pas séparé du mot qui le précède.

Caractères spéciaux

  • Les claviers occidentaux ne sont pas adapté au français contemporain. C’est pourquoi la barre typographique visible au dessus du texte contient un certain nombre de de boutons permettant d’insérer les caractères récurrents tel que le « É » (visible dans le second intertitre ci-dessous). Pour faire apparaitre ces caractères, il suffit de survoler avec la souris l’icône .
  • Les boutons peuvent être très utiles pour changer la casse des caractères.

Mise en forme basique  :

Énumération  :

Liste simple  :

Lorsque l’on commence un paragraphe par un tiré, une puce apparait comme ceci  :

  • Qu’est-ce que cela peut faire que je lutte pour la mauvaise cause puisque je suis de bonne foi  ?
  • Et qu’est-ce que ça peut faire que je sois de mauvaise foi puisque c’est pour la bonne cause. (Jacques Prévert)
Liste hiérarchisée avec une puce html  :

On peut modifier la hiérarchie dans la liste en jouant avec les étoiles  :

  • Ton cheval est  :
    • alezan ;
    • bai ;
    • noir ;
  • mais mon lapin est  :
    • blanc ;
      • angora ;
      • ou à poil ras.
Liste Numérotée  :

On peut aussi numéroter la liste avec des dièses  :

  1. premier
  2. deuxième
  3. troisième

Liens  :

Liens basiques  :

Il est possible de créer différent lien hypertextes amenant à l’extérieur du site  :

  • Pour créer un lien simple, utilisez les touches raccourcies CTRL + L. Un champ apparaîtra dans lequel vous insérerer l’adresse de celui-ci. Le lien prendra automatiquement le nom de l’adresse que vous venez d’insérer. Ex  : http ://www.programme-boreal.org/
  • Si vous voulez nommer votre lien, il faudra sélectionner du texte avant d’appuyer sur CTRL + L  : exemple  : lien vers le site de Survie.
Liens vers des pages de votre site  :

D’autres liens peuvent mener vers des articles ou des rubriques de votre site. Voici 2 possibilités pour faire un lien vers l’article 12  :

La même logique est adaptable aux liens vers les rubriques  :

Liens vers une définition d’un dictionnaire

Certains liens peuvent pointer vers un dictionnaire (Wikipédia par défaut). On utilisera pour cela les crochets suivit d’un point d’interrogation  :
À la recherche du temps perdu est l’œuvre majeure de Marcel Proust

Il est possible de séparer le texte comme ceci en tapant 4 tirés en suivant  :


Mise en forme avancée  :

Pour les subtilités suivantes, je vous invite à aller voir du côté de la partie privée du site afin de comprendre le fonctionnement des raccourcis
typographiques, et de les associer à leur affichage.

Notes de bas de page

Il est possible de placer facilement une note [1] de bas de page.

Ces notes de bas de pages existent sous différent format  :

  • sous forme d’astérisques [*],
  • 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 notes,
  • 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 [1] en indiquant le numéro de cette note entre les symboles « < » et « > » et en laissant vide le reste de la note.

Tableaux

Il possible de faire des tableaux  :

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

Mise en forme de caractères  :

  • Certaines expressions peuvent être mises en évidence en utilisant les couleurs du site. Pour cela, on utilisera les "[" ( crochets ) et les "*" ( étoiles ).
  • Il est possible de mettre certains caractères en exposant ou en indice  : Comme nous ne disposons pas de 2nde planète, évitons d’émettre une quantité importante de CO2.
  • Rien de mieux que de barrer un texte pour mettre en exergue une erreur  : Ce texte est garanti sans fautes d’orthographe
  • Il est aussi possible de mettre le texte en petite capitales

Styles de paragraphes  :

Mise en exergue d’un paragraphe  :
Il est possible de mettre en exergue une information, de cette manière grâce en mettant l’information entre crochets et parenthèses.
Paragraphe centré ou ferré à droite

Par défaut, les paragraphes sont ferrés à gauche.

Il est possible de ferrer les paragraphes à droite en utilisant les « [ » (crochets) et les « / » (slaches).
De la même manière, il est possible de centrer les paragraphes à droite en utilisant les « [ » (crochets) et les « | » (pipe).
Cadre pour copier coller du texte  :
Citations  :

Les raccourcis CTRL + Q permettent d’insérer une citation

Code informatique  :

Le geek de service sera satisfait de constater qu'une mise en forme permettant de styliser du code informatique est disponible.

Chantre
Et l’unique cordeau des trompettes marines
 
Apollinaire d’Alcools (2011)

Dans l’exemple ci-dessus, la mise en forme « aligné à gauche » est utilisée sur l’auteur et la source de la citation.

Cet exemple démontre qu’il est possible d’imbriquer les style les uns dans les autres.

Blocs dépliables

Pour une présentation de l’information du type « foire aux questions », il est possible d’insérer des blocs dépliables.

  ? Ma question 1

Ma réponse, initialement caché, à montrer/cacher

  ? Ma question 2

Ma réponse 2, initialement caché, à montrer/cacher, avec un texte un peu plus long. Ce texte disparaîtra dès qu’une autre question aura été cliqué

Ce texte peut d’ailleurs s’étaler sur plusieurs paragraphes

Notes :

[1Voici un complément d’information.

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

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

[RabFrançois Rabelais.