La mise en page

On va pas se mentir, écrire sur MIA n’est pas toujours facile avec cette interface tout sauf intuitive. Alors comment est-ce que je met des intertitres, des notes de bas de page ou des liens ? Et surtout, comment mettre du relief dans mon texte pour ne pas décourager la lecture après quelques lignes ? Suivez le guide !

La mise en page est d’autant plus importante que l’article est long. Lire un texte sur un écran d’ordinateur peut vite être fatiguant. Une brève de trois paragraphes ne requiert rien de spécial, par contre personne ne veut lire un texte de plusieurs pages, sans paragraphe et autres coupures qui permettent de reposer l’œil.

Alors si tu prends la peine d’écrire ce long texte, prends le temps de le mettre en valeur, ça serait quand même dommage de s’être donné tout ce mal pour que les lecteurs et lectrices s’arrêtent au bout des premières lignes !

Afin d’aérer son texte, on peut par exemple créer des paragraphes, insérer des titres et des intertitres, insérer des photos, ou utiliser des effets de mise en page (gras, italique, citations, encadrés…). Pour ce qui est de l’ajout de photos, vidéos, etc., consulte Ajouter des photos, vidéos, etc., et partager des contenus depuis les réseaux sociaux.

Ci-dessous sont listées les différentes façon de faire des effets de mise en page (liste non-exhaustive). Il existe de 1 à 3 différentes manières (pour les commandes les plus courantes) de faire apparaître un effet :

  • la balise (une combinaison de caractères qui n’apparaissent que quand on édite le texte) ;
  • l’interface graphique (les options du menu de mise en page). Pour utiliser l’interface graphique, il faut sélectionner les mots/la phrase ciblée, puis cliquer sur l’effet désiré ;
  • et le raccourci clavier.
Par exemple, pour faire apparaître en gras un texte, comme ceci :
texte en gras

il y a ces trois moyens :
La balise : {{ texte en gras  }}
Raccourci  : sélectionner les mots à mettre en gras, puis presser “Ctrl + B”
L’interface graphique : sélectionner les mots à mettre en gras, puis cliquer sur

Le menu des options de mise en page se trouve en haut du champ d’édition du corps de texte. À la droite de ce menu figure aussi trois options : « Éditer », « Voir », et un symbole de quatre flèches pointant les quatre coins d’un carré. Par défaut, vous êtes en mode « Éditer », dans lequel les balises sont visibles. Le mode « Voir » fait apparaître les effets de mise en page mais ne permet pas d’éditer. La troisième option, très utile, crée deux colonnes, en mode « Éditer » à gauche et « Voir » à droite, ce qui permet de voir en direct l’effet des balises.

Les bases

1. Intertitre

Voici un texte en intertitre

Balise :

Interface graphique :

2. Intertitre de rang 2 (et 3)

Voici un texte en intertitre de rang 2

Balise :

Interface graphique :

De manière analogue, il est possible d’afficher aussi un

Intertitre de rang 3

avec la balise :

3. Gras

Exemple : Texte en gras
Balise :

Raccourci : Ctrl + B
Interface graphique :

4. Italique

Exemple : Texte en italique
Balise :

Raccourci : Ctrl + I
Interface graphique :

5. Guillemets

Exemples :
« Texte entre guillemets »
“Texte entre guillemets”

Interface graphique :

6. Liens

Exemple : lien vers une page internet

Balise :

Interface graphique :

Il est aussi possible de créer un lien qui renvoi vers tous articles publiés sur MIA avec un mot clé spécifique (thématique, sous-thème, ou localisation).
Par exemple : https://mars-infos.org/+-marseille-+ renvoi à tous les articles qui ont été publié avec "Marseille" comme localisation.

7. Note de bas de page

Exemple : Lorem ipsum [1]
Cliquez sur le [1], il vous enverra à la note de bas de page)

Balise :

Interface graphique :

8. Liste à puce

Exemple :

  • première ligne
  • deuxième ligne
    • une sous liste à puce
  • de retour dans le niveau initial

Balise :

Interface graphique : Respectivement liste à puce, indenter, et désindenter

9. Liste numérotée

Exemple :

  1. première ligne
  2. deuxième ligne
    1. une sous liste numérotée
  3. de retour dans le niveau initial

Balise :

Interface graphique : mêmes commandes que pour la liste à puce pour l’indentation et la désindentation

Mettre du relief dans votre texte

1. Encadré

Ceci est un texte encadré


Balise :

Interface graphique :

2. Citation

Texte en citation - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur efficitur, turpis at tincidunt rhoncus, turpis mi volutpat nunc, eu egestas lacus urna non nisl. Curabitur

Balise :

Interface graphique :

3. Mise en exergue

Texte mis en exergue - Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur efficitur, turpis at tincidunt rhoncus, turpis mi volutpat nunc, eu egestas lacus urna non nisl. Curabitur porttitor a nisl eu commodo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Balise :

Interface graphique :

4. Lien illustré vers un autre article de MIA

La bataille de la Plaine

Depuis le 11 octobre 2018, date de début du chantier de rénovation de la place promis par la mairie pour gentrifier le quartier, la colère des habitant.e.s et usager.e.s ne retombe pas. Après 8 premiers jours (...)

Balise :

par exemple pour l’article ci-dessus : L’url de l’article est https://mars-infos.org/la-bataille-de-la-plaine-3470. Son numéro est donc 3470. On écrira donc :

5. Photos, Vidéos, Son

Insérer des photos reste une des manières les plus simple d’aérer un texte. Consultez Ajouter des photos, vidéos, etc., et partager des contenus depuis les réseaux sociaux.

D’autres effets possibles

1. Index

Titre du 1er paragraphe
Titre du 2e paragraphe

titre du 1er paragraphe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur efficitur, turpis at tincidunt rhoncus, turpis mi volutpat nunc, eu egestas lacus urna non nisl. Curabitur porttitor a nisl eu commodo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

titre du 2e paragraphe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur efficitur, turpis at tincidunt rhoncus, turpis mi volutpat nunc, eu egestas lacus urna non nisl. Curabitur porttitor a nisl eu commodo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Balise :

2. Tableau

Titre du tableau
colonne 1 colonne 2
11 21
12 22
13 23

Balise :

Fusionner des cellules :
|<| fusionne avec la cellule de gauche
|^| fusionne avec la cellule au dessus
Exemple :

colonne1 colonne 2
colonne 1

Interface graphique :

3. Centrer le texte

Exemple :

Texte centré

Balise :

4. Aligner le texte sur la droite

Exemple :

Texte aligné à droite

Balise :

Interface graphique :

5. Ligne horizontale


Faire une ligne tiret du 6, puis appuyer sur la touche Entrée.

6. Barré

Exemple :texte barré

Balise :

Interface graphique :

7. Exposant

Exemple : Texte en exposant

Balise :

Interface graphique :

8. Indice

Exemple : Texte en indice

Balise : Texte en

Interface graphique :

9. Couleurs

Le texte peut être coloré en Orange et Bleu.

Balises :

et

Interface graphique :

10. Texte en grand

Texte en grand
Texte en plus grand
etc.

Balise :

11. Texte en petit

Texte en petit
Texte en plus petit
etc.
Balise :

Notes :

[1Note de bas de page

PS :

Liste des tutos, aide à l’écriture et ressources MIA : Nouveaux tutoriels MIA.

A lire aussi...