 |
Resumen | Enlaces personalizados en la cabecera (iconos) te permitirá añadir fácilmente iconos enlazados a la cabecera de Discourse. |
 |
Vista previa | Vista previa en el Creador de Temas de Discourse |
 |
Enlace al repositorio | https://github.com/discourse/discourse-icon-header-links |
 |
¿Nuevo en los temas de Discourse? | Guía para principiantes sobre el uso de temas de Discourse |
Instalar este componente del tema
Características
Capturas de pantalla
Escritorio
Móvil
Configuración
Este componente incluye una configuración del tema que te permite añadir tantos enlaces como desees, determinar sus iconos y decidir en qué dispositivos se mostrarán.
| Nombre | Descripción |
|---|---|
| enlaces de cabecera | Lista de enlaces con las siguientes propiedades: título, icono, URL, vista y destino |
| añadir espacio en blanco | Si se marca, se añadirá algo de espacio en blanco entre los iconos predeterminados de la cabecera de Discourse y los iconos personalizados añadidos mediante este componente |
| Iconos SVG | Incluir clases de iconos de FontAwesome 6 para cada icono utilizado en la lista |
Notas:
- La URL puede ser absoluta (https://www.ejemplo.com) o relativa (/c/personal)
- Los iconos pueden ser cualquier nombre de icono de FontAwesome 6 (gratuito) sin las partes
fa-,fab-,fas-ofar-, o una URL a una imagen.
Si el icono que deseas usar no aparece, agrégalo a la configuración svg_icons en el componente. Si añades nuevos iconos, deben ir precedidos por los prefijos de FontAwesome 6 como fab, far y fas.
Créditos
Esto se basa en el excelente tutorial de @techAPJ aquí: (Superseded) Add new link on header beside search icon, y en el tema de cabecera de marca de @vinothkannans, que fue una gran referencia para la estructura de este componente.
¿Te alojamos nosotros? Los componentes de tema están disponibles para usar en nuestros planes Estándar, Empresarial y Empresarial Plus.