Passer au contenu principal

Changez les styles de section de votre site Web

Ajustez la mise en page, les couleurs, les médias d'arrière-plan, le texte, l'espacement et plus encore pour chaque section à l'aide de l'éditeur de style.

Mark De Paola avatar
Écrit par Mark De Paola
Mis à jour aujourd’hui

Les styles de section vous donnent un contrôle total sur l'apparence de chaque section de votre site.Que vous conceviez une page d'atterrissage épurée ou un bloc promotionnel audacieux, vous pouvez peaufiner chaque détail — des couleurs et de la mise en page aux animations et bordures — le tout dans l'éditeur de section.

Pour changer le style d'une section :

  1. Ouvrez votre site dans l'Éditeur.

  2. Survolez la section que vous souhaitez modifier.

  3. Cliquez sur l'icône d'édition dans le coin supérieur droit de la section.

  4. Dans le panneau qui s'ouvre à la droite, cliquez sur l'onglet Style (icône de seau de peinture) en haut.

  5. Utilisez les options disponibles pour ajuster la mise en page et le style visuel.Tous les changements s'appliquent instantanément.

Astuce pratique :

Cliquez sur l' icône d'accrochage pour déplacer l'éditeur de section entre les côtés gauche et droit de votre écran.

Couleurs

  • Sélectionnez parmi les couleurs de thème de la page – Appliquez l'une des combinaisons de couleurs prédéfinies de votre site.

  • Utilisez des arrière-plans unis ou dégradés – Choisissez entre une couleur plate ou un remplissage dégradé.

  • Remplacer par des couleurs personnalisées – Définissez manuellement les couleurs de fond et d'accent pour la section.

Image ou vidéo de fond

  • Cliquez sur Ajouter un média pour ouvrir le sélecteur de médias.

  • Choisissez dans la bibliothèque de médias de Durable ou téléchargez une image (JPG, JPEG, PNG jusqu'à 32 Mo). Les téléchargements de vidéos ne sont pas pris en charge.

  • Cliquez sur Laissez l'IA choisir pour vous pour générer une image automatiquement.

  • Après avoir sélectionné les médias, des contrôles supplémentaires apparaissent :

    • Régénérer – Remplacer l'image générée par l'IA.

    • Changer – Sélectionnez de nouveaux médias manuellement.

  • Affinez l'apparence avec :

    • Position – Ajuster le placement horizontal et vertical de l'image.

    • Superposition – Contrôlez la visibilité de l'image ou de la vidéo.

    • Flou – Ajoutez un effet de flou doux.

Options de texte

  • Taille de l'en-tête – Choisissez entre Petit, Moyen, Grand ou Très Grand.

  • Taille du sous-texte – Choisissez entre Petit, Moyen ou Grand.

  • Alignement du texte – Alignez le contenu à gauche, au centre ou à droite en utilisant les icônes d'alignement.

Mise en page et style avancé

  • Coins arrondis – Choisissez Petit, Moyen, Grand, Aucun, ou faites correspondre le thème de la page de votre site.

  • Animations – Contrôlez comment les éléments apparaissent lorsque la section se charge :

    • Les options incluent : Aucun, Fondu enchaîné, Zoom avant, Zoom arrière, Glisser vers le haut, Glisser vers la gauche, Glisser vers la droite, ou correspondre au thème de la page.

  • Espacement – Contrôler l'espace autour de la section :

    • Espacement supérieur – Aucun, Petit, Moyen ou Grand

    • Espacement inférieur – Aucun, Petit, Moyen, ou Grand

  • Hauteur min. – Définit la hauteur minimale de la section :

    • Contenu – Ajuste la hauteur au contenu à l'intérieur.

    • Écran – Remplit l'écran du visiteur avec la section.

      • Si Écran est sélectionné, choisissez l'alignement vertical : Haut, Milieu, ou Bas.

Diviseurs et Bordures

  • Séparateur – Ajoute un séparateur visuel entre cette section et la suivante. Lorsqu'il est activé, cliquez sur l'exemple pour choisir un style.

  • Bordure – Ajoutez une bordure qui correspond à la direction du séparateur :

    • Sélectionnez couleur, épaisseur et type (Solide ou Tireté).

Lorsque vous avez terminé de personnaliser votre section, cliquez sur Terminé dans le coin supérieur droit du panneau pour enregistrer vos modifications.

Si vous avez besoin d'aide pour concevoir des sections remarquables ou si vous souhaitez des conseils sur les meilleures pratiques, notre équipe est toujours heureuse de vous aider.N'hésitez pas à nous contacter !

Avez-vous trouvé la réponse à votre question ?