Descargo de responsabilidad: Este artículo se generó mediante traducción automática.

As of 22 Nov 2025, the Markdown editor has been upgraded from v1.4.10 to v3.2.2. The toolbar, layout, icons, and editor structure remain unchanged.

Cómo ocultar la barra de navegación izquierda en la base de conocimientos

Prev Next

El panel de navegación izquierdo, también llamado gestor de categorías, muestra por defecto el árbol de categorías de artículos en el lado izquierdo del sitio de la base de conocimiento. Para algunas bases de conocimiento, especialmente aquellas con un diseño enfocado en un solo artículo o una experiencia de lectura mínima, ocultar este panel por defecto puede reducir el desorden visual y ayudar a los lectores a centrarse en el contenido. Esto oculta completamente el panel, incluyendo el interruptor para mostrarlo, de modo que los lectores navegan solo mediante búsqueda o enlaces directos.


Cuándo usar esto

Utiliza esta personalización cuando quieras:

  • Ofrece a los lectores una experiencia de lectura más limpia y sin distracciones ocultando el panel de categorías al cargar la página.
  • Presenta una disposición mínima de una sola columna para la documentación que no dependa demasiado de la navegación basada en categorías.
  • Oculta el panel de navegación por defecto mientras sigues permitiendo que los lectores lo muestren bajo demanda.

Antes de que empieces

  • Necesitas acceso a Configuración (

    ) > Sitio de la base de conocimiento > Personalización del sitio > CSS y JavaScript personalizados en el portal de la base de conocimiento.
  • Ocultar el panel de navegación izquierdo no elimina la navegación por completo. Los lectores aún pueden hacer clic en el icono Mostrar categoría junto al título del artículo para mostrar el panel.

Cómo ocultar el panel de navegación izquierdo

  1. Navega a Configuración (

    ) > Sitio de la base de conocimiento > personalización del sitio > CSS y JavaScript personalizados en el portal de la base de conocimiento.

    Custom CSS and JavaScript settings panel in the Document360 Knowledge base portal

  2. Desde el panel de navegación izquierdo, selecciona la pestaña CSS y pega el siguiente fragmento.

site-docs-left-panel-container{
display: none !important;
}
  1. Haz clic en Guardar en la esquina superior derecha.

    CSS tab showing the left navigation bar hide snippet saved in the Custom CSS and JavaScript panel


Resultado

Antes

El panel de navegación izquierdo y el gestor de categorías son visibles por defecto en la base de conocimientos.

Knowledge base site showing the left navigation bar visible by default before applying the CSS

Después

El panel de navegación izquierdo y el gestor de categorías están ocultos por defecto. Los lectores aún pueden hacer clic en Mostrar categoría para mostrar el panel.

Knowledge base site showing the left navigation bar hidden by default after applying the CSS


Mejores prácticas

  • Observa la diferencia entre oculto y eliminado. Este CSS oculta visualmente el panel — no se elimina de la página. Los lectores aún pueden acceder a la navegación haciendo clic en Mostrar categoría. Si necesitas que el panel sea completamente inaccesible, este enfoque por sí solo no es suficiente.
  • Considera la estructura de tu contenido antes de ocultarlo. Para bases de conocimiento con categorías muy anidadas o navegación frecuente entre categorías, ocultar el panel por defecto puede dificultar el descubrimiento del contenido. Prueba con una muestra de tus lectores antes de aplicar en todo el sitio.
  • Prueba después de guardar. Abre tu sitio de base de conocimientos y confirma que el panel está oculto al cargar la página, y que al pulsar Mostrar categoría se muestra correctamente.
  • Para revertir, elimina el fragmento. Vuelve a la pestaña CSS en CSS Personalizado & JavaScript, elimina el fragmento y haz clic en Guardar. El panel de navegación izquierdo reaparece inmediatamente.