Widget Espacement
Le widget Espacement ajoute de l'espace visuel entre les widgets. Une petite fonctionnalité, mais un grand impact sur la lisibilité des Espaces.
Comment l'ajouter
- Dans la barre d'édition en bas de l'éditeur, repérez le widget — dans la rangée des widgets principaux, ou sous le popover ⌄ Tous les widgets s'il ne s'y trouve pas.
- Glissez le widget Espacement sur la section ciblée.
- Tirez sa poignée pour définir la hauteur souhaitée.
Le menu flottant — contrôles de l'Espacement
L'Espacement est le widget le plus simple — uniquement du vide, rien à configurer au-delà de sa hauteur. Son menu flottant reflète cela :
- Design (icône pinceau) — ouvre le Panneau Design contextuel.
- ⋮ Plus — Dupliquer · Supprimer.
(Pas de Taille, pas de Mode sombre, pas de Modifier la ressource — il n'y a rien à éditer.)
Fonctionne mieux avec la Compaction activée
L'Espacement n'a vraiment de sens que dans les sections avec Compaction activée. Voici pourquoi :
- Compaction activée — les widgets s'accolent sans aucun espace. Un Espacement est le seul moyen d'introduire une respiration verticale délibérée entre eux.
- Compaction désactivée — les widgets sont déjà placés librement dans la section, vous pouvez simplement les écarter. Un Espacement n'apporte aucune valeur.
Voir Styliser les sections et widgets pour comprendre le fonctionnement de la Compaction.
Quand l'utiliser
- Entre des widgets liés dans une section compactée, pour créer une pause subtile
- Avant et après un CTA pour le mettre visuellement en valeur
- Entre du texte et un média dans des mises en page serrées pour éviter l'encombrement visuel
Quand NE PAS l'utiliser
- Entre chaque widget — cela crée une fatigue de défilement ; faites confiance à l'espacement intégré de la section
- Pour remplacer une coupure de section — si le contenu est vraiment distinct, faites-en une nouvelle section
- Dans une section avec Compaction désactivée — espacez simplement vos widgets directement
Le minimum est la meilleure option
La plupart des Espaces ont besoin d'un ou deux espacements. N'en abusez pas. Un bon design visuel, c'est ce que l'on retire, pas ce que l'on ajoute.
Articles connexes
Mis à jour le : 18/06/2026
Merci !