 |
Resumen | Brand Header agrega un encabezado superior adicional para la marca con tu logotipo, enlaces de navegación e iconos de redes sociales, tanto para vistas móviles como de escritorio. El logotipo de la marca puede ser una imagen o texto. |
 |
Vista previa | Vista previa en Discourse Theme Creator |
 |
Enlace al repositorio | https://github.com/discourse/discourse-brand-header |
 |
¿Nuevo en los temas de Discourse? | Guía para principiantes sobre el uso de temas de Discourse |
Instalar este componente de tema
Características
Vista previa de escritorio:
Vista previa móvil:
Configuración
| Nombre | Descripción |
|---|---|
| nombre de la marca | |
| URL del sitio web | |
| URL del logotipo móvil | |
| enlaces | Enlaces de texto que se mostrarán en el encabezado |
| iconos | Enlaces de iconos que se mostrarán en el encabezado |
| iconos personalizados de Font Awesome | Lista de iconos de FontAwesome 6 utilizados en este componente de tema |
| mostrar barra en móvil | |
| salida del complemento |
Uso de iconos de Font Awesome 6
Para permitir que los iconos de Font Awesome 6 se muestren correctamente en este componente de tema, deberás agregarlos en 3 lugares de Discourse:
- La configuración del sitio
subconjunto de iconos SVG - La configuración
iconos personalizados de Font Awesomeen el componente - La configuración
iconosen el componente
Además, para algunos iconos de Font Awesome 6, deberás especificar un prefijo fa o fab junto con el nombre del icono (por ejemplo: “fab-bluesky”), ya que algunos iconos forman parte de un subconjunto específico de iconos. Consulta Estamos actualizando nuestros iconos a Font Awesome 6! para obtener detalles sobre este uso.
Una vez que hayas agregado esos iconos en los tres lugares, deberías verlos correctamente mostrados en el componente de tema Brand Header.
¿Alojado por nosotros? Los componentes de tema están disponibles para usar en nuestros planes Estándar, Empresarial y Empresarial Plus.