Apportez plus de variété et de contraste à vos pages grâce à des options de style spécifiques à chaque section.

Par défaut, les sections de page suivent les styles globaux du site, mais vous pouvez personnaliser chaque section individuellement pour en modifier le design, l’arrière-plan, les couleurs ou les autres paramètres spécifiques.

Les sections de page et les styles de section sont disponibles dans la version 7.1.

Modifier les styles des sections

Pour personnaliser le style d’une section de page :

1. Ouvrez le panneau Pages, puis cliquez sur Modifier sur la page.
2. Survolez la section concernée, puis cliquez sur Modifier la section. Les options varient selon le type de section.
3. Pour personnaliser les options spécifiques à une section, cliquez sur Design. Cet onglet peut porter un autre nom, comme Format ou Galerie. Selon le type de section, vous pouvez créer un lien d’ancrage dans cet onglet.
4. Pour ajouter une image, une vidéo ou un effet visuel d’arrière-plan, cliquez sur Arrière-plan. Le contenu d’arrière-plan peut s’afficher en pleine page ou en insertion par rapport aux bords de la section.
5. Pour choisir une palette de couleurs, cliquez sur Couleurs. Toute modification apportée à une palette de couleurs affecte l’ensemble des sections de votre site qui utilisent ce thème.

Personnaliser la grille et l’espacement de l’Éditeur intuitif

Après avoir ouvert les styles d’une section de l’Éditeur intuitif, vous pouvez modifier ces paramètres dans l’onglet Design :

• Modifier la hauteur de la grille : utilisez l’option Nombre de lignes pour définir le nombre de lignes de la grille de la section. C’est la seule option de style de section pour laquelle vous pouvez appliquer des réglages distincts entre les dispositions pour ordinateur et mobile, sachant toutefois que le nombre minimal de lignes dépend également du nombre de blocs que vous avez ajoutés et de leur disposition. Vous pouvez aussi modifier la hauteur directement sur la page en cliquant sur l’icône flèche bleue située dans le coin inférieur droit de la section et en la faisant glisser.
• Contrôler l’espacement des blocs : utilisez l’option Espacement pour définir la marge entre les blocs de la grille. Vous pouvez choisir de n’appliquer aucun espacement, d’utiliser un espacement prédéfini ou de cliquer sur … pour configurer des espaces verticaux et horizontaux personnalisés.
• Ajouter et personnaliser la marge intérieure de la section : activez l’option Remplir l’écran pour obtenir un meilleur contrôle sur la hauteur et l’alignement de votre contenu. Si vous ne souhaitez pas ajouter de marge intérieure autour du contenu de la section, laissez cette option désactivée. Les options suivantes s’affichent uniquement si l’option Remplir l’écran est activée :
  • Ajouter une marge intérieure en dehors de la grille de section : sous Hauteur, choisissez entre une petite, moyenne ou grande hauteur, ou cliquez sur … pour définir une hauteur personnalisée.
  • Définissez l’endroit où la hauteur supplémentaire de la marge intérieure apparaît. Sous Alignement, alignez le contenu en haut pour ajouter une marge intérieure sous le contenu. Alignez le contenu au centre pour ajouter une marge intérieure au-dessus et en dessous du contenu. Alignez le contenu en bas pour ajouter une marge intérieure au-dessus du contenu.

Personnaliser la hauteur et l’espacement dans l’Éditeur classique

Après avoir ouvert les styles d’une section de la section de l’éditeur classique, vous pouvez modifier ces paramètres dans l’onglet Design :

• Modifier la hauteur de la section : utilisez l’option Hauteur de la section pour changer la hauteur à laquelle la section apparaît sur la page. Les sections avec plus de contenu peuvent s’afficher à une hauteur supérieure à celle que vous avez définie. Cela influe également sur les marges situées au-dessus et en dessous du contenu de votre section.
• Modifier la largeur du contenu : utilisez l’option Largeur du contenu pour définir la proportion de la largeur de la section occupée par votre contenu.
• Modifier l’alignement du contenu par rapport aux bordures de la section : utilisez l’option Alignement du contenu pour paramétrer la façon dont le contenu s’aligne avec les bordures de la section.

Ajouter des séparateurs de section

Vous pouvez ajouter un séparateur unique au bas des sections de blocs, des dispositions automatiques et des sections Galerie. Une fois le premier séparateur de section créé sur votre site, ses réglages s’appliquent automatiquement aux séparateurs que vous configurez par la suite. Si vous souhaitez que vos séparateurs de section soient distincts, personnalisez chacun d’eux manuellement au moment de leur création.

Pour ajouter un séparateur de section :

1. Ouvrez le panneau Pages, puis cliquez sur Modifier sur la page.
2. Survolez la section concernée, puis cliquez sur Modifier la section.
3. Dans l’onglet Design, activez l’option Séparateur à l’aide du bouton bascule.
4. Utilisez les réglages qui s’affichent pour personnaliser le séparateur.

Personnaliser un séparateur de section

Après avoir activé le bouton Séparateur, utilisez les options suivantes pour en modifier le style :

• Forme : cliquez sur l’icône Aléatoire pour attribuer les paramètres de manière aléatoire, ou cliquez sur l’icône Paramètres pour sélectionner une forme et modifier les paramètres manuellement.
• Trait : sélectionnez une bordure en ligne continue, en pointillés ou aucune bordure pour votre séparateur.
• Couleur : sélectionnez une couleur dans la palette de votre site pour la ligne de bordure.
• Épaisseur : définissez l’épaisseur de la bordure à l’aide des options petite, moyenne ou grande. Cliquez sur ... pour modifier manuellement l’épaisseur du séparateur.

Sections sans séparateurs

Si votre page comporte une section qui ne gère pas les séparateurs de section (comme une section Boutique ou Blog), vous pouvez reproduire l’aspect d’un séparateur en insérant une section de blocs vide.

Gardez en tête que ce séparateur n’interagira pas avec la section ci-dessus exactement de la même manière que les séparateurs de section intégrés. Par exemple, si la section comporte une image d’arrière-plan, le séparateur apparaîtra en dessous de l’image au lieu de la border directement.

Pour ajouter un séparateur de section au-dessous des sections de collection :

1. Ouvrez le panneau Pages, puis cliquez sur Modifier sur la page contenant la section qui ne possède pas de séparateur.
2. Cliquez sur Ajouter une section sous cette section.
3. Cliquez sur + Ajouter vide, puis sur Section.
4. Survolez la section concernée, puis cliquez sur Modifier la section.
5. Définissez la Hauteur sur petite et activez l’option Diviser.
6. Personnalisez le séparateur comme bon vous semble. N’ajoutez aucun bloc à cette section.

Quels éléments puis-je modifier avec les styles de section ?

Les éléments modifiables avec les styles de section varient selon le type de section.

Sections de blocs et dispositions automatiques

Dans les sections de blocs (au sein de l’Éditeur intuitif ou de l’Éditeur classique) et les dispositions automatiques, vous pouvez personnaliser l’arrière-plan et les couleurs, ainsi que les options de design spécifiques à chaque section. En savoir plus sur les styles spécifiques aux sections :

• Éditeur intuitif
• Éditeur classique
• Dispositions automatiques

Sections de collection et sections Galerie

Dans les sections de collection (comme les sections Blog et Boutique) et les sections Galerie, vous pouvez personnaliser les couleurs ainsi que les options de design spécifiques à chaque section. En savoir plus sur les styles spécifiques aux sections :

• Sections Cours
• Sections de blog
• Sections Calendrier
• sections Galerie
• Sections de portfolio
• Sections de boutique
• Sections Vidéos