Personnaliser la mise en page

La mise en page d'une page est composée de rangées, chacune divisée en colonnes. Chaque rangée dispose d'un panneau de réglages accessible depuis l'éditeur de mise en page. Ces réglages permettent de contrôler la largeur, les espaces, la couleur de fond et le comportement visuel de la rangée.

Réglages d'une rangée

Pour accéder aux réglages d'une rangée, cliquez sur l'icône de paramètres de la rangée dans l'éditeur de mise en page.

Largeur du contenu

Contrôle la largeur maximale du contenu de la rangée sur les grands écrans.

Largeur automatique : limite la largeur à une valeur confortable pour la lecture. Convient à la majorité des cas.
Pleine largeur : le contenu occupe toute la largeur de l'écran. Utile pour les images de fond ou les blocs visuellement forts.
Largeur réduite : contenu plus étroit, idéal pour les textes longs sur une seule colonne.

Centrer verticalement le contenu

Aligne verticalement au centre le contenu de toutes les colonnes d'une même rangée. Particulièrement utile quand les colonnes n'ont pas la même hauteur et que l'on souhaite que leur contenu soit aligné sur l'axe vertical.

Marges

Ajoute de l'espace en dehors de la rangée, au-dessus et/ou en dessous. Quatre intensités disponibles : aucune, petite, moyenne, grande. Utile pour amplifier la séparation visuelle avec les rangées voisines.

Couleur de fond

Applique une couleur de fond à la rangée, choisie dans la palette du site. L'option Atténuer la couleur produit une variante plus claire et moins saturée. L'option La couleur prend toute la largeur permet d'étendre cette couleur jusqu'aux bords de l'écran, même si le contenu reste dans la largeur définie.

Espacement interne

Ajoute de l'espace à l'intérieur de la rangée, entre ses bords et son contenu. Quand une couleur de fond est définie, cet espacement l'étend visuellement vers le haut et vers le bas. Quatre intensités disponibles : aucune, petite, moyenne, grande.

Colonnes disponibles

Lors de l'ajout d'une rangée, plusieurs configurations de colonnes sont proposées. La largeur de chaque colonne est exprimée en fraction de la rangée.

1 colonne (1/1): Pleine largeur. Pour les textes introductifs, titres ou blocs qui occupent toute la rangée.
2 colonnes égales (1/2 + 1/2): Deux colonnes de même largeur. Pour juxtaposer deux contenus de poids équivalent.
2 colonnes asymétriques (1/3 + 2/3 ou 2/3 + 1/3): Une colonne étroite et une large. Pratique pour un texte d'accroche à côté d'un contenu plus développé, ou pour une mise en page avec image et texte.
3 colonnes (1/3 + 1/3 + 1/3): Trois colonnes égales. Fréquent pour présenter des services, des arguments ou des contacts côte à côte.
4 colonnes et plus: Configurations à 4 colonnes (1/4 + 1/2 + 1/4 ou 1/4 × 4) et 6 colonnes (1/6 × 6) pour des mises en page plus denses.

Personnaliser une colonne

En plus des réglages de rangée, chaque colonne peut être personnalisée indépendamment grâce au bloc Paramétrage de colonne. Pour être actif, ce bloc doit être placé en première position dans sa colonne.

Couleur de fond: Couleur appliquée à l'ensemble de la colonne, choisie dans la palette du site. L'option Atténuer la couleur produit une variante plus claire, pour un rendu plus discret.
Espacement interne: Ajoute de l'espace à l'intérieur de la colonne, entre ses bords et son contenu. Quand une couleur de fond est définie, cet espacement l'étend visuellement. Quatre intensités disponibles (aucune, petite, moyenne, grande), réglables indépendamment en haut et en bas.