Personnaliser la mise en page du groupe

Les blocs Groupe vous aident à organiser le contenu dans un conteneur que vous pouvez styliser et positionner comme une unité. Ce guide vous explique comment utiliser les réglages de mise en page pour créer des sections de page adaptables et bien alignées avec un bloc Groupe.

Par défaut, un bloc Groupe organise les blocs à l’intérieur de ce dernier pour qu’ils s’affichent les uns sur les autres. Modifier la façon dont les blocs sont organisés au sein d’un groupe vous permet de contrôler si le contenu apparaît côte à côte (horizontalement) ou empilé (verticalement), ce qui vous donne plus de flexibilité dans la mise en page de votre design. Vous pouvez personnaliser l’alignement du contenu dans le groupe en procédant comme suit :

1. Sélectionnez Vue en liste en haut de l’écran de modification.
2. Sélectionnez le bloc Groupe.
3. Dans la colonne latérale des réglages du bloc sur la droite, choisissez l’une de ces options :
   • Groupe : la disposition par défaut pour les blocs Groupe.
   • Empilement : dispose les blocs verticalement, les uns au-dessus des autres. Idéal pour créer du contenu clair et séquentiel comme des étapes ou des éléments mis en avant.
     • Sous Justification, modifiez l’alignement vertical avec des options comme haut, centre ou bas.
   • Ligne : place les blocs côte à côte horizontalement. Parfait pour créer des comparateurs de fonctionnalités ou des galeries d’images.
     • Sous Justification, ajustez l’alignement horizontal avec des options comme gauche, centre, droite ou espace entre les deux.
   • Grille : organise les blocs dans une mise en page sous forme de grille personnalisable. Utile pour les affichages de produits ou les membres d’une équipe.
4. Cliquez sur « Enregistrer » ou « Publier » pour enregistrer vos modifications.

Le contrôle de la largeur globale de votre bloc Groupe vous aide à créer une hiérarchie visuelle sur votre page et à ajuster la façon dont votre contenu réagit aux différentes tailles d’écran. Vous pouvez modifier la quantité d’espace utilisée par le bloc Groupe , de la largeur du contenu à la grande largeur, en passant par la largeur totale, en procédant comme suit :

1. Sélectionnez Vue en liste en haut de l’écran de modification.
2. Sélectionnez le bloc Groupe.
3. Dans la barre d’outils qui s’affiche, sélectionnez l’icône « Alignement » et choisissez parmi :
   • Contenu (ou « Aucun ») : définit la largeur des blocs sur la largeur par défaut de la zone de contenu. Idéal pour les sections de contenu standard.
   • Grande largeur : définit la largeur des blocs sur une valeur plus élevée (mais pas en pleine largeur). Parfait pour attirer l’attention sur du contenu important sans occuper tout l’écran.
   • Pleine largeur : définit le bloc de manière à remplir toute la largeur de la zone disponible. Parfait pour créer des sections de contenu immersives comme des bannières ou de grandes galeries d’images.
4. Cliquez sur « Enregistrer » ou « Publier » pour enregistrer vos modifications.

En savoir plus sur le changement de la largeur de votre contenu.

Vous pouvez contrôler l’espace occupé par votre contenu au sein d’un groupe, ce qui est utile lors de la création de designs adaptables qui fonctionnent bien sur les écrans mobiles et d’ordinateurs de bureau. Procédez comme suit pour modifier les réglages de largeur du contenu de votre bloc Groupe :

1. Sélectionnez Vue en liste en haut de l’écran de modification.
2. Sélectionnez le bloc Groupe.
3. Dans la colonne latérale des réglages du bloc, recherchez la section « Blocs intérieurs ». Activer/désactiver le réglage « Les blocs intérieurs utilisent la largeur du contenu »  :
   • Activé : le contenu suivra les réglages de largeur du contenu ou ajustez des valeurs de largeur spécifiques à l’aide des commandes de largeur.
   • Désactivé : le contenu s’étendra pour remplir toute la largeur du bloc Groupe.
4. Cliquez sur « Enregistrer » ou « Publier » pour enregistrer vos modifications.

Le réglage « Les blocs intérieurs utilisent la largeur du contenu » contrôle la largeur du contenu à l’intérieur du bloc Groupe :

Lorsqu’il est Activé : le contenu à l’intérieur de votre bloc Groupe suivra le réglage de largeur de contenu global de votre site (généralement environ 700-800 px de largeur). Cela crée une colonne de contenu maîtrisée et centrée, même si votre bloc Groupe couvre toute la largeur de la page. Cela améliore la lisibilité sur des écrans plus grands tout en conservant une mise en page attrayante.

Lorsqu’il est Désactivé : le contenu à l’intérieur de votre bloc Groupe s’étendra pour remplir toute la largeur du bloc Groupe lui-même. Si votre bloc Groupe est en pleine largeur, votre contenu s’étendra également sur toute la largeur. Ceci est utile pour créer des designs de bord à bord comme des galeries d’images en pleine largeur ou lorsque vous souhaitez que le contenu corresponde à la largeur de l’arrière-plan de votre bloc Groupe .

Exemple pratique : si vous avez un bloc Groupe avec un arrière-plan coloré s’étendant sur toute la largeur de la page, activer « Les blocs intérieurs utilisent la largeur du contenu » créera une colonne de contenu centrée avec l’arrière-plan coloré s’étendant de bord en bord : parfait pour mettre en évidence des informations importantes tout en conservant l’intérêt visuel.

Ajuster les dimensions vous permet de contrôler la hauteur, la largeur et l’espacement de votre bloc Groupe pour mieux répondre à vos besoins en matière de contenu et de mise en page. Cela vous permet de créer des sections visuellement équilibrées et laisse votre contenu respirer. Définissez un espacement précis autour du contenu de votre bloc Groupe en procédant comme suit :

1. Sélectionnez Vue en liste en haut de l’écran de modification.
2. Sélectionnez le bloc Groupe.
3. Dans la colonne latérale des réglages du bloc, recherchez la section Dimensions .
4. Définissez des valeurs pour :
   • Marge intérieure : espace entre le contenu et la bordure du bloc Groupe. Une marge intérieure plus grande laisse votre contenu respirer.
   • Marge : espace autour de l’extérieur du bloc Groupe. Cela permet de séparer cette section des autres contenus.
5. Utilisez l’icône du lien pour basculer entre les réglages uniformes ou individuels des côtés.

En savoir plus sur la personnalisation des dimensions du bloc.

Ajuster cet espacement vous permet de contrôler la proximité ou la distance du contenu dans votre bloc Groupe, en créant une bonne relation visuelle entre les éléments. Cela permet aux visiteurs de distinguer les contenus similaires tout en conservant une section cohérente. Gérez l’espacement entre les blocs au sein de votre groupe :

1. Sélectionnez Vue en liste en haut de l’écran de modification.
2. Sélectionnez le bloc Groupe.
3. Dans la colonne latérale des réglages du bloc, recherchez la section Espacement des blocs .
4. Utiliser les contrôles pour définir :
   • Espacement des blocs : espace entre les blocs individuels. Un espacement plus important crée une séparation nette, tandis qu’un espacement moindre connecte le contenu.
   • Hauteur minimale : hauteur minimale du bloc Groupe. Utile pour créer des sections cohérentes ou pour ajouter des espaces pour un équilibre visuel.

En savoir plus sur l’ajustement de l’espacement entre des blocs.