Style de section

Chaque composant offre un certain degré de personnalisation, bien que cela puisse varier d'une bibliothèque à l'autre si les composants sont créés par des créateurs différents. Il existe deux principales façons de personnaliser une section :

Certains composants disposent d'options permettant de modifier leur apparence. Cliquez sur l'icône des paramètres en haut du panneau de l'éditeur. Si le composant que vous utilisez dispose d'options configurables, personnalisez-les selon vos besoins. Vous pouvez également cliquer sur l'onglet « Préréglages » pour accéder aux options préconfigurées par le développeur de la bibliothèque.

En cliquant sur l'icône de la palette, vous pourrez modifier les couleurs de la section en cours. Les couleurs non modifiées seront héritées du site web. Vous pouvez également définir des couleurs différentes pour les modes clair, sombre et atténué ; votre site web s'adaptera alors automatiquement aux préférences de vos visiteurs.

1. Depuis l'éditeur de site web, cliquez sur

   dans la barre d'outils.

2. Sélectionnez Clair, Sombre ou Obscur dans la section Luminosité du panneau de gauche.

Vos couleurs seront automatiquement mises à jour en fonction des couleurs de votre site Web ou des couleurs de base de la section.

1. Depuis l'éditeur de site web, cliquez sur

   dans la barre d'outils.

2. Dans le panneau de gauche, cliquez sur Couleurs personnalisées .

3. Ajustez les couleurs des éléments que vous souhaitez modifier. Remarque : les sections utiliseront par défaut les couleurs primaire, secondaire, d’accentuation et neutre définies par le créateur de la base. Les couleurs définies pour chaque élément remplaceront les couleurs de base.

Certains éléments et composants du site prennent en charge les arrière-plans d'images/dégradés et les animations avancées. Vous pouvez y accéder via le menu Conception.

1. Depuis l'éditeur de site web, cliquez sur

   dans la barre d'outils.

2. Dans le panneau de gauche, cliquez sur Arrière-plan et contraste .

3. Utilisez les onglets du panneau de gauche pour sélectionner votre arrière-plan : dégradé, image ou vidéo.

4. Pour le dégradé, sélectionnez vos couleurs et vos options de dégradé. Pour l'image ou la vidéo, importez le fichier.

5. Vous pouvez activer le masque de lisibilité du contenu. Celui-ci superposera un filtre blanc ou noir semi-transparent afin de garantir que votre contenu respecte les normes d'accessibilité.

1. Depuis l'éditeur de site web, cliquez sur

   dans la barre d'outils.

2. Dans le panneau de gauche, cliquez sur Effets d'animation .

3. Cliquez sur

   à côté de Activer l'effet d'animation .

4. Configurez l'effet et la durée selon vos préférences.

1. Depuis l'éditeur de site web, cliquez sur

   dans la barre d'outils.

2. Cliquez sur

   
   Cliquez sur le bouton en haut du panneau de gauche. Cela copiera tous les paramètres de chaque catégorie (Options des composants, Arrière-plan et contraste, Effets d'animation et Couleurs personnalisées). Remarque : Vous pouvez également sélectionner une catégorie et copier directement à partir de celle-ci.

3. Accédez à la section que vous souhaitez remodeler.

4. Cliquez sur

   dans la barre d'outils.

5. Cliquez

   
   En haut du panneau de gauche. Remarque : si vous avez copié du texte depuis une sous-section des paramètres, vous devez accéder à cette section avant de le coller.