Section
Mis à jour hier
La section est une zone de composition flexible qui organise des blocs de thème et d’application imbriqués en colonne, en ligne ou en grille. Contrairement aux sections dédiées, elle ne possède aucune liste de blocs fixe : elle accepte n’importe quel bloc @theme ou @app compatible et affiche les blocs que vous ajoutez dans la mise en page que vous configurez.
Paramètres
Configurez l’apparence de la section et la disposition de ses blocs. Lorsqu’un paramètre est toujours disponible, il s’applique à toutes les mises en page ; les paramètres indiqués comme conditionnels apparaissent uniquement lorsque le choix parent est actif.
Paramètre | Fonction | Valeurs par défaut / choix |
|---|---|---|
Couleurs | Applique une palette de couleurs à la section. | Schéma 1 |
Média d’arrière-plan | Définit un arrière-plan pour la section : Aucun, Image ou Vidéo. Les paramètres d’image comprennent l’image et sa position (Couvrir ou Ajuster) ; les paramètres vidéo comprennent la vidéo et sa position (Couvrir ou Contenir). | Aucun |
Superposition d’arrière-plan | Affiche une superposition sur l’arrière-plan. Les paramètres de superposition (Couleur de superposition, style de superposition Uni ou Dégradé, et direction du dégradé Vers le haut ou Vers le bas) apparaissent uniquement lorsque cette option est activée. | Désactivé |
Direction | Dispose les blocs en mode Vertical (colonne), Horizontal (ligne) ou Grille. Le mode Grille ajoute les champs de colonne de grille et de zone de grille (distincts pour ordinateur et mobile). Le mode Ligne ajoute les champs d’alignement et de position de la ligne. | Vertical |
Vertical sur mobile | Empile verticalement sur mobile une ligne horizontale de blocs. Disponible lorsque la Direction est définie sur Horizontal. | Activé |
Alignement / Position | Contrôle l’alignement horizontal et la position verticale des blocs. Des commandes distinctes pour ordinateur et mobile apparaissent lorsque vous activez Remplacer l’alignement sur mobile ou Remplacer la position sur mobile. | Gauche / Centre |
Largeur | Page maintient la section dans la largeur de la page ; Pleine largeur l’étend sur toute la largeur. L’activation de la gouttière de page (disponible avec Pleine largeur) insère la section dans la gouttière de la page ; sa désactivation supprime la gouttière. | Page |
Hauteur | Définit la hauteur de la section : Automatique, Petite, Moyenne, Grande, Plein écran ou Personnalisée (ce qui affiche une plage de hauteurs personnalisée). | Automatique |
Espacement horizontal / vertical | Espace entre les blocs, défini séparément pour ordinateur et mobile. Activez Utiliser un espacement vertical différent pour définir séparément les valeurs d’espacement vertical ; sinon, les valeurs horizontales sont réutilisées. | 12 |
Débordement visible | Permet au contenu des blocs de dépasser le bord de la section. Cette option est désactivée par défaut, ce qui tronque le contenu qui déborde. | Désactivé |
Marge interne supérieure / inférieure (mobile et ordinateur) | Espace au-dessus et au-dessous de la section sur chaque appareil. | 16 |
Masquer la section sur ordinateur / mobile | Masque la section sur l’appareil choisi. | Désactivé |
Classe personnalisée | Ajoute une ou plusieurs classes CSS à la section, séparées par des espaces. | — |
Le bouton Afficher le contenu sur une carte affiche le contenu de la section sur une carte et révèle le paramètre de schéma du rayon de bordure (l’un des trois styles de rayon).
Blocs
La section accepte des groupes de blocs @theme et @app dynamiques plutôt qu’une liste fixe. Ainsi, tout bloc de thème ou d’application compatible peut y être ajouté. Les blocs que vous ajoutez s’affichent dans le conteneur de mise en page que vous configurez à l’aide des paramètres ci-dessus.