Passer au contenu

/ Communications et services numériques

Rechercher

Vignette image

Utilisation

Cet élément affiche, à 100% de la largeur de la colonne où il est inséré, une vignette qui consiste en une image, titre et lien. Il est normalement utilisé dans la colonne de droite ou dans celle de gauche (sous le menu secondaire).

Vous pouvez assembler une série de vignettes en carrousel en les insérant dans un élément de type Carrousel Udem.

Si le lien est interne (i.e. pointe vers une page du site), l'icône tel qu'illustrée dans la première image sera automatiquement ajouté à la vignette.

Si le lien est externe (i.e. pointe vers une page à l'extérieur du site), alors l'icône de la seconde image sera utilisée.

Champs à l'insertion/édition

D'autres champs sont définis dans la page des champs communs à tous les éléments de contenu.

General / Titre / Titre

Le titre, si spécifié et si non caché, apparait dans l’encadré titre.

General / Titre / Lien

La vignette peut – optionnellement – servir de lien.

L’icône affiché sera représentatif du type de lien inséré (page du site ou url externe),

General / Titre / Type

Le niveau de lecture du titre.

General / Images

Cliquer sur Ajouter une image pour insérer l’image. Une seule image est requise pour cet élément.

L’image devrait au préalable avoir été déposée dans un des répertoires de la Liste des fichiers.

Il est recommandé d'utiliser une image d'une largeur de 320px afin qu'elle s'affiche correctement sur toute les plateformes (assez grande pour les appareils mobiles sans être trop lourde au chargement), et d'une hauteur minimale de 135 px. Il est aussi recommandé que toutes les vignettes du site soient de même grandeur afin d'assurer un cohésion visuelle.

General / Mise en page du contenu / Indentation et cadres

Pour la vignette, on doit choisir Aucun encadrement.

Exemple de vignettes images