Sí. Ese era mi problema. Gracias por señalarlo.
en el subconjunto de iconos svg, agregas el nombre del icono de fontawesome que buscas y luego en el menú donde agregas los botones en la cabecera usas la misma sintaxis. para el icono de usuario solo necesitas escribir “user”, por ejemplo.
Pude hacer que los enlaces se abrieran en una nueva pestaña con este script. Simplemente agregue el siguiente script a la sección “Head”.
<script>
document.addEventListener("DOMContentLoaded", function() {
const links = document.querySelectorAll(".custom-header-link.with-url");
links.forEach(link => {
link.addEventListener("click", function(e) {
e.preventDefault();
e.stopPropagation();
const titles = {
"Documentation": "Enter URL Here",
"Downloads": "Enter URL Here",
"Source Code": "Enter URL Here",
"Dev Portal": "Enter URL Here",
"Slack Channel": "Enter URL Here"
};
const url = titles[this.getAttribute("title")];
if (url) {
window.open(url, '_blank');
}
});
link.setAttribute("href", "#");
});
});
</script>
¡Espero que esto ayude!
¿Es posible tener una vista diferente cuando el título del sitio se minimiza y se muestra el título del tema actual (al desplazarse hacia abajo en un tema)?
Noté que el Encabezado Desplegable todavía se ve muy bien y tiene mucho sentido en pantallas anchas, pero no en pantallas pequeñas. Por lo tanto, hacer un display: none sería útil y ya se hace en el escritorio cuando max-width: 712px.
Gracias y muchos saludos. 
2 Me gusta
¿Hay alguna forma de mostrar solo el encabezado desplegable en dispositivos móviles?
He intentado lo siguiente:
/* Estilos predeterminados: oculta los botones del encabezado */
.header-buttons {
display: none;
visibility: hidden;
}
/* Media query para dispositivos móviles */
@media screen and (max-width: 767px) {
.header-buttons {
display: inline; /* o display: inline-block; dependiendo de tu diseño */
visibility: visible;
}
}
Lo cual funciona, pero cualquier otra cosa que esté en el encabezado (por ejemplo, GitHub - discourse/discourse-header-search) todavía se encoge como si el encabezado desplegable todavía estuviera allí…
¿Qué me falta?
Gracias
1 me gusta
Probablemente, tu personalización se ha sobrescrito.
No necesitas visibility – puedes hacer:
.header-buttons {
display: none !important;
}
2 Me gusta
Consulta sobre el uso de las funciones de seguridad:
Si utilizas esta función, ¿es posible tener más de un grupo de seguridad con acceso a un menú?
Nuestro ejemplo: ejecutamos varios programas educativos (con varios años/grupos de clase para cada programa), cada grupo de clase tiene su propio grupo de seguridad para que podamos darles acceso a los recursos educativos correctos (sin que accedan a recursos destinados a otro programa/año de clase), y cada grupo de año tiene una Categoría única para su clase.
Necesito crear menús para que cada clase acceda a su categoría, pero también necesito que nuestro equipo educativo (que no está en el grupo de seguridad de los estudiantes) acceda a esos espacios.
En este momento, las únicas dos soluciones que veo son:
- crear un grupo de seguridad que combine al personal y a cada clase (molesto porque me gustaría tener menos complicaciones sobre los grupos de seguridad, no más)
- duplicar menús, de modo que haya uno para el grupo de estudiantes y otro para el grupo de personal
Ninguna de estas opciones parece ideal.
Siguiente pregunta: ¿Qué hay de añadir funciones de seguridad a los elementos del submenú?
(para mi ejemplo: esto significaría que podría tener un menú para todos los diversos grupos de cursos/clases, y luego solo mostrar a los estudiantes los elementos del submenú aplicables. Mientras que en este momento tengo que gestionar entre 5 y 6 menús principales)
1 me gusta
Te animaría a buscar alternativas a este Componente de Tema, ya que no se ajusta a tu caso de uso.
¿Puedo sugerirte en su lugar que simplemente pongas las categorías de clase en la configuración del sitio default_navigation_menu_categories?
Como administrador, las verás todas (aunque puedes personalizar esa vista), pero los miembros de tu clase y el personal solo tendrán acceso a las que tengan en la barra lateral.
Si entiendo tu problema correctamente, esto te funcionaría bastante bien.
2 Me gusta
Hola Nathan:
Hemos configurado nuestras categorías. Pero también nos gustaría un menú en la parte superior de la página. Los usuarios están familiarizados con los menús superiores, y las comunidades son una curva de aprendizaje bastante difícil (no estamos aquí para crear un universo tecnológico completamente nuevo para nuestros estudiantes).
Tampoco funciona porque necesitamos poder enlazar a sitios externos desde el menú (especialmente a nuestros sitios de SharePoint, en uso porque Discourse no incluye una biblioteca estructurada), y las categorías simplemente no hacen eso.
Sinceramente, poder permitir que varios grupos de seguridad vean un menú (de la misma manera que permitimos que varios grupos de seguridad accedan a una categoría) sería más fácil. Pero si no es posible, tendremos que encontrar otra solución.
1 me gusta
@merefield La altura de los botones de inicio de sesión se ve afectada por el encabezado desplegable
Este es solo un problema si se usa right para links position.
2 Me gusta
Ya no mantengo esto, así que lo marqué como unmaintained
Sin embargo, siéntete libre de enviar un PR y lo revisaré. Si no tienes el tiempo o las habilidades personalmente, pero deseas que alguien lo arregle y tienes presupuesto, considera publicar en Marketplace.
4 Me gusta
A mí también me está causando un problema. Le he echado un vistazo, pero es demasiado complejo para mis rudimentarias soluciones CSS, desafortunadamente.
3 Me gusta
Hice un PR para modernizar el componente. (patrocinado por @davidkingham) 
En el camino, soluciona algunos problemas de UX que noté.
El componente podría mejorar aún más. Quizás haga otro PR más adelante. Aquí hay algunos que noté:
- Reemplazar el tipo de configuración
json_schemacon el tipoobjects - Agregar una opción para abrir un enlace en una nueva pestaña
- Mejor accesibilidad
10 Me gusta
Gracias @Arkshine - ¡trabajo brillante!
4 Me gusta
Veo este error fatal en un sitio que utiliza este componente temático 
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'trim')
at get source (custom-icon.gjs:20:24)
...
3 Me gusta
Oh. Hice un PR para solucionar el problema; ¡gracias por informarlo!
¡Fusionado!
7 Me gusta
¡Gran componente y excelente trabajo! ¡Gracias por sus esfuerzos y experiencia! Noté que el menú desplegable actualmente admite un elemento de encabezado principal con un nivel de subelementos (por ejemplo, Elemento de encabezado → Enlaces). ¿Es posible agregar otro nivel, para que funcione como: Elemento de encabezado → Subelemento → Enlaces?
2 Me gusta
@angus Abrí un PR para actualizar el nombre de un ícono obsoleto de Font Awesome que detecté:
2 Me gusta
Gracias @kelv :manos_juntas:
3 Me gusta
Debería funcionar en Horizon o hay que cambiar algo?
Este plugin es imprescindible para comunidades que tienen un blog y/o más aplicaciones relacionadas.