Aller au contenu

Autres types de blocs

Ces blocs répondent à des usages plus spécifiques : listes de définitions, carte géographique, logo du site, paramétrage de colonne et code HTML personnalisé.

Liste de définitions

Ce bloc affiche une liste de termes accompagnés chacun d'un contenu détaillé. C'est le bloc utilisé tout au long de cette documentation pour présenter les options de chaque bloc. Les termes s'affichent à gauche, le contenu à droite, avec une couleur optionnelle pour les libellés.

Options

Termes

Chaque entrée est composée d'un libellé et d'un contenu. Le contenu accepte des textes, des listes, des séparateurs, des citations et des boutons.

Couleur des libellés

Couleur appliquée à tous les termes de la liste.

Exemple

Trois termes avec leurs définitions.

Bloc de contenu

Unité de base permettant d'ajouter un élément sur une page : texte, image, bouton, etc.

Modèle de page

Structure prédéfinie qui détermine les champs de saisie disponibles pour un type de page donné.

Mise en page

Organisation des blocs en rangées et colonnes pour structurer visuellement le contenu.

Logo du site

Ce bloc affiche le logo configuré dans les réglages du site. Il est utile pour faire apparaître le logo à un endroit précis d'une page, en dehors de l'en-tête. Il n'a pas de paramètre propre : la source et la taille du logo sont gérées dans les réglages généraux du site.

Exemple

Numérique
Essentiel

Carte interactive

Ce bloc intègre une carte OpenStreetMap interactive dans la page. Il suffit de placer un marqueur à l'adresse souhaitée depuis l'interface de saisie. La carte est zoomable et le marqueur est affiché automatiquement.

Exemple

Marqueur positionné sur Nantes.

Paramétrage de colonne

Ce bloc s'applique à la colonne dans laquelle il est placé. Il doit être positionné en première position dans sa colonne pour être actif. Il ne produit rien de visible par lui-même mais modifie l'apparence de la colonne entière.

Options

Couleur de fond

Applique une couleur de fond à l'ensemble de la colonne.

Rembourrage intérieur

Ajoute de l'espace à l'intérieur de la colonne. Quand une couleur de fond est définie, ce rembourrage l'étend visuellement jusqu'aux bords de la colonne.

Code HTML

Ce bloc permet d'insérer du code HTML directement dans la page. Il est destiné aux utilisateurs ayant des compétences techniques et doit être utilisé avec précaution : un code incorrect peut affecter l'affichage de la page. Il convient pour intégrer des éléments non couverts par les autres blocs (widget tiers, code d'intégration externe, mise en forme spécifique).

Exemple

Un message d'information écrit en HTML.