Ajouter des styles aux groupes

En utilisant les blocs Groupe, vous pouvez ajouter des styles de design à des groupes de contenu. Dans ce guide, vous apprendrez comment personnaliser l’apparence d’un bloc Groupe avec des couleurs, des bordures et des éléments visuels.

Les styles prédéfinis sont une fonctionnalité incluse dans plusieurs thèmes basés sur des blocs. Pour appliquer un style prédéfini, procédez comme suit :

1. Cliquez sur Vue en liste en haut de l’écran de modification.
2. Sélectionner le bloc Groupe.
3. Dans la colonne latérale des réglages du bloc, cliquez sur l’onglet Styles (l’icône ressemble à un cercle noir et blanc).
4. Cliquez sur un style pour l’appliquer à votre bloc Groupe.

Si vous n’avez pas de styles prédéfinis, vous avez toujours la possibilité d’appliquer vos styles à un bloc Groupe (voir ci-dessous).

Vous pouvez modifier les couleurs par défaut d’un bloc Groupe, notamment la couleur d’arrière-plan, celle du texte, etc. Pour modifier les couleurs utilisées dans un bloc Groupe, procédez comme suit :

1. Cliquez sur Vue en liste en haut de l’écran de modification.
2. Sélectionner le bloc Groupe.
3. Dans la colonne latérale des réglages du bloc, localisez la section Couleur .

4. Cliquez sur le nom de l’élément dont vous souhaitez modifier la couleur et sélectionnez votre nouvelle couleur.
5. Cliquer sur l’icône des options de couleur (⋮) pour activer les options de modification des couleurs d’en-tête et de bouton par défaut.
6. Cliquez sur « Enregistrer » ou « Publier » pour enregistrer vos modifications.

En savoir plus sur la modification des couleurs.

Les images d’arrière-plan offrent un intérêt visuel et un contexte à votre contenu. Pour ajouter une image d’arrière-plan à un bloc Groupe, procédez comme suit :

1. Cliquez sur Vue en liste en haut de l’écran de modification.
2. Sélectionner le bloc Groupe.
3. Dans la colonne latérale des réglages du bloc, recherchez la section « Image d’arrière-plan ».
4. Cliquez sur « Ajouter une image d’arrière-plan » pour sélectionner une image dans la médiathèque de votre site ou en charger une nouvelle.

Pour supprimer une image d’arrière-plan, cliquez sur l’icône « Options de l’image d’arrière-plan » (⋮) dans la section « Image d’arrière-plan » et sélectionnez le lien « Réinitialiser ».

Les bordures et les ombres créent de la profondeur et aident à séparer visuellement les sections de contenu. Pour ajouter ces éléments à un bloc Groupe, procédez comme suit :

1. Cliquez sur Vue en liste en haut de l’écran de modification.
2. Sélectionner le bloc Groupe.
3. Dans la colonne latérale des réglages du bloc, recherchez la section Bordure et ombre .
4. Personnalisez votre bordure en ajustant les réglages suivants :
   • Largeur : épaisseur de la bordure.
   • Style : styles de trait plein, tirets ou pointillés.
   • Couleur : choisissez parmi les couleurs prédéfinies ou créez une couleur personnalisée.
   • Rayon : ajoutez des coins arrondis à votre bloc Groupe.
5. Cliquer sur le menu Options de bordure et d’ombre (⋮) pour afficher l’option Ombre , puis choisissez parmi les designs d’ombre prédéfinis.

En savoir plus sur les réglages de bordure et d’ombre.

La création de designs cohérents sur votre site vous fait gagner du temps et améliore la cohésion visuelle. Pour définir les styles par défaut pour tous les blocs Groupe, procédez comme suit :

1. Accédez à Apparence → Éditeur → Styles.
2. Localisez le bloc Groupe dans la section Blocs et définissez vos options d’arrière-plan, de bordure et autres styles préférés.
3. Cliquez sur Enregistrer pour appliquer ces valeurs par défaut à tous les blocs Groupe.

Remarque : Vous pouvez toujours personnaliser des blocs Groupe spécifiques dans la colonne latérale des réglages du bloc.

En savoir plus sur la configuration des styles pour votre site.