# Liste des composants Jahia

### Liste des composants disponibles pour éditer les pages

#### Bouton "ajouter un composant"

<table border="1" id="bkmrk-groupe-composant" style="width: 98.6905%;"><colgroup><col style="width: 15.2174%;"></col><col style="width: 30.314%;"></col><col style="width: 54.4686%;"></col></colgroup><tbody><tr><td>**Groupe**  
</td><td>**Composant**  
</td><td>  
</td></tr><tr><td>Contenu</td><td>[Texte](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-contenu-texte)</td><td>Permet d’ajouter du contenu de type textuel, avec des options de mise en forme simples. Il peut être utilisé pour structurer l’information sur une page à l’aide de titres, paragraphes, listes et liens.</td></tr><tr><td>  
</td><td>  
</td><td>  
</td></tr><tr><td>Formulaire</td><td>[Formulaire](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-formulaire-formulaire)</td><td>Permet d’ajouter un formulaire simple sur une page de votre site, par exemple pour collecter des inscriptions, des retours ou des questions.</td></tr><tr><td>  
</td><td>  
</td><td>  
</td></tr><tr><td>Media</td><td>[Audio](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-media-audio)  
</td><td>Permet d’ajouter un lecteur audio directement dans une page du site. Il est conçu pour mettre à disposition un podcast ou une playlist.</td></tr><tr><td>  
</td><td>[Flux RSS/Atom](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-media-flux-rssatom)  
</td><td>Permet d’afficher automatiquement les dernières actualités ou contenus provenant d’un flux RSS externe.</td></tr><tr><td>  
</td><td>[Galerie d'images](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-media-galerie-dimages)</td><td>Permet d’afficher plusieurs images liées à un même sujet, dans un format visuel attrayant. Il est particulièrement utile pour montrer une série de photos ayant un sens éditorial (événement, ambiance, portraits, lieux…).</td></tr><tr><td>  
</td><td>[Image(s)](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-media-images)</td><td>Permet d’insérer une ou deux images côte à côte dans une page.</td></tr><tr><td>  
</td><td>[Plan](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-media-plan)</td><td>Permet d’ajouter une carte interactive centrée sur le campus de l’UNIL, pour situer des bâtiments, des accès ou d’autres informations géolocalisées. Il s’appuie sur Planète UNIL.</td></tr><tr><td>  
</td><td>[SVG](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-media-svg)  
</td><td>Permet d’ajouter une illustration vectorielle dans une page web. Il est particulièrement adapté aux pictogrammes, schémas simples ou illustrations légères.</td></tr><tr><td>  
</td><td>[Social wall](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-media-social-wall)  
</td><td>  
</td></tr><tr><td>  
</td><td>[Vidéo](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-media-video)  
</td><td>Permet d’intégrer facilement une vidéo dans une page web, que ce soit pour illustrer un contenu, enrichir une information ou proposer un contenu audio-visuel de l’UNIL. Il accepte plusieurs plateformes (YouTube, Vimeo, REC UNIL, av.unil.ch(s'ouvre dans un nouvel onglet), Play RTS).</td></tr><tr><td>  
</td><td>  
</td><td>  
</td></tr><tr><td>Mise en page</td><td>[Accordéon](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-mise-en-page-accordeon)  
</td><td>Permet d’afficher du contenu de manière compacte et structurée, en le répartissant dans des sections repliables. Il aide à organiser les informations longues ou denses, tout en évitant de surcharger la page visuellement.</td></tr><tr><td>  
</td><td>[Onglets](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-mise-en-page-onglets)  
</td><td>Permet d’afficher du contenu de manière compacte et structurée, en le répartissant dans des onglets. Il aide à organiser les informations longues ou denses.</td></tr><tr><td>  
</td><td>[Tableau](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-mise-en-page-tableau)  
</td><td>Permet d’organiser de façon concise et lisible un ensemble d’informations sur une page. C’est un outil idéal pour structurer des contacts, des prestations ou des liens utiles de manière compacte et efficace.</td></tr><tr><td>  
</td><td>  
</td><td>  
</td></tr><tr><td>Navigation</td><td>[Bouton](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-navigation-bouton)  
</td><td>Permet de créer un appel à l’action clair et visible sur une page, comme par exemple "S'inscrire", "En savoir plus" ou "Télécharger". Il est conçu pour orienter la navigation de l’utilisateur vers un lien interne ou externe.</td></tr><tr><td>  
</td><td>[Groupe de pages](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-navigation-groupe-de-pages)  
</td><td>Permet de créer une liste de liens claire et structurée vers des pages internes ou des ressources externes. Il est conçu pour mettre en valeur un ensemble de contenus liés, sous forme de blocs de navigation facilement identifiables.</td></tr><tr><td>  
</td><td>  
</td><td>  
</td></tr><tr><td>Ressources</td><td>[Citation](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-ressources-citation)</td><td>Permet de mettre en valeur une citation d’une personne (avec photo, nom, fonction) afin de renforcer un message ou d’illustrer une information.</td></tr><tr><td>  
</td><td>[Groupe de liens](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-ressources-groupe-de-liens)  
</td><td>Permet d’afficher un ensemble de liens contextuels (internes, externes ou vers des documents), sous forme de bloc bien délimité. Ce composant est conçu pour compléter un contenu principal, en orientant les utilisateurs vers des ressources utiles.</td></tr><tr><td>  
</td><td>[Interview](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-ressources-interview)  
</td><td>Permet de présenter une citation forte, une personne mise en avant (avec photo, nom, fonction), et un jeu de questions-réponses sous forme d’accordéon.

</td></tr><tr><td>  
</td><td>  
</td><td>  
</td></tr><tr><td>Teasers</td><td>[Teasers avec icône](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-teasers-teasers-avec-icone)  
</td><td>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.  
</td></tr><tr><td>  
</td><td>[Teasers avec texte](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-teasers-teasers-avec-texte)  
</td><td>Permet de rediriger vers d'autres pages. Il peut s'agir de pages enfants, d'autres pages du site, voire de pages de sites externes. Ce composant permet donc de créer une liste de liens visuellement reconnaissables. Chaque teaser combine un titre, un court descriptif et un lien, c’est un excellent outil pour créer des accès rapides et lisibles vers des pages de référence ou des contenus complémentaires.  
</td></tr><tr><td>  
</td><td>[Teasers de publication](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-teasers-teasers-de-publication)  
</td><td>Permet de mettre en avant une publication ou un contenu éditorial par un teaser visuel vertical composé d’une image, d’un titre et d’un lien. Il est conçu pour attirer l’attention sur un contenu publié – comme une page dédiée à un magazine, un article de fond, une archive – qu’il soit interne ou externe à l’UNIL.  
</td></tr><tr><td>  
</td><td>[Teasers externes verticaux](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-teasers-teasers-externes-verticaux)</td><td>Permet de mettre en avant jusqu’à 6 contenus externes à l’UNIL, en lien avec la vie ou l’image de l’université. C’est un outil idéal pour présenter une sélection d’articles, d’interviews, de reportages ou d’interventions médiatiques concernant l’UNIL tout en respectant une mise en page harmonieuse.</td></tr><tr><td>  
</td><td>  
</td><td>  
</td></tr><tr><td>Text et media</td><td>[Highlight](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-texte-et-media-highlight)  
</td><td>Permet de valoriser un élément cliquable sur les pages de niveau 1 (landing). Il peut s'agir aussi bien de pages filles, que d’autres pages du site ou même des pages de sites externes.</td></tr><tr><td>  
</td><td>[Image et texte](https://wiki.unil.ch/ci/books/sites-web-jahia/page/composant-jahia-texte-et-media-image-et-texte)</td><td>  
</td></tr></tbody></table>

#### Bouton "ajouter un composant news et agenda"

Pour intégrer des actualités ou événements sur une page, quatre composants sont disponibles. Ils s’appuient tous sur les informations remplies lors de la création de l’actualité ou de l'événement, mais proposent deux mises en page différentes.

<table border="1" id="bkmrk-teasers-d%27actualit%C3%A9s" style="border-collapse: collapse; width: 97.5%;"><colgroup><col style="width: 42.3077%;"></col><col style="width: 57.6923%;"></col></colgroup><tbody><tr><td>Teasers d'actualités en vedette</td><td>- Affichage en grille : une actualité mise en avant à gauche, trois autres à droite
- Idéal pour valoriser un contenu important en le mettant en avant visuellement
- Composant à privilégier pour les landing pages (niveau 1)

</td></tr><tr><td>Teasers d'actualités verticaux</td><td>- Affichage en grille (jusqu’à 6 éléments, 2 lignes de 3)
- Format compact et lisible pour présenter une sélection d’actualités
- Possibilité de configurer un lien pour le composant

</td></tr><tr><td>Teasers d'événements verticaux  
</td><td>- Affichage vertical en colonnes (max 3 ou 6 événements)
- Permet l'ajout d'un titre (H2) optionnel
- Permet l'ajout d'une description (max 360 caractères)
- Permet de filtrer les événements par canal et type, langues, mots clés, type , et de choisir une sélection automatique ou manuelle
- Filtrage par canal (obligatoire), vous pouvez sélectionné un ou plusieurs canaux, y compris des canaux dont vous n'êtes pas responsable
- Filtrage par type d'événements, vous pouvez utiliser cette option pour mettre en valeur un contenu particulier comme les séminaires de votre unité par exemple

</td></tr><tr><td>Teasers d'événements en vedette  
</td><td>- Affichage en grille avec une mise en avant visuelle du premier événement (4 événements)
- Permet l'ajout d'un titre (H2) optionnel
- Permet l'ajout d'une description (max 360 caractères)
- Permet de filtrer les événements par canal et type, langues, mots clés, type , et de choisir une sélection automatique ou manuelle

</td></tr></tbody></table>

\[ Documentation Jahia: [retour au sommaire](https://wiki.unil.ch/ci/books/sites-web-jahia/chapter/jahia-unil-post-refonte-web-documentation-publique) \]