Les raccourcis typographiques de SPIP

Annexe 1 : Les raccourcis typographiques de SPIP

Plugins utilisés sur les sites mutualisés du diocèse :
 Enluminures typographiques : 3.3.2
 Griseus : 0.1.1
 Porte-plume partout : 1.0.5

Comme dans un traitement de texte, il existe de nombreux raccourcis typographiques dans SPIP
pour mettre du texte en gras, en italique, créer des liens… Le but de cette annexe est de les
rappeler.
La barre de raccourcis typographiques est disponible pour les champs : Descriptif rapide,
Chapeau, Texte, Post-Scriptum

Contrairement à Word ou OpenOffice par exemple, l’interface de SPIP est en mode texte et non en
mode graphique WYSIWYG1 : cela veut dire qu’un mot en gras ne sera pas vu gras comme dans un
traitement de texte, mais il sera vu encadré de signes qui indiqueront à SPIP que ce morceau de
texte est en gras. L’avantage est qu’on peut « manipuler » ces raccourcis à la main :

1 : Mot en gras et mot en italique dans un traitement de texte.

2 : Mot en {{gras}} et mot en {italique} dans la fenêtre de correction de SPIP.

Ces deux mots « gras » et « italique », codés selon SPIP de la façon 2, seront vus de la façon 1 sur
le site publique.

Une règle :
Pour des raisons d’accessibilité, pour les paragraphes :
 utiliser les raccourcis officiels
 ne pas les mélanger avec d’autres

Barre de raccourcis typographiques (repliée)

Icône de la Effet Raccourcis Observations

barre des typographique
raccourcis
Accès à d’autres fonctions de Voir ci-dessous
mise en page

Transformer en intertitre. {{{…}}} Ne pas utiliser en doublon

avec un autre raccourci, par
exemple du gras :
{{{ {{…}} }}}
1
WYSIWYG : What you see is what you get, Ce que vous voyez est ce que vous faites ; prononcer « ouiziouig ».

Page 1 sur 5
 Les raccourcis typographiques de SPIP

Transformer en intertitre de {{{**…}}} De la même façon on a un

2e niveau anciennement :{2{…}2} niveau 4 et un niveau 5,
sans icônes dans la barre.
Transformer en intertitre de {{{***…}}}
3e niveau Anciennement : {3{…}3}
Pas d’icône Transformer en intertitre de {{{****…}}} À écrire à la main, assez
4e niveau anciennement : {4{…}4} peu utilisés.
Pas d’icône Transformer en intertitre de {{{*****…}}}
5e niveau Anciennement : {5{…}5}
Aligner à droite le [/…/] « Aligner à gauche »
paragraphe. n’existe pas puisque c’est
réalisé par défaut.
Encadrer le paragraphe. [(…)]

Placer dans une zone de <cadre>… </cadre>

saisie de texte
Accès à d’autres fonctions de Voir ci-dessous
mise en page

Gras {{…}}
Mettre le texte en évidence [*…*]
(1ère couleur)
Mettre le texte en évidence [**…*]
(2e couleur)
Barrer le texte <del>…</del>

Mettre le texte en exposant ^…

Mettre le texte en indice _…

Mettre en forme un code <code>…</code> Le code placé entre les

informatique ou du code balises ne sera pas
interprété.
SPIP.
Italique {…}

Pas d’icône Gras et italique { {{…}} } ou {{ {…} }} Pas d’icône, il faut

Petites capitales
Accès à d’autres fonctions de
liste
Mettre en liste
Mettre en liste numérotée
Désindenter une liste
appliquer les deux styles.
Attention à l’espace pour
séparer les styles !
<sc>…</sc> Ne sert a priori qu’en
bibliographie pour les noms
propres.
Ne pas utiliser pour les
intertitres.
Voir ci-dessous
- ou -* 2e niveau : -**
On peut aussi seulement 3e niveau : -***
utiliser * Etc.
-# 2e niveau : -##
3e niveau : -###
Etc.
Ex :
-** devient -*

Page 2 sur 5
 Les raccourcis typographiques de SPIP
Indenter une liste
Transformer en lien
hypertexte
Transformer en note de bas
de page.
Insérer ou modifier un
tableau (le sélectionner avant
la modification).
Citer un message, un texte.
Affiche une autre icône de
mise en page.
Affiche un texte comme une
poésie.
Entourer de guillemets de 1er
niveau
Permet d’accéder aux
guillemets de 2e niveau
Quand le texte à entourer est
déjà entouré de guillemets de
1er niveau.
Insérer des caractères
spécifiques
Passer en majuscules le texte
sélectionné
Passer en minuscules le texte
sélectionné
Génère un paragraphe de
faux texte pour tester la mise
en page.
Permet d’accéder à une
fonction supplémentaire de
« lorem ipsum »
Génère trois paragraphes de
faux texte pour tester la mise
en page.
Utiliser un outil du « couteau
suisse »
Page 3 sur 5
Ex :
-* devient -**
[Titre du lien-> lien] Le lien peut être un site
Ou web (http:// ou www.) ou
un courriel (le @ est détecté
[->lien] automatiquement).
Texte [[texte de la note]] Le texte de la note doit être
inséré au niveau de l’appel
de note. La numérotation
est automatique.
On peut forcer un numéro
avec l'écriture[[<x>Bla
bla.]], x étant le numéro
forcé.
<quote>…</quote> (une Passer à la ligne après le 1 er
phrase) ou quote si on veut que la
citation soit détachée du
<quote> texte courant.
…</quote> pour un
paragraphe.
Voir ci-dessous.
<poesie>…</poesie>
«…»
Voir ci-dessous
"…" « Il leur dit : "Voici ce que
je vais faire", et il leur
expliqua.»
Voir ci-dessous
abcdef devient ABCDEF
ABCDEF devient abcdef
Lorem ipsum dolor sit amet, Texte dit « lorem ipsum »
consectetuer adipiscing…
Voir ci-dessous
Lorem ipsum dolor sit amet,
consectetuer adipiscing…
Voir ci-dessous
 Les raccourcis typographiques de SPIP

Insère un séparateur de page ++++ Une pagination

ou d’onglet. automatique se met en
place pour atteindre les
pages.
Placer un système d’onglets <onglets> Permet de paginer un article
Titre 1 trop long.

Placez votre texte ici…

++++Titre 2

Placez votre texte ici…

++++Titre 3

Placez votre texte ici…

</onglets>
Placer un bloc replié <bloc>Un titre Le texte sera visible quand
on cliquera sur « Un titre »
Placez votre texte ici (à changer)
</bloc>
Placer un bloc déplié <visible>Un titre Le texte sera caché quand
on cliquera sur « Un titre »
Placez votre texte ici (à changer)
</visible>
Affiche une puce téléphone :tel « Chatons », à placer
Affiche une puce fax :fax devant un numéro de
téléphone, fax, site web,
Affiche une puce site web :web
téléphone mobile...
Affiche une puce mobile :mobile Ne pas oublier les deux
Affiche une puce Facebook :facebook points.
Affiche une puce Twitter :twitter
Affiche une puce suite :suite
Affiche une puce retour :retour
« Smileys » Surtout utilisés dans les
forums…
Mettre en forme un code <code>…</code> Le code placé entre les
informatique ou du code balises ne sera pas
interprété.
SPIP.
Permet aussi d’accéder au
raccourci <cadre>, voir plus
haut.
Pas d’icône Ligne de séparation (4 tirets ---- Affiche une ligne de
contigus) séparation continue sur la
largeur de la page.
Pas d’icône Espace insécable ~ Alt Gr 2 + espace. Même
utilité que dans Word par
exemple.
Pas d’icone Accès à Wikipédia [?mot] Ouverture automatique de
l’entrée Wikipédia sur le
mot choisi. Essayer avec [?
Dieu].
Pas d’icone Infobulle [CEF|Conférence des évêques de Le terme de droite s’affiche
France] en infobulle. Ne pas oublier
la barre verticale (Alt Gr 6)
Pas d’icône Insertion d’une image <imgxxx|left> L’image n°xxx est insérer à

Page 4 sur 5
 Les raccourcis typographiques de SPIP

<imgxxx|center> gauche, au centre ou à

<imgxxx|right> droite selon le filtre. S’il ya
un titre, il apparaît en
infobulle. Seuls formats
possibles : JPEG, GIF,
PNG
Pas d’icone Insertion d’un document <docxxx|left> Un document peut être une
<docxxx|center> image (le titre apparaîtra
<docxxx|right> alors sous l’image elle-
même) ou bien un
document Word, Excel, etc.
…
Pas d’icone Insertion d’un document <docxxx|player> Permet l’utilisation
vidéo ou audio automatique d’un
« player », un outil d’écoute
ou de visualisation.

Page 5 sur 5