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 |
 |
Repositorio | CodeWorksLabs/brand-navigation |
 |
Guía de instalación | Cómo instalar un tema o componente de tema |
 |
¿Nuevo en temas de Discourse? | Guía para principiantes sobre el uso de temas de Discourse |
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.
Repeal OBBBA Forum: una barra de navegación roja con menús comunitarios y enlaces sociales en la cabecera de Discourse.
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 · Añadir enlaces, menús y colores · Copia de seguridad o traslado de ajustes
Estado
está disponible como prelanzamiento. Consulta los problemas conocidos y el registro de pruebas 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 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.
Hoja de ruta y solicitudes de funciones
Sigue la hoja de ruta de Brand Navigation para ver el trabajo propuesto, planificado, en curso y publicado.
¿Tienes una idea para mejorar Brand Navigation? Compártela en Solicitudes de funciones.
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, Discourse Header Submenus, Custom Header Links (icons) y Dropdown Header de Pavilion (Dropdown Header) por las ideas y ejemplos que inspiraron Brand Navigation. Consulta los créditos y licencias y el registro de autoría y procedencia para los créditos completos.