1. Structurer le contenu
Les titres, sous-titres, intertitres doivent toujours pouvoir être lus de façon indépendante du reste du texte et ne font jamais de références implicites au contenu de l’article. Contre-exemple de titre : "Il y était.".
La titraille (titres et intertitres) n’est jamais ponctuée sauf avec un point d’exclamation ou d’interrogation. Le chapeau se termine par un point.
Listes à puces
Un tiret du 6 - donne une puce :
Un tiret du 6 - suivi d’une étoîle* : -* donne :
- une sous-puce
- ou -*** créent deux autres sous-niveaux de hiérarchie.
La mise en forme :
- "Ton cheval est :
-* alezan ;
-* bai ;
-* noir ;
- mais mon lapin est :
-* blanc ;
-** angora ;
-** ou à poil ras
-*** à oreilles courtes ;
-*** à oreilles pointues ;
-* gris."donne :
Ton cheval est :
- alezan ;
- bai ;
- noir ;
mais mon lapin est :
- blanc ;
- angora ;
- ou à poil ras
- à oreilles courtes ;
- à oreilles pointues ;
- gris.
Puces numérotées
Un tiret du 6 suivi d’un dièse -# donne une liste numérotée. Un tiret du 6 - suivi de deux dièses -## crée un deuxième niveau de hiérarchie dans la liste numérotée. Le code
-# premier
-# deuxième
-# troisièmeva apparaître ainsi :
- premier
- deuxième
- troisième
Tableau
Pour réaliser des tableaux, 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. Le code
| {{Nom}} | {{Prénom}} | {{Age}} |
| Marso | Ben | 23 ans |
| Capitaine | | non connu |
| Philant | Philippe | 46 ans |
| Cadoc | Bébé | 4 mois |va apparaître ainsi :
| Nom | Prénom | Age |
|---|---|---|
| Marso | Ben | 23 ans |
| Capitaine | non connu | |
| Philant | Philippe | 46 ans |
| Cadoc | Bébé | 4 mois |
Soutenir la lecture à l’écran avec des images
Les images utilisées comme logos de rubrique et d’article ont une valeur sémantique, c’est-à-dire qu’elles doivent révéler le sens du contenu et motiver la lecture.
La première image ajoutée dans le texte se trouvera du côté opposé du logo de l’article. Si le logo est à gauche, la première image ajoutée apparaîtra à droite<img|right>, puis la deuxième image à gauche <img|left>.
Lire avant l’article Préparer ses photos pour illustrer son site pour connaître les dimensions des photos de votre site
2. Préparation des rubriques et des articles
Si vous désirez ordonner l’affichage dans le menu des articles ou sous-rubriques, précéder le titre d’un n° suivi d’un point et d’un espace, exemple : 01. Actualités apparaît en 1ère position dans le menu. Un filtre permet de cacher le numéro sur le web. Le centre des pages d’accueil et de rubrique affiche les articles du plus récent au plus ancien, donc changer les dates de publication des articles si besoin.
3. Raccourcis typographiques de Spip
Pour mettre en forme le contenu, créer un texte en gras, en italique, faire une note de bas de page, Spip propose des raccourcis typographiques, assez simples à mémoriser.
Sur l’espace privé, vous pouvez à tout moment accéder à ces raccourcis dans l’aide de Spip en cliquant sur le pictogramme ?
| Fonction | Raccourci | Aperçu |
|---|---|---|
| Intertitre | {{{Intertitre}}} |
Intertitre |
| Texte en gras | {{Texte en gras}} |
Texte en gras |
| Texte en italique | {Texte en italique} |
Texte en italique |
| Insérer une image | <img2020> |
L’image doit avoir été précédemment téléchargée sur le site par la fonction « télécharger une nouvelle image » dans la colonne de gauche affichée quand on rédige un article. Le système indique alors sous quel numéro l’image est disponible (ici 2020), et c’est ce nom qui doit être utilisé.
Trois commandes sont disponibles : gauche (left), centre (center) ou droite (right) |
| Lien vers un site | [Sites pour les paroisses->http://bonnenouvelle.fr] ou [->http://bonnenouvelle.fr] |
Sites pour les paroisses ou http://bonnenouvelle.fr
(rédiger l’intitulé du lien choisi avec les mots clés que vous saisiriez sur un moteur de recherche) |
| Lien vers un article | [->4] ou [texte->4] ou [texte->art4] |
Clés en main |
| Lien vers une rubrique | [->rub12] ou [texte->rub12] |
Communiquer sur le web |
| Lien sur une image | [<img2020>->adresse du lien] |
Titre : Si nécessaire, donner un titre le plus objectif possible qui permettrait de trouver l’image ou le document sur un moteur de recherche, le nom des personnes ou des oeuvres. Description : Si nécessaire, indiquer le copyright précédé du symbôle © et suivi du nom de photographe ou de l’artiste. La description peut être un commentaire humoristique |
| Lien vers un document | [->doc2040] |
Raccourcis typographiques de Spip |
| Lien vers un formulaire de contact d’auteur | [->aut2] ou [Contacter Mathilde Henry->aut2] |
Mathilde Henry ou Contacter Mathilde Henry
Ne jamais mettre une adresse e-mail en clair sur un site web, ni faire un lien "mailto" vers une adresse e-mail car elle sera scannée et revendue aux spammeurs |
| Lien dans une page | [#signet<-] à mettre à l'endroit à atteindre [4. Structurer le contenu->#signet] pour faire un lien vers le 4e point dans l'article |
4. Structurer le contenu
Pour créer un sommaire dans les articles longs. Ce type de signet est utilisé soit, à l’intérieur d’une page web, soit à l’intérieur d’un même site web. |
| Note de bas de page | [[texte de la note]] |
Le texte entre doubles crochets apparaît en bas de la page, doit être placé au niveau de l’appel de note, dans le texte [1] |
| Trait de séparation | ---- |
Entrer une ligne contenant au moins quatre petits tirets |
| Encadré | <quote>Texte à encadrer.. </quote> |
|
| Citation | <q>Une balise Q encadre automatiquement la citation avec des guillemets </q> |
Une balise Q encadre automatiquement la citation avec des guillemets Les guillemets l’encadrent automatiquement. |
