{"id":5,"date":"2026-08-31T15:10:53","date_gmt":"2026-08-31T13:10:53","guid":{"rendered":"https:\/\/wptest.unil.ch\/theme\/?page_id=5"},"modified":"2026-09-23T14:00:54","modified_gmt":"2026-09-23T12:00:54","slug":"compositions","status":"publish","type":"page","link":"https:\/\/wptest.unil.ch\/theme\/compositions\/","title":{"rendered":"Compositions"},"content":{"rendered":"\n
\n

Texte d’introduction de page. Cette zone, limit\u00e9e \u00e0 800 px de large et affich\u00e9e en police plus grande que le corps de texte, permet de poser le contexte et d’orienter rapidement la lecture avant le contenu principal. Un bouton optionnel peut rediriger l’utilisateur vers une ancre sur la page, une autre page ou une adresse email.<\/p>\n\n\n\n

\n
Nous contacter<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Composant people teasers<\/h2>\n\n\n\n

Le composant \u00ab People Teasers \u00bb permet d\u2019afficher une liste de personnes afin de pr\u00e9senter une \u00e9quipe de mani\u00e8re structur\u00e9e et visuelle.<\/p>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n\n\n\n
\n

Pr\u00e9nom Nom<\/p>\n\n\n\n

Fonctions<\/p>\n\n\n\n

Description<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\"Person<\/figure>\n\n\n\n
\n

Pr\u00e9nom Nom<\/p>\n\n\n\n

Fonctions<\/p>\n\n\n\n

Description<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\"Person<\/figure>\n\n\n\n
\n

Pr\u00e9nom Nom<\/p>\n\n\n\n

Fonctions<\/p>\n\n\n\n

Description<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\"Person<\/figure>\n\n\n\n
\n

Pr\u00e9nom Nom<\/p>\n\n\n\n

Fonctions<\/p>\n\n\n\n

Description<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\"Person<\/figure>\n\n\n\n
\n

Pr\u00e9nom Nom<\/p>\n\n\n\n

Fonctions<\/p>\n\n\n\n

Description<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\"Person<\/figure>\n\n\n\n
\n

Pr\u00e9nom Nom<\/p>\n\n\n\n

Fonctions<\/p>\n\n\n\n

Description<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Titre en H2 pour un image + texte<\/strong><\/h2>\n\n\n\n

Un ou plusieurs paragraphes permettent de poser le contexte ou de d\u00e9velopper les informations utiles \u00e0 la compr\u00e9hension du sujet. L’image positionn\u00e9e sur le c\u00f4t\u00e9 cr\u00e9e une lecture structur\u00e9e entre texte et visuel.<\/p>\n\n\n\n

M\u00eame si plusieurs paragraphes sont possibles, il est recommand\u00e9 de rester concis afin de pr\u00e9server l’impact visuel du composant.<\/p>\n<\/div>\n\n\n\n

\n
\"\u00a9
\u00a9 Chris Greenhow<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n

Un composant avec du texte centr\u00e9<\/strong><\/h2>\n\n\n\n

Cette zone centr\u00e9e, limit\u00e9e \u00e0 800 px de large, assure une lecture confortable sur tous les \u00e9crans et maintient une longueur de ligne coh\u00e9rente. Elle constitue l’espace de r\u00e9f\u00e9rence pour d\u00e9velopper un contenu d\u00e9taill\u00e9 tout en conservant une hi\u00e9rarchie claire.<\/p>\n\n\n\n

Ce bloc peut accueillir du texte, des liens, des listes ou d’autres \u00e9l\u00e9ments \u00e9ditoriaux simples. Un bouton optionnel peut \u00eatre ajout\u00e9 en fin de section pour orienter l’utilisateur vers l’\u00e9tape suivante.<\/p>\n\n\n\n

\n
\u00c9couter le Podcast<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n

Accord\u00e9ons pour les contenus long qu’on veut cacher<\/strong><\/h2>\n\n\n\n
\n
\n