Texte 2-colonnes / Texte 3-colonnes¶
Deux blocs distincts pour le texte sur 2 colonnes ou 3 colonnes côte à côte. Les colonnes sont de largeur égale (50/50 ou 33/33/33) et s'empilent sur les petits écrans.
Champs¶
Texte 2-colonnes¶
| Champ | Type | Obligatoire | Contenu |
|---|---|---|---|
| Colonne 1 | Éditeur de texte avec mise en forme | Oui* | Contenu de la colonne de gauche. |
| Colonne 2 | Éditeur de texte avec mise en forme | Oui* | Contenu de la colonne de droite. |
Texte 3-colonnes¶
| Champ | Type | Obligatoire | Contenu |
|---|---|---|---|
| Colonne 1 | Éditeur de texte avec mise en forme | Oui* | Contenu de la colonne de gauche. |
| Colonne 2 | Éditeur de texte avec mise en forme | Oui* | Contenu de la colonne du milieu. |
| Colonne 3 | Éditeur de texte avec mise en forme | Oui* | Contenu de la colonne de droite. |
*Techniquement optionnel mais des colonnes vides laissent un blanc sur la page — remplissez toujours toutes les colonnes.
Comment cela s'affiche¶
- Desktop : colonnes côte à côte, chacune de la moitié (2 colonnes) ou d'un tiers (3 colonnes) de la largeur du conteneur.
- Tablette/mobile : colonnes l'une sous l'autre, chacune sur toute la largeur. Colonne 1 en haut.
- Chaque colonne est un champ texte complet avec mise en forme — gras, listes, liens, sous-titres.
Quand utiliser 2 colonnes¶
- Texte comparatif : avantages vs inconvénients, ancien vs nouveau, option A vs option B.
- Textes courts avec symétrie visuelle : deux paragraphes qui doivent peser de manière équivalente côte à côte.
Quand utiliser 3 colonnes¶
- Trois services / trois produits / trois départements présentés brièvement.
- Trois étapes où l'ordre est moins important (sinon utilisez Pas-à-pas).
Quand ne pas l'utiliser¶
- Pour un texte long — devient étroit et difficile à lire sur 3 colonnes.
- Si le contenu est inégalement réparti (une colonne est 5× plus longue que l'autre) — utilisez plutôt deux blocs Texte séparés.
- Pour du texte avec des images — utilisez Photo + texte.
Conseils¶
- Gardez les colonnes à peu près de même longueur. Une colonne courte à côté d'une longue donne un aspect désordonné.
- Commencez chaque colonne par la même structure : par ex. un sous-titre + 2 lignes d'explication. Donne du rythme visuel.
- Pas de listes imbriquées complexes — la largeur de colonne est limitée.