# Navegación de marca **URL:** \ **Category:** Theme component\ **Created:** [23 Octubre, 2026 08:15 UTC](https://meta.discourse.org/t/brand-navigation/415541 "2026-10-23T08:15:13Z")\ **Posts on this page:** 1\ **Page:** 1
**Author:** ![philh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/philh/32/532740_2.png) [@philh](https://meta.discourse.org/u/philh)\ **Post date:** [23 Octubre, 2026 08:15 UTC](https://meta.discourse.org/t/brand-navigation/415541/1 "2026-10-23T08:15:13Z")
# Navegación de marca — menús y enlaces de cabecera con marca | | | | | --- | --- | --- | | ℹ | **Resumen** | **Navegación de marca** añade una barra de navegación con marca que incluye enlaces directos y menús desplegables, y agrega enlaces opcionales de texto e iconos a la cabecera de Discourse. | | 👓 | **Vista previa** | [Capturas de pantalla y ejemplos en vivo](https://docs.codeworkslabs.dev/brand-navigation/preview/) | | 🛠 | **Repositorio** | [CodeWorksLabs/brand-navigation](https://github.com/CodeWorksLabs/brand-navigation) | | ❓ | **Guía de instalación** | [Cómo instalar un tema o componente de tema](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) | | 📖 | **¿Nuevo en temas de Discourse?** | [Guía para principiantes sobre el uso de temas de Discourse](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) | Instalar este componente de tema Brand Navigation proporciona a tu comunidad una barra de navegación con marca para acceder a tu sitio web, recursos comunitarios y proyectos relacionados. Admite menús desplegables y también puede colocar enlaces directos de texto o iconos en la propia cabecera de Discourse. ## Ejemplos **The Bridge:** una barra de navegación sobre la cabecera del foro, con enlaces adicionales junto a los controles de la cabecera de Discourse. ![Brand Navigation on The Bridge](https://global.discourse-cdn.com/meta/original/4X/c/f/b/cfb32568ef30f4ee63613a8611f364a77c0dc8f0.jpeg) **Repeal OBBBA Forum:** una barra de navegación roja con menús comunitarios y enlaces sociales en la cabecera de Discourse. ![Brand Navigation on Repeal OBBBA Forum](https://global.discourse-cdn.com/meta/original/4X/1/a/5/1a5b4c7ad7fb8982b1dc130a94dd995364a12c32.jpeg) ## Características - **Identidad de marca:** mostrar un nombre, un logotipo o ambos, con logotipos separados para modo claro y oscuro. Colocar la barra por encima o por debajo de la cabecera de Discourse. - **Enlaces y menús:** añadir enlaces directos y un nivel de submenús. Un elemento principal puede enlazar a una página con una flecha de menú separada, o actuar solo como botón de submenú. Los elementos pueden incluir iconos y descripciones opcionales de submenús. - **Enlaces de cabecera:** colocar enlaces sociales, enlaces al foro y enlaces externos en la cabecera principal de Discourse. - **Controles de audiencia y dispositivo:** mostrar elementos a todos, a visitantes iniciados sesión o a visitantes no iniciados sesión, y elegir visibilidad en escritorio o móvil. - **Diseños móviles:** usar un menú compacto, una barra completa u ocultar el componente en dispositivos móviles. - **Apariencia y configuración:** heredar la paleta de colores de Discourse o establecer colores para el componente, ajustar el tamaño del texto y los iconos de los enlaces de cabecera, reordenar elementos en el editor estructurado y exportar o importar una configuración JSON. ## Primeros pasos [Instalar Brand Navigation](https://docs.codeworkslabs.dev/brand-navigation/install/) · [Añadir enlaces, menús y colores](https://docs.codeworkslabs.dev/brand-navigation/configure/) · [Copia de seguridad o traslado de ajustes](https://docs.codeworkslabs.dev/brand-navigation/configuration-bundles/) ## Estado [![Release v1.0.0-rc.5](https://global.discourse-cdn.com/meta/original/4X/3/e/8/3e8850faaf13d2bd31eb57b54c06a55f50da17b6.svg)](https://github.com/CodeWorksLabs/brand-navigation/releases/tag/v1.0.0-rc.5) está disponible como prelanzamiento. Consulta los [problemas conocidos](https://github.com/CodeWorksLabs/brand-navigation/blob/main/docs/KNOWN_ISSUES.md) y el [registro de pruebas](https://docs.codeworkslabs.dev/brand-navigation/source/testing-record/) para más detalles. ## Comentarios y soporte Se aceptan preguntas, capturas de pantalla e ideas de configuración en este tema. Para ayuda con la instalación, configuración y resolución de problemas, inicia un tema en [Soporte de Brand Navigation](https://forum.codeworkslabs.dev/c/brand-navigation/support/7) en el Foro de CodeWorksLabs. Los errores, informes de compatibilidad y correcciones de documentación también pueden reportarse a través de [GitHub Issues](https://github.com/CodeWorksLabs/brand-navigation/issues). ## Hoja de ruta y solicitudes de funciones Sigue la [hoja de ruta de Brand Navigation](https://forum.codeworkslabs.dev/t/brand-navigation-roadmap/14) para ver el trabajo propuesto, planificado, en curso y publicado. ¿Tienes una idea para mejorar Brand Navigation? Compártela en [Solicitudes de funciones](https://forum.codeworkslabs.dev/c/brand-navigation/feature-requests/8). Brand Navigation es mantenido de forma independiente por CodeWorksLabs y está licenciado bajo **GPL-2.0-or-later**. ## Agradecimientos Gracias a los autores de [Discourse Brand Header](https://github.com/discourse/discourse-brand-header), [Discourse Header Submenus](https://github.com/discourse/discourse-header-submenus), [Custom Header Links (icons)](https://github.com/discourse/discourse-icon-header-links) y Dropdown Header de Pavilion ([Dropdown Header](https://github.com/paviliondev/discourse-dropdown-header)) por las ideas y ejemplos que inspiraron Brand Navigation. Consulta los [créditos y licencias](https://github.com/CodeWorksLabs/brand-navigation/blob/main/docs/ATTRIBUTION.md) y el [registro de autoría y procedencia](https://github.com/CodeWorksLabs/brand-navigation/blob/main/docs/PROVENANCE.md) para los créditos completos.