Les raccourcis typographiques de SPIP

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
barre des
raccourcis
Effet
Raccourcis
typographique
Voir ci-dessous
Accès à d’autres fonctions de
mise en page
Transformer en intertitre.
1
Observations
{{{…}}}
Ne pas utiliser en doublon
avec un autre raccourci, par
exemple du gras :
{{{ {{…}} }}}
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
Pas d’icône
Pas d’icône
Transformer en intertitre de
2e niveau
Transformer en intertitre de
3e niveau
Transformer en intertitre de
4e niveau
Transformer en intertitre de
5e niveau
Aligner à droite le
paragraphe.
{{{**…}}}
anciennement :{2{…}2}
Encadrer le paragraphe.
[(…)]
{{{***…}}}
Anciennement : {3{…}3}
{{{****…}}}
anciennement : {4{…}4}
[/…/]
Gras
Mettre le texte en évidence
(1ère couleur)
Mettre le texte en évidence
(2e couleur)
Barrer le texte
{{…}}
[*…*]
Mettre le texte en exposant
<sup>…</sup>
Mettre le texte en indice
<sub>…</sub>
« Aligner
à
gauche »
n’existe pas puisque c’est
réalisé par défaut.
Voir ci-dessous
[**…*]
<del>…</del>
Mettre en forme un code <code>…</code>
informatique ou du code
SPIP.
{…}
Italique
Gras et italique
{ {{…}} } ou {{ {…} }}
Petites capitales
<sc>…</sc>
Accès à d’autres fonctions de
liste
- ou -*
Mettre en liste
On peut aussi seulement
utiliser *
-#
Mettre en liste numérotée
Désindenter une liste
À écrire à la main, assez
peu utilisés.
{{{*****…}}}
Anciennement : {5{…}5}
Placer dans une zone de <cadre>… </cadre>
saisie de texte
Accès à d’autres fonctions de
mise en page
Pas d’icône
De la même façon on a un
niveau 4 et un niveau 5,
sans icônes dans la barre.
Ex :
-** devient -*
Page 2 sur 5
Le code placé entre les
balises
ne
sera
pas
interprété.
Pas
d’icône,
il
faut
appliquer les deux styles.
Attention à l’espace pour
séparer les styles !
Ne sert a priori qu’en
bibliographie pour les noms
propres.
Ne pas utiliser pour les
intertitres.
Voir ci-dessous
2e niveau : -**
3e niveau : -***
Etc.
2e niveau : -##
3e niveau : -###
Etc.
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 »
Ex :
-* devient -**
[Titre du lien-> lien]
Ou
[->lien]
Texte [[texte de la note]]
<quote>…</quote> (une
phrase) ou
<quote>
…</quote> pour un
paragraphe.
Le lien peut être un site
web (http:// ou www.) ou
un courriel (le @ est détecté
automatiquement).
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é.
Passer à la ligne après le 1 er
quote si on veut que la
citation soit détachée du
texte courant.
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,
consectetuer adipiscing…
Texte dit « lorem ipsum »
Voir ci-dessous
Lorem ipsum dolor sit amet,
consectetuer adipiscing…
Voir ci-dessous
Page 3 sur 5
Les raccourcis typographiques de SPIP
Insère un séparateur de page
ou d’onglet.
++++
Placer un système d’onglets
<onglets>
Titre 1
Une pagination
automatique se met en
place pour atteindre les
pages.
Permet de paginer un article
trop long.
Placez votre texte ici…
++++Titre 2
Placez votre texte ici…
++++Titre 3
Placez votre texte ici…
Placer un bloc replié
</onglets>
<bloc>Un titre
Placer un bloc déplié
Placez votre texte ici
</bloc>
<visible>Un titre
Affiche une puce téléphone
Affiche une puce fax
Affiche une puce site web
Affiche une puce mobile
Affiche une puce Facebook
Affiche une puce Twitter
Affiche une puce suite
Affiche une puce retour
« Smileys »
Pas d’icône
Placez votre texte ici
</visible>
:tel
:fax
:web
:mobile
:facebook
:twitter
:suite
:retour
Le texte sera visible quand
on cliquera sur « Un titre »
(à changer)
Le texte sera caché quand
on cliquera sur « Un titre »
(à changer)
« Chatons »,
à
placer
devant un numéro de
téléphone, fax, site web,
téléphone mobile...
Ne pas oublier les deux
points.
Surtout utilisés dans les
forums…
Mettre en forme un code <code>…</code>
informatique ou du code
SPIP.
Permet aussi d’accéder au
raccourci <cadre>, voir plus
haut.
---Ligne de séparation (4 tirets
contigus)
Pas d’icône
Espace insécable
~
Pas d’icone
Accès à Wikipédia
[?mot]
Pas d’icone
Infobulle
[CEF|Conférence des évêques de
France]
Pas d’icône
Insertion d’une image
<imgxxx|left>
Page 4 sur 5
Le code placé entre les
balises
ne
sera
pas
interprété.
Affiche une ligne de
séparation continue sur la
largeur de la page.
Alt Gr 2 + espace. Même
utilité que dans Word par
exemple.
Ouverture automatique de
l’entrée Wikipédia sur le
mot choisi. Essayer avec [?
Dieu].
Le terme de droite s’affiche
en infobulle. Ne pas oublier
la barre verticale (Alt Gr 6)
L’image n°xxx est insérer à
Les raccourcis typographiques de SPIP
<imgxxx|center>
<imgxxx|right>
Pas d’icone
Insertion d’un document
<docxxx|left>
<docxxx|center>
<docxxx|right>
Pas d’icone
Insertion d’un document
vidéo ou audio
<docxxx|player>
Page 5 sur 5
gauche, au centre ou à
droite selon le filtre. S’il ya
un titre, il apparaît en
infobulle. Seuls formats
possibles : JPEG, GIF,
PNG
Un document peut être une
image (le titre apparaîtra
alors sous l’image ellemême) ou bien un
document Word, Excel, etc.
…
Permet l’utilisation
automatique d’un
« player », un outil d’écoute
ou de visualisation.