 |
Resumen | Brand Header añade un encabezado superior adicional para la marca con tu logotipo, enlaces de navegación e iconos sociales, tanto para las vistas de escritorio como de móvil. 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 los temas de Discourse |
Instala este componente del tema
Características
Vista previa de escritorio:
Vista previa de 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 de Font Awesome 6 personalizados | Lista de iconos de Font Awesome 6 utilizados en este componente del tema |
| mostrar barra en móvil | |
| salida del plugin |
Uso de iconos de Font Awesome 6
Para permitir que los iconos de Font Awesome 6 se muestren correctamente en este componente del tema, deberás agregarlos en 3 lugares de Discourse:
- La configuración del sitio
svg icon subset - La configuración
custom font awesome iconsen el componente - La configuración
iconsen 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”), debido a que algunos iconos forman parte de un subconjunto específico de iconos. Consulta Actualizamos nuestros iconos a Font Awesome 6! para obtener más detalles sobre este uso.
Una vez que hayas agregado esos iconos en los tres lugares, deberías verlos correctamente mostrados en el componente del tema Brand Header.
¿Alojado por nosotros? Los componentes del tema están disponibles para usar en nuestros planes Standard, Business y Enterprise.