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 article 3870.
Sommaire
Les bases
- Intertitre
- Intertitre de rang 2
- Gras
- Italique
- Guillemets
- Liens
- Note de bas de page
- Liste à puce
- Liste numérotée
- Point médian
Mettre du relief dans votre texte
- Encadré
- Grande citation
- Mise en exergue
- Lien illustré vers un autre article de MIA
- Photos, Vidéos, Son
D’autres effets possible
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.
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 :
- première ligne
- deuxième ligne
- une sous liste numérotée
- de retour dans le niveau initial
Balise :
Interface graphique : mêmes commandes que pour la liste à puce pour l’indentation et la désindentation
10 Point médian
Interface graphique :
Pour le taper via un raccourci clavier, voir : Comment taper facilement le point médian pour féminiser ses textes
Mettre du relief dans votre texte
1. Encadré
Il existe deux styles différents pour encadré des textes.
Balise :
Interface graphique :
Il est aussi possible d’utiliser la balise qui génère des tableaux (en faisant un tableau à une cellule).
| Ceci est un texte encadré |
Balise :
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
Il existe deux styles de mise en exergue.
Style 1
Le premier style permet de choisir si on veut l’exergue à gauche, au centre ou à droite.
Texte mis en exergue
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur efficitur, turpis at tincidunt rhoncus, turpis mi volutpat nunc, eu egestas lacus urna non nisl.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur efficitur, turpis at tincidunt rhoncus, turpis mi volutpat nunc, eu egestas lacus urna non nisl.
Texte mis en exergue
Curabitur porttitor a nisl eu commodo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur efficitur, turpis at tincidunt rhoncus, turpis mi volutpat nunc, eu egestas lacus urna non nisl.
Texte mis en exergue
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur efficitur, turpis at tincidunt rhoncus, turpis mi volutpat nunc, eu egestas lacus urna non nisl.
Balise :
Style 2
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
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. Sommaire
Il existe deux méthodes possibles pour faire un sommaire. La première le génère automatiquement, la deuxième est manuelle.
Méthode automatique
Écrire la balise suivante (écrire "sommaire", pas "s o m m a i r e", cela n’a été fait que pour éviter qu’un sommaire n’apparaisse ici !) à l’endroit où l’on veut que le sommaire apparaisse :
Cela générera automatiquement un sommaire à partir de tous les intertitres.
Attention : le sommaire automatique réagit mal à la balise d’aperçu d’article suivante, si vous voulez utilisez celle-ci, mieux vaut donc se rabattre sur le sommaire manuel.
Sommaire manuel
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
| 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 :
Balise :
4. Aligner le texte sur la droite
Exemple :
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 :
Insérer un ou des espace(s) dans le texte
Balise :
Il suffit d’en mettre plusieurs à la suite pour produire plus d’espaces.