Composant Jahia > Teasers > Teasers avec icône

Le composant Teaser avec icône vous permet de créer une liste de liens rapides, chacun accompagné d’une icône reconnaissable. Ce type de teaser est particulièrement adapté pour orienter l’utilisateur vers des pages pratiques, des rubriques spécifiques ou des actions fréquentes. Il facilite la navigation grâce à un affichage visuel simplifié et structuré.

icon page teaser.png

Bonnes pratiques

Le titre des page teasers doit être suffisamment explicite pour que les personnes sachent à quoi s’attendre en cliquant dessus. Il est idéal d'avoir un nombre de caractères proche entre les titres des page teasers d'un même groupe. L’important est de rester régulier et succinct. Le nombre de caractères pour le titre est limité à 60 caractères maximum, espaces compris.

Les page teasers permettent, si souhaité, d’ajouter un texte permettant d’indiquer à l’usager quel contenu il pourra trouver au clic. Comme pour le titre, si on ajoute un texte explicatif a un page teaser, il est important de proposer un texte explicatif à tous les page teasers réunis dans un même ensemble. Le nombre de caractères de cette description est limité à 250 caractères maximum, espaces compris

Cas d'utilisation

Ce composant est notamment utilisé sur les landing pages pour diriger vers leurs sous-pages. Les pages teasers sont répartis dans une section. Chaque section peut avoir un titre de composant et un texte d’accompagnement permettant d’annoncer les pages teasers. Ce texte peut avoir un lien à gauche redirigeant vers une page traitant du thème général regroupant les page teasers. Une section comprend autant de page teasers que nécessaire. Suivant le résultat désiré, il est donc possible de créer plusieurs types d'agencement de sections.

Types d’agencement de sections

Afin de créer les différents types de section, la largeur d'un composant est schématisée en %. Ce pourcentage de largeur ne comprend pas les espacements autour des page teasers.

Variantes du composant

Il existe plusieurs variantes de ce composant :

[ Documentation Jahia: retour au sommaire ]


Révision #8
Créé 16 juillet 2024 07:12:28 par PW
Mis à jour 27 mai 2025 08:12:54 par PW