Un préalable important : la mise en page d’un texte est au service du sens de celui-ci, pas du goût personnel de celui qui se trouve devant l’écran ! Or, les raccourcis typographiques de SPIP portent en eux-mêmes du sens. Il est important d’avoir une correspondance entre le sens typographique et le sens du texte. Par exemple, un titre du point de vue du texte doit aussi l’être du point de vue typographique.
C’est peut-être une évidence, mais pour mettre en page un texte, il faut que le texte existe.
Dans le cas de SPIP, ça veut dire qu’il vaut mieux (au moins dans un premier temps) :
Ce n’est qu’ensuite que les raccourcis typographiques de SPIP pourront être appliqués avec discernement.
Certains attributs typographiques ne peuvent s’appliquer qu’à des paragraphes entiers, d’autres doivent être appliqués à des caractères dans le même paragraphe.
Dans la Barre Typographique de SPIP, les attributs de caractères forment le premier groupe sur la gauche, les attributs typographiques de paragraphes le deuxième.
Un paragraphe dans SPIP est précédé d’une ligne vide et suivi d’une ligne vide [1].
Une règle générale est de ne mettre qu’un attribut de paragraphe par paragraphe.
Si deux paragraphes de suite ont le même attribut, il faut appliquer deux fois l’attribut, une fois pour chaque paragraphe.
Les attributs de paragraphe ne sont pas disponibles dans les champs de SPIP n’ayant qu’une ligne.
Les attributs de paragraphe sont :
{
{{
Paragraphe du titre}}
}
et sous-titres {n{
Texte du titre}n}
, n variant de 2 à 5, la barre de raccourcis ne proposant que 2 et 3.{
{{
Titre de premier niveau}}
}
est strictement équivalent à {
1{
Titre de premier niveau}1
}
.[|
Paragraphe centré|]
: à n’utiliser que de manière exceptionnelle [2] ![/
Paragraphe aligné à droite/]
: essentiellement pour mettre la signature d’un auteur[(
Paragraphe à encadrer)]
Certains attributs sont un peu spéciaux :
<poesie>
Le texte de la poésie, sur plusieurs lignes, les retour à la ligne simple étant pris en compte</poesie>
Le geai gélatineux gégnait dans le jasminVoici mes infins le plus beau vers de la langue française.
<cadre>
Texte qui apparaitra dans une zone de formulaire facilitant le copier/coller [3]</cadre>
<quote>
Texte d’une citation</quote>
C’est en forgeant que l’on devient forgeron.
Les attributs de caractères doivent être ouverts et fermés à l’intérieur du même paragraphe (pas question de débuter le gras sur un premier paragraphe et de le terminer sur un deuxième).
Ils peuvent être utilisés dans tous les champs de SPIP.
{{
texte en gras}}
; à utiliser pour un élément que l’on souhaite appuyer (sera prononcé plus fort dans un logiciel de lecture vocal) : texte en gras{
italique}
; à utiliser pour une élément sur lequel on veut insister (sera prononcé avec emphase) : italique<sup>
texte en exposant</sup>
: pour l’abréviation de saint : St<del>
texte biffé</del>
: pour indiquer qu’on avait pensé à un autre mot et que l’on a changé d’avis : SPIP, c’est [GPL|Gnu Public Licence]
: pour donner la signification d’un terme ou d’une abréviation : GPL[texte du lien->http://www.spip.net/]
: lien : texte du lien[texte du lien|Le site officiel de SPIP->http://www.spip.net/]
: texte du lien[texte du lien|{fr}->http://www.spip.net/]
: texte du lien[texte du lien|Le site officiel de SPIP{fr}->http://www.spip.net/]
: texte du lien[definition_ancre<-]
et [retour à l'ancre->#definition_ancre]
: retour à l’ancre[?GPL]
: appelle l’encyclopédie libre Wkipedia pour obtenir la définition du mot [4] : GPL[?GPL|Définition sur Wikipédia]
: GPLtexte[[note de bas de page]]
: crée une note de bas de page avec le texte entre les doubles crochets [5]Les listes sont à utiliser pour tout ce qui à le sens d’une énumération.
Attention : il faut entourer un bloc de listes à puces d’une ligne vide avant et après.
Donnera :
Donnera :
Pour être complètement accessible, un tableau dans SPIP doit avoir un titre et une description.
Ainsi :
Donnera :
Produit | Prix € |
---|---|
Beurre Bio | 5€ |
Lait Bio | 3€ |
Choux Bio | 4€ |
Notez les doubles ||
sur la première ligne du tableau !
Attention : les pièges classiques avec les tableaux sont :
Donnera :
Colonne 1 | Colonne 2 | Colonne 3 |
---|---|---|
ligne 1 | Cellule fusionnée avec la suivante | |
ligne 2 | Cellule fusionnée
avec celle du dessous |
normale |
ligne 2 | normale aussi |
Principe :
|<|
fusionne avec la cellule de gauche|^|
fusionne avec la cellule au dessusPour les images et documents, reportez-vous à l’aide en ligne de SPIP. Seule contrainte pour l’accessibilité (et donc un meilleur référencement) : donnez un titre à toutes vos images décrivant le sens de chacune d’elles.
~
(espace insécable ou espace dur — correspond au
du HTML) placé entre deux mots remplace l’espace en ayant l’avantage d’être insécable, c’est-à-dire, qu’il empêchera les deux mots d’être séparés par un retour à la ligne malvenu. S’utilise en particulier entre le prénom et le nom propre.-->
: —> (flèche vers la droite)<--
: <— (flèche vers la gauche)<-->
: <—> (flèche vers la gauche et vers droite)==>
: ==> (double flèche vers la droite)<==
: <== (double flèche vers la gauche)<==>
: <==> (double flèche vers la gauche et vers droite)--
: — (tiret cadratin) à utiliser pour les incises dans un texte...
: ... (3 petits points) points de suspension(c)
: (c) : CopyRight(r)
: (r) : Registered(tm)
: (tm) : Trade Mark----
: 4 signes moins en seuls sur une ligne (précédés d’une ligne vide et suivis d’une ligne vide) donneront un trait de séparation horizontal.
Il y a deux éléments dangereux dans SPIP :
_
(souligné espace) en début de ligne.{
{{
Exemples de titraille : Titre principal}}
}
{
{{**
Titre niveau deux}}
}
{
{{***
Titre niveau trois}}
}
{
{{****
Titre niveau quatre}}
}
Titre niveau cinq
{
{{*****
Titre niveau cinq}}
}
<img80|left>
<img80|center>
<img80|right>
<doc80|left>
<doc80|center>
<doc80|right>
<emb80|left>
<emb80|center>
<emb80|right>
[1] Sauf les listes à puce et les tableaux
[2] J’avais mis ça en place à l’époque de la version 1.7 de SPIP qui gérait mal le centrage des images
[3] Essentiellement utilisé sur spip-contrib pour donner des exemples de code
[4] Si le mot n’existe pas, vous pouvez le créer vous-même !
[5] Et la note de bas de page est automatiquement numérotée, rendue clicable, pour la consulter, et pour revenir au texte l’ayant appelée
2014-2023 © Collège Irène Joliot Curie - Mehun sur Yèvre - Tous droits réservés
Ce site est géré sous
SPIP 3.2.19
et utilise le squelette
EVA-Web 4.2
Dernière mise à jour : mardi 7 novembre 2023