Les sections

Qu’est-ce qu’une section ?

Une page est une suite de sections posées les unes sous les autres : un bandeau d’accueil, une présentation, des témoignages, un formulaire… Chaque section contient du texte et des blocs, et a sa propre apparence.

Ajouter une section

Entre deux sections, un séparateur porte un bouton + (Ajouter une section) : cliquez dessus pour insérer une nouvelle section à cet endroit. Vous pouvez aussi taper / dans une page et choisir Section. Remplissez-la ensuite de texte et de blocs.

Déplacer, dupliquer, supprimer

Ces commandes se trouvent sur le séparateur placé au bord supérieur de chaque section. Passez la souris sur la page : entre deux sections apparaît une ligne avec, au centre, une poignée à six points (son info-bulle : Glisser pour déplacer, cliquer pour les commandes) et le bouton rond +.

• Glissez la poignée vers le haut ou vers le bas pour déplacer la section.
• Cliquez sur la poignée pour ouvrir le menu de la section située juste en dessous : Style, Monter, Descendre, Dupliquer et Supprimer.

Supprimer retire la section entière avec tout son contenu, sans demander de confirmation. En cas d’erreur, annulez aussitôt avec Cmd+Z sur Mac ou Ctrl+Z sous Windows.

Quand vous avez cliqué dans une section, l’onglet Section du panneau de droite propose aussi, tout en haut, les mêmes commandes : Monter la section, Descendre la section, Dupliquer la section et Supprimer la section.

Supprimer une section vide

Une section vide se supprime de la même façon, avec la poignée du séparateur juste au-dessus d’elle ou depuis l’onglet Section. Plus simple encore : cliquez dans sa ligne vide et appuyez sur la touche d’effacement, la section disparaît. Cmd+Z ou Ctrl+Z la rétablit.

L’en-tête et le pied de page du site n’ont pas de poignée : ils ne se déplacent pas et ne se suppriment pas.

Régler l’apparence d’une section

Cliquez dans la section, puis ouvrez l’onglet Section du panneau de droite :

• Palette de couleurs : Par défaut, Douce, Accent ou Affirmée. Les couleurs viennent de votre style : alterner les palettes rythme la page sans jamais sortir de votre charte.
• Mise en page et Espacement : la largeur et l’air autour du contenu.
• Image / vidéo de fond, avec un Voile pour garder le texte lisible, la Position et le Flou. Pour une image, l’interrupteur Fond fixe la garde immobile pendant que le contenu défile par-dessus, sur ordinateur comme sur téléphone.
• Plein écran : la section occupe toute la hauteur de l’écran.
• Mise en colonnes : répartit le texte en 2 ou 3 colonnes, avec lettrine ou texte justifié si vous le souhaitez.

Les effets de section

• Ambiance animée : un fond vivant tiré des couleurs du style (Aurore, Lueur, Grille, Trame, Maillage, Constellation, Ondes, Liquide). Une image de fond la remplace.
• Entrée des titres : les mots des titres montent ou se révèlent à l’arrivée.
• Texte-manifeste : les mots s’éclairent au fil du défilement. À réserver à une phrase forte.
• Sections empilées : la section reste en haut de l’écran pendant que la suivante glisse par-dessus, comme un paquet de cartes. À activer sur 2 à 4 sections qui se suivent.

Ces effets se jouent sur le site, dans l’aperçu comme en ligne. D’autres effets se règlent pour tout le site dans Formes, effets et animations.