mintlify__docs/fr/editor/configurations.mdx

---
title: "Configurations"
description: "Configurez les pages, les éléments de navigation et les médias à l'aide de feuilles de configuration."
keywords: ["éditeur", "configurations", "paramètres"]
---

Configurez l'image de marque, l'apparence et les fonctionnalités de votre site de documentation à partir du panneau **Configurations** de l'éditeur web.

<Frame>
  <img src="/images/editor/configurations-light.png" alt="Paramètres de Configurations dans la barre latérale en mode clair." className="block dark:hidden" />

  <img src="/images/editor/configurations-dark.png" alt="Paramètres de Configurations dans la barre latérale en mode sombre." className="hidden dark:block" />
</Frame>

<div id="brand-your-site">
  ## Personnalisez l’identité de votre site
</div>

Définissez l’identité de votre site et la façon dont il se présente aux visiteurs.

* **Titre de la documentation** : Le nom de votre documentation. Apparaît dans les onglets du navigateur et les résultats de recherche.
* **Description** : Brève synthèse de votre documentation. Utilisée pour le SEO et les metadata du site.
* **Favicon** : Petite icône qui apparaît dans les onglets du navigateur. Téléversez des fichiers ICO, PNG, GIF ou JPG.
* **Thème** : Choisissez un [thème](/fr/customize/themes) pour l’apparence générale de votre documentation.

<div id="customize-colors-and-appearance">
  ## Personnaliser les couleurs et l&#39;apparence
</div>

Contrôlez l&#39;identité visuelle et la palette de couleurs de votre site.

* **Couleur principale** : La couleur d&#39;accent principale utilisée sur l&#39;ensemble de votre site pour les liens, les boutons et les éléments mis en évidence.
* **Couleur en mode clair** : Variation de la couleur d&#39;accent pour le mode clair. Son application peut varier selon le thème.
* **Couleur en mode sombre** : Variation de la couleur d&#39;accent pour le mode sombre. Son application peut varier selon le thème.
* **Logo** : Le logo de votre marque. Téléversez des fichiers SVG, PNG ou JPG. Vous pouvez définir des logos différents pour les modes clair et sombre.
* **Lien du logo** : Page vers laquelle les utilisateurs sont redirigés lorsqu&#39;ils cliquent sur votre logo. En général, votre page d&#39;accueil ou votre site marketing.
* **Couleurs d&#39;arrière-plan** : Définissez des couleurs d&#39;arrière-plan personnalisées séparément pour les modes clair et sombre.
* **Image d&#39;arrière-plan** : Ajoutez une image d&#39;arrière-plan à votre site. Téléversez des fichiers PNG, GIF ou JPG.
* **Décoration d&#39;arrière-plan** : Appliquez des styles visuels à votre image d&#39;arrière-plan.
* **Bascule de thème** : Affichez ou masquez le sélecteur de mode clair/sombre pour les utilisateurs.
* **Thème par défaut** : Définissez si votre site se charge par défaut en mode clair ou en mode sombre.

<div id="set-custom-fonts">
  ## Configurer des polices personnalisées
</div>

Remplacez les polices par défaut par la typographie de votre marque.

* **Police par défaut** : Famille et graisse de police de base pour tout le texte. Indiquez une URL source et un format (WOFF ou WOFF2).
* **Police des titres** : Famille et graisse de police spécifiquement pour les titres (h1, h2, etc.). À configurer séparément du texte principal.
* **Police du texte principal** : Famille et graisse de police pour le corps du texte et les paragraphes.

Pour chaque police, indiquez le nom de la famille, la graisse, l’URL source (comme Google Fonts) et le format.

<div id="configure-header">
  ## Configurer l&#39;en-tête
</div>

Ajoutez des éléments de navigation en haut de votre site.

* **Bouton de la barre de navigation** : Ajoutez un bouton d&#39;appel à l&#39;action principal dans l&#39;en-tête. Configurez le type de bouton, son label et l&#39;URL de destination.
* **Liens de la barre de navigation** : Ajoutez des liens de navigation supplémentaires dans l&#39;en-tête. Chaque lien comporte un texte et une URL.

<div id="configure-footer">
  ## Configurer le pied de page
</div>

Ajoutez des liens et des comptes de réseaux sociaux au pied de page de votre site.

* **Liens vers les réseaux sociaux** : Ajoutez vos profils sur des plateformes comme GitHub, X (Twitter), LinkedIn, Discord, YouTube, Slack et bien plus encore.
* **Colonnes de pied de page** : Organisez les liens du pied de page en colonnes avec des titres personnalisés et des groupes de liens.

<div id="enhance-content">
  ## Améliorer le contenu
</div>

Personnalisez la façon dont le contenu apparaît sur votre site.

* **Arrière-plan de vignette** : Définissez une image d’arrière-plan personnalisée pour les vignettes de page et les aperçus sur les réseaux sociaux.
* **Apparence des vignettes** : Contrôlez la façon dont les vignettes s’affichent.
* **Police des vignettes** : Définissez une police personnalisée pour le texte des vignettes.
* **Surtitre de page** : Ajoutez de petits labels au-dessus des titres de page.
* **Thème des blocs de code** : Choisissez le thème de coloration syntaxique pour les blocs de code.
* **Prise en charge de LaTeX** : Activez le rendu des notations mathématiques avec LaTeX.

<div id="set-up-ai-chat-and-search">
  ## Configurer le chat IA et la recherche
</div>

Personnalisez l&#39;expérience de recherche.

* **Texte d’indication de recherche** : Le texte qui apparaît dans le champ de recherche avant que les utilisateurs ne saisissent quoi que ce soit. La valeur par défaut est « Search or ask... ».

<div id="configure-api-specifications">
  ## Configurer les spécifications d’API
</div>

Ajoutez des fichiers de spécification [OpenAPI](/fr/api-playground/openapi-setup) ou [AsyncAPI](/fr/api-playground/asyncapi-setup) pour documenter les endpoints.

* **Spécifications OpenAPI** : Importez un fichier de spécification OpenAPI ou saisissez une URL vers un fichier OpenAPI externe.
* **Spécifications AsyncAPI** : Importez un fichier de spécification AsyncAPI ou saisissez une URL vers un fichier AsyncAPI externe.
* **Affichage du bac à sable d’API** : Choisissez d’afficher le [bac à sable d’API interactif](/fr/api-playground/overview#visibility-modes), un bac à sable d’API simple ou aucun bac à sable d’API.
* **Serveur proxy** : Activez ou désactivez le serveur proxy pour les requêtes d’API.

<div id="add-analytics-and-integrations">
  ## Ajouter des Analytics et des intégrations
</div>

Connectez des outils d&#39;Analytics et des services tiers à votre documentation.

Suivez le comportement des visiteurs avec :

* **Amplitude, Mixpanel, Heap** : plateformes d&#39;analytics produit
* **Google Analytics, Google Tag Manager** : analytics web
* **PostHog, Plausible, Fathom** : analytics axés sur la confidentialité
* **Segment, Hightouch** : plateformes de données clients
* **Hotjar, LogRocket** : relecture de sessions et cartes de chaleur
* **Microsoft Clarity** : analytics de comportement utilisateur
* **Intercom** : messagerie client
* **Clearbit, Koala** : identification des visiteurs

Intégrations supplémentaires :

* **Telemetry** : activer ou désactiver la télémétrie d&#39;utilisation
* **Cookies** : définir des paires clé/valeur de cookies personnalisées