# Organiser la navigation (/fr/editor/navigation)

<!-- agent-signals: reading_time_min: 2 · est_tokens: 871 · updated: 2026-07-30 -->
Related: [Comment utiliser l'éditeur](/fr/editor/tutorial.md), [Notions essentielles de Git pour l'éditeur](/fr/editor/git-essentials.md), [Créer et modifier des pages](/fr/editor/pages.md), [Ajouter des médias](/fr/editor/media.md), [Aperçu en direct](/fr/editor/live-preview.md), [Branches et publication](/fr/editor/branching-and-publishing.md)

Utilisez la barre latérale de navigation pour organiser votre documentation. Les modifications que vous apportez dans l'éditeur sont synchronisées avec votre référentiel lorsque vous publiez — vous n'avez pas besoin de modifier `docs.json` manuellement.

<div id="add-navigation-elements">
  ## Ajouter des éléments de navigation [#ajouter-des-éléments-de-navigation]
</div>

Cliquez sur **Add new** au bas de l'arborescence de navigation pour ajouter un nouvel élément au niveau racine. Pour ajouter un élément imbriqué dans un autre, cliquez sur le bouton <Icon icon="<svg xmlns=&#x22;http://www.w3.org/2000/svg&#x22; viewBox=&#x22;0 0 24 24&#x22; fill=&#x22;none&#x22;><path d=&#x22;M12.001 5.00003V19.002&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/><path d=&#x22;M19.002 12.002L4.99998 12.002&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/></svg>" /> plus à côté de cet élément.

Faites glisser-déposer les éléments pour les réordonner ou les imbriquer. Survolez un élément et cliquez sur l'icône d'engrenage pour configurer ses propriétés.

Cliquez avec le bouton droit sur une **page** pour ouvrir ses paramètres ou la supprimer.

Cliquez avec le bouton droit sur un **élément de navigation** pour ouvrir ses paramètres, le convertir en un autre type d'élément, le dupliquer, ajouter une page à l'intérieur, ajouter un groupe à l'intérieur, le dégrouper ou le supprimer.

<Note>
  Certains éléments ne peuvent pas être imbriqués dans d'autres. Par exemple, les onglets ne peuvent pas être imbriqués dans des groupes. L'éditeur vous empêche de créer des combinaisons non valides.
</Note>

<div id="navigation-elements">
  ## Éléments de navigation [#éléments-de-navigation]
</div>

Choisissez la bonne structure pour votre contenu :

* **Pages** — Fichiers de documentation individuels. Le bloc de construction fondamental de la navigation.
* **Groups** — Sections repliables regroupant des pages connexes. Peuvent être imbriquées dans d'autres groupes.
* **Tabs** — Sections de niveau supérieur avec une navigation horizontale en haut de votre site. Utilisez les onglets lorsque vous avez des domaines distincts comme API Reference et Guides.
* **Anchors** — Éléments persistants en haut de votre barre latérale. Utiles pour un accès rapide aux ressources externes ou aux sections de niveau supérieur. Peuvent être globaux pour apparaître sur chaque page.
* **Dropdowns** — Menus déroulants en haut de votre barre latérale. Alternative plus légère aux onglets pour plusieurs sections connexes.
* **Menus** — Éléments de navigation déroulants au sein d'un onglet pour des liens directs vers des pages spécifiques.
* **Products** — Un sélecteur pour plusieurs ensembles de documentation produit distincts, chacun avec sa propre structure de navigation.
* **Versions** — Un sélecteur pour plusieurs versions de documentation simultanées.
* **Languages** — Un sélecteur pour la documentation en plusieurs langues.

<div id="configure-elements">
  ## Configurer les éléments [#configurer-les-éléments]
</div>

Survolez n'importe quel élément de navigation et cliquez sur l'icône d'engrenage pour définir :

* **Title** : L'étiquette affichée dans la barre latérale.
* **Icon** : Un repère visuel à côté de l'étiquette.
* **Tag** : Un badge comme « NEW » ou « BETA » pour mettre en évidence l'élément.