---
description: Cet élément permet d'afficher des pages sous forme de carte.
---

# Cartes des pages

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FdI9Ff8gV9zgzoYzmeTk4%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-23%20a%CC%80%2010.43.40.png?alt=media&#x26;token=63cf871a-d001-4fa4-a2be-556ca5082459" alt=""><figcaption></figcaption></figure>

## Disponible sur...

![](https://img.shields.io/badge/internet-oui-green?style=for-the-badge\&logo=typo3)![](https://img.shields.io/badge/satellites-non-red?style=for-the-badge\&logo=typo3)![](https://img.shields.io/badge/intranet-non-red?style=for-the-badge\&logo=typo3)

## Présentation

{% hint style="info" %}
Ce composant permet d'afficher sous forme de Cards les pages selectionnées. Il affiche également éventuellement un résumé textuel de chaque page.
{% endhint %}

### Ajout d'un nouveau composant Cartes des pages

1. Sur la page en mode ![](https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FSD1CZ72IMzn7bulXsE7C%2Fmode-rediger.png?alt=media\&token=f16ba40e-ee9d-4538-be59-993d8c842dae), trouvez la section où vous souhaitez ajouter un composant Cartes des pages.
2. Cliquez sur le bouton "+ Contenu" pour ouvrir le sélecteur d'éléments.
3. Sélectionnez  **Résumés** dans l'onglet **Menus**.

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FIN5sv8unPT9vEnyuVuxJ%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-23%20a%CC%80%2010.39.56.png?alt=media&#x26;token=7aaf17ad-9994-4e0a-a76f-97635ae7ef3c" alt=""><figcaption></figcaption></figure>

### Configuration du composant

1. Une fois que vous avez ajouté le composant, vous verrez une boîte de dialogue de configuration.
2. Ajoutez un **titre** (optionnel)
3. Choisissez un **type** (pour le titre)
4. Ajoutez un **lien** (optionnel)
5. Dans la zone **Sélectionner une ou plusieurs pages** sélectionnez une ou plusieurs pages (logique :) en cliquant sur l'icône en forme de dossier à droite. Vous pouvez, avec les flèches, réorganisé l'ordre d'affichage des pages.
6. Dans la zone **Label en savoir plus** saisissez le texte du lien qui apparaitra sur chaque Card
7. Enregistrez vos modifications

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FEMybap0HP5wcEaHHFM9g%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-23%20a%CC%80%2011.02.28.png?alt=media&#x26;token=cf9a53df-9591-4026-a65c-1226a06d491c" alt=""><figcaption></figcaption></figure>

### Ajout du résumé

Le résumé qui s'affiche concernant chaque page correspond au texte qui est saisi dans la zone **résumé** de l'onglet **Métadonnée** de chacune des pages. Vous pouvez remplir cette zone en éditant les [propriétés de la page](../../les-pages/proprietes-de-la-page).

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FxyghbO4fKZAVPVxiveYJ%2FCapture%20d%E2%80%99e%CC%81cran%202024-05-23%20a%CC%80%2009.25.16.png?alt=media&#x26;token=58cf4990-2909-402a-966a-9c9c9b9f6d82" alt=""><figcaption></figcaption></figure>

## Exemples

Vous pouvez trouver des **exemples** d'utilisation du Contenu **Cartes des pages** :&#x20;

![](https://img.shields.io/badge/internet-oui-green?style=for-the-badge\&logo=typo3)

{% embed url="https://template.univ-gustave-eiffel.fr/test-contenus/menus/cartes-des-pages" %}
