# Organizar la navegación (/es/editor/navigation)

<!-- agent-signals: reading_time_min: 2 · est_tokens: 842 · updated: 2026-07-30 -->
Related: [Cómo usar el editor](/es/editor/tutorial.md), [Conceptos básicos de Git para el editor](/es/editor/git-essentials.md), [Crear y editar páginas](/es/editor/pages.md), [Agregar contenido multimedia](/es/editor/media.md), [Vista previa en vivo](/es/editor/live-preview.md), [Branches y publicación](/es/editor/branching-and-publishing.md)

Usa la barra lateral de navegación para organizar tu documentación. Los cambios que realices en el editor se sincronizan con tu repositorio cuando publicas: no necesitas editar `docs.json` manualmente.

<div id="add-navigation-elements">
  ## Agregar elementos de navegación [#agregar-elementos-de-navegación]
</div>

Haz clic en **Add new** en la parte inferior del árbol de navegación para añadir un nuevo elemento en el nivel raíz. Para añadir un elemento anidado dentro de otro, haz clic en el botón <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>" /> de signo más que aparece junto a ese elemento.

Arrastra y suelta los elementos para reordenarlos o anidarlos. Pasa el cursor sobre un elemento y haz clic en el icono de engranaje para configurar sus propiedades.

Haz clic con el botón derecho en una **página** para abrir su configuración o eliminarla.

Haz clic con el botón derecho en un **elemento de navegación** para abrir su configuración, convertirlo en otro tipo de elemento, duplicarlo, añadir una página o un grupo en su interior, desagruparlo o eliminarlo.

<Note>
  Algunos elementos no pueden anidarse dentro de otros. Por ejemplo, las pestañas no pueden anidarse dentro de grupos. El editor te impide crear combinaciones no válidas.
</Note>

<div id="navigation-elements">
  ## Elementos de navegación [#elementos-de-navegación]
</div>

Elige la estructura adecuada para tu contenido:

* **Pages**—Archivos individuales de documentación. El bloque de construcción principal de la navegación.
* **Groups**—Secciones plegables que agrupan páginas relacionadas. Pueden anidarse dentro de otros grupos.
* **Tabs**—Secciones de nivel superior con navegación horizontal en la parte superior del sitio. Úsalas cuando tengas áreas distintas como API Reference y Guides.
* **Anchors**—Elementos persistentes en la parte superior de la barra lateral. Útiles para acceder rápidamente a recursos externos o secciones de nivel superior. Pueden ser globales para aparecer en todas las páginas.
* **Dropdowns**—Menús desplegables en la parte superior de la barra lateral. Una alternativa más ligera a las pestañas para varias secciones relacionadas.
* **Menus**—Elementos de navegación desplegables dentro de una pestaña para enlazar directamente con páginas específicas.
* **Products**—Un selector para varios conjuntos de documentación de productos distintos, cada uno con su propia estructura de navegación.
* **Versions**—Un selector para varias versiones simultáneas de la documentación.
* **Languages**—Un selector para documentación en varios idiomas.

<div id="configure-elements">
  ## Configurar elementos [#configurar-elementos]
</div>

Pasa el cursor sobre cualquier elemento de navegación y haz clic en el icono de engranaje para definir:

* **Title**: La etiqueta que se muestra en la barra lateral.
* **Icon**: Un marcador visual junto a la etiqueta.
* **Tag**: Una insignia como "NEW" o "BETA" para destacar el elemento.