---
description: Ce composant permet de mettre en avant une citation.
---

# Citation

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FkN8IZwKx2ADcV1N1cvRx%2FCapture%20d%E2%80%99e%CC%81cran%202024-03-28%20a%CC%80%2009.27.37.png?alt=media&#x26;token=a476287b-edc5-4b32-ad5c-84d87c2fd5d7" 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

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

### Ajout d'un nouveau composant Citation

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 Citation.
2. Cliquez sur le bouton "+ Contenu" pour ouvrir le sélecteur d'éléments.
3. Sélectionnez **Citation** dans l'onglet **Texte & Médias**.

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2FOazNqqhWorNxnxru1gh6%2FCapture%20d%E2%80%99e%CC%81cran%202024-03-28%20a%CC%80%2010.06.48.png?alt=media&#x26;token=9cb6757a-13e0-4461-a113-9648bb690303" alt=""><figcaption></figcaption></figure>

### Configuration du composant

Dans l'onglet **Général**

1. Entrez le nom de l’auteur (**source de la citation**)
2. Entrez un **lien** (optionnel)
3. Entrez la **fonction de l'auteur** (optionnel)
4. Uplodez une **photo** de l’auteur (optionnel)
5. Entrez le **texte** de la citation.

<figure><img src="https://1366607073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD5RHprt4vRSlEM8jcIL2%2Fuploads%2F0N5frB4NuWJAAdlrfqHJ%2FCapture%20d%E2%80%99e%CC%81cran%202024-03-28%20a%CC%80%2009.24.18.png?alt=media&#x26;token=1584b29f-7837-4bd7-924f-7925e2a4d200" alt=""><figcaption></figcaption></figure>

## Exemples

Vous pouvez trouver des **exemples** d'utilisation du Contenu Citation sur la page :&#x20;

{% embed url="https://template.univ-gustave-eiffel.fr/test-contenus/citation" %}
