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.
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 Awesome en el componente
La configuración iconos en 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.
One small issue. Currently, if a header link is internal to a site (e.g. to a particular category), if it is tapped in the responsive menu, the responsive menu will stay open. The expected behaviour is that the menu would close.
I am also seeing this issue for internal links, where the header does not disappear on mobile. Instead, the header slides right and leaves the main page opaque (I believe an overlay is being set), even if the header is folded back up.
In the mobile view, when we click on the hamburger menu, if then we click outside of the menu, the hamburger menu would be expanded even more, instead of closing. and also it has some other glitches. for example when hamburger menu is open and we click on a topic link.
Me encanta este cambio, pero en varios sitios donde lo uso personalmente y en un sitio alojado del que soy moderador (los foros de NaNoWriMo) hemos estado experimentando algunos problemas. A diferencia del menú hamburguesa habitual, si intentas deslizarlo para cerrarlo, vuelve a aparecer en la pantalla.
Personalmente, he visto esto en un Moto Power (g7) completamente actualizado con Android 9 y en un iPhone 8 también totalmente actualizado.
También ha habido al menos un informe de que el menú se abre con toques cerca del icono y no solo sobre él, pero personalmente no he podido reproducir ese comportamiento en particular.
He recibido una consulta sobre por qué el menú no funciona en dispositivos móviles. El usuario pulsó en el menú hamburguesa de la izquierda y luego en un enlace del menú, pero su percepción fue que no funcionaba, ya que el menú seguía ocupando gran parte de la pantalla.
He tenido que explicar que es necesario tocar en algún lugar a la derecha de la pantalla, al lado del menú, para cerrarlo.
¿Sería posible hacerlo más intuitivo, ya sea:
Cerrando el menú automáticamente al hacer clic en un enlace del menú en dispositivos móviles?
Incluyendo un botón de «Cerrar menú» en dispositivos móviles?
He estado pensando en hacer una solicitud similar. A menudo intento cerrar el menú en móviles deslizando hacia la izquierda. Parece que funciona, pero luego vuelve a su posición. En los otros menús de Discourse, funciona deslizarlos de nuevo hacia un lado para cerrarlos.
Basado en las 2 publicaciones anteriores, ha estado roto durante al menos 5 meses y nadie ha respondido. Asumiré que este componente temático está muerto a menos que alguien diga lo contrario.
¿Alojado por nosotros? Los componentes de tema están disponibles para usar en nuestros planes Estándar, Empresarial y Empresarial Plus.
