Support de formation pour les rédacteurs et les administrateurs du site de la Circonscription MRO.
Mis à jour le dimanche 24 mai 2020
Principes généraux
Quand vous rédigez un article avec SPIP, la mise en page se fait différemment qu’avec un logiciel de traitement de texte tel que Word ou Writer.
Vous ne verrez pas directement le rendu tel qu’il apparaîtra en ligne.
Pour modifier le style, vous devrez utiliser des marqueurs de programmation.
Vous trouverez ici un grand nombre d’exemples de mise en forme qui vous permettront de rédiger vos articles plus facilement.
Pour mettre votre texte en italique, vous devez l’encadrez
avec 1 "accolade" de chaque coté selon le modèle suivant :
{écrire du texte en italique}
écrire du texte en italique
Pour mettre votre texte en gras, vous devez l’encadrez
avec 2 "accolades" de chaque coté selon le modèle suivant :
{{écrire du texte en gras}}
écrire du texte en gras
Pour mettre votre texte en gras et en italique, vous devez l’encadrez
avec 2 "accolades" suivi d’un "espace" et d’une "accolade" de chaque coté selon le modèle suivant :
{{ {écrire du texte en gras ET en italique} }}
écrire du texte en gras ET en italique
Pour souligner un bloc de texte , vous devez l’encadrez avec <souligne> et </souligne>
selon le modèle suivant :
<souligne> souligner du texte </souligne>
souligner du texte
Pour encadrer un bloc de texte, vous devez l’encadrez
avec un "crochet" suivi d’une "parenthèse" de chaque coté selon le modèle suivant :
[(encadrer du texte)]
encadrer du texte
Pour aligner votre texte à droite : vous devez l’encadrez
avec <right> avant et </right> après selon le modèle suivant :
[/ votre texte aligné à droite /]
votre texte à droite
Pour centrer votre texte : vous devez l’encadrez
avec <center> avant et </center> après selon le modèle suivant :
<center>votre texte centré</center>
votre texte centré
Pour aligner votre texte à gauche : vous devez l’encadrez
avec <left> avant et </left> après selon le modèle suivant :
<left>votre texte à gauche</left>
votre texte à gauche
Ces premiers exemples devraient vous permettre de comprendre comment la mise en page fonctionne sous SPIP.
Vous pourrez les copier/coller dans vos article et y insérer votre texte.
Vous devez toujours poser un marqueur avant la sélection que vous souhaitez mettre en forme et un marqueur après la sélection pour définir où la mise en forme prendra fin.
Les titres et les sous-titres
Le titre ci-dessus est fait en encadrant le texte de 3 "accolades" selon le modèle suivant : {{{Les titres et les sous-titres}}}
Sous-titre1
Ce sous-titre s’obtient en ajoutant 2" astérisques" avant d’écrire le sous-titre, et en encadrant le texte de 3 "accolades" selon le modèle suivant : {{{**Sous-titre1}}}
Sous-titre2
Ce sous-titre s’obtient en ajoutant 3" astérisques" avant d’écrire le sous-titre, et en encadrant le texte de 3 "accolades" selon le modèle suivant : {{{***Sous-titre2}}}
Les listes
Chaque point d’une liste doit commencer par un tiret " - "
Pour hiérarchiser les vos listes, il suffit de mettre plusieurs tirets :
—
—
—
—
—
—
…
Ces marqueurs peuvent être suivi d’un chiffre et/ou d’une lettre pour faire des listes numérotées :
1
— 1.a
— 1.2
2
— 2.a
— 2.b
3
— 3.a
— 3.b
…
Les tableaux
Les tableaux sont très pratiques pour organiser vos blocs de texte dans vos articles. Chaque bord de case est délimitée par les marqueurs "barre" |.
Exemple de codage d’un tableau de 3 lignes et 3 colonnes avec un contenu centré :
Voici les marqueurs à utiliser pour mettre votre texte en couleur :
[couleur] texte sélectionné [/couleur]
Quelques exemples avec les couleurs courantes :
[rose] texte en rose [/rose]
texte en rose
[rouge] texte en rouge [/rouge]
texte en rouge
[orange] texte en orange [/orange]
texte en orange
[jaune] texte en jaune [/jaune]
texte en jaune
[vert] texte en vert [/vert]
texte en vert
[bleu] texte en bleu [/bleu]
texte en bleu
[violet] texte en violet [/violet]
texte en violet
Certains peuvent être suivis des adjectifs tels que "clair" ou "foncé" par exemple.
Les couleurs les plus claires ne ressortiront pas sur fond blanc,
mais vous pourrez définir les couleurs de fond.
[fond rose] texte sur fond rose [/fond rose]
texte sur fond rose
[fond rouge] texte sur fond rouge [/fond rouge]
texte sur fond rouge
[fond orange] texte sur fond orange [/fond orange]
texte sur fond orange
[fond jaune] texte sur fond rjaune [/fond jaune]
texte sur fond jaune
[fond vert] texte sur fond vert [/fond vert]
texte sur fond vert
[fond bleu] texte sur fond bleu [/fond bleu]
texte sur fond bleu
[fond violet] texte sur fond violet [/fond violet]
texte sur fond violet
Vous pouvez également programmer en anglais. Liste des couleurs de polices et de fonds disponibles :
black/noir
texte en noir
texte sur fond noir
maroon/marron
texte en marron
texte sur fond marron
olive/vert olive
texte en vert olive
texte sur fond vert olive
navy/bleu marine
texte en bleu marine
texte sur fond bleu marine
gray/gris
texte en gris
texte sur fond gris
silver/argent
texte en argent
texte sur fond argent
chartreuse/vert clair
texte en vert clair
texte sur fond vert clair
fuchsia/fuchia
texte en fuchia
texte sur fond fuchia
aqua/bleu clair
texte en bleu clair
texte sur fond bleu clair
white/blanc
texte en blanc
texte sur fond blanc
azure/bleu azur
texte en bleu azur
texte sur fond bleu azur
bisque/beige
texte en beige
texte sur fond beige
brown/brun
texte en brun
texte sur fond brun
blueviolet/bleu violet
texte en bleu violet
texte sur fond bleu violet
chocolate/brun clair
texte en
texte sur fond
cornsilk/rose clair
texte en rose clair
texte sur fond rose clair
darkgreen/vert fonce
texte en vert fonce
texte sur fond vert fonce
darkorange/orange fonce
texte en orange fonce
texte sur fond orange fonce
darkorchid/mauve fonce
texte en mauve fonce
texte sur fond mauve fonce
deepskyblue/bleu ciel
texte en bleu ciel
texte sur fond bleu ciel
gold/or
texte en or
texte sur fond or
ivory/ivoire
texte en ivoire
texte sur fond ivoire
lavender/lavande
texte en lavande
texte sur fond lavande
plum/prune
texte en prune
texte sur fond prune
salmon/saumon
texte en saumon
texte sur fond saumon
snow/neige
texte en neige
texte sur fond neige
turquoise/turquoise
texte en turquoise
texte sur fond turquoise
wheat/jaune paille
texte en jaune paille
texte sur fond jaune paille
Il est possible de combiner les couleurs de texte et de fond en plaçant les marqueurs adéquats, tel que :
[fond turquoise] Ceci est [rouge]un exemple[/rouge] de mise page très coloré. Il vous permettra de voir comment combiner [fond argent] [orange fonce] plusieurs [/orange fonce] [violet] couleurs [/violet] [vert fonce] de texte [/vert fonce] et [bleu marine] de fond [/bleu marine] [/fond argent]. Pour cela, il faut bien placer les marqueurs, [rouge]avant[/rouge] et [rouge]après[/rouge] chaque sélections, et surtout [rouge]restez vigilant[/rouge] !
Voilà c'est fait ! [/fond turquoise]|
Ceci est un exemple de mise page très coloré. Il vous permettra de voir comment combiner plusieurs couleurs de texte et de fond . Pour cela, il faut bien placer les marqueurs, avant et après chaque sélections, et surtout restez vigilant !
Voilà c’est fait ! |
Insérer des documents
Une fois téléversés, vous pourrez inclure des documents dans vos article, voire les intégrer s’il s’agit d’images, en précisant l’emplacement et en réglant la taille du document.
- Inclure les documents :
<media1789|icone|>
<media1789|icone|>
- Intégrer des images :
<media1789|vignette|>
<media1789|vignette|>
- Définir la taille et la position d’une image :
<doc1789|largeur=80|center|>
Logo SPIP document
Liens hypertextes
Les liens hypertextes permettent de créer des renvois vers d’autres pages internet.
Ils peuvent être placer sur des mots ou des images en les encadrant avec les marqueurs "crochets" et en uilisant le "tiret" suivi du signe "supérieur à" pour former une flêche.
[Lien hypertexte vers la page d'accueil du site -> https://circo-matoury-1.eta.ac-guyane.fr/]
Le site académique Langues de Guyane a vocation à compiler les ressources pédagogiques et la littéracie utilisées par les enseignants de/en ces langues.
