 |
Resumen | Enlaces de encabezado personalizados (iconos) te permitirá agregar fácilmente iconos con enlaces al encabezado 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 de tema
Características
Capturas de pantalla
Escritorio
Móvil
Configuración
Este componente incluye una configuración de tema que te permite agregar tantos enlaces como desees, determinar sus iconos y decidir en qué dispositivos se mostrarán.
| Nombre | Descripción |
|---|---|
| enlaces del encabezado | Lista de enlaces con las siguientes propiedades: título, icono, URL, vista y destino |
| agregar espacio en blanco | Si está marcado, esto agregará algo de espacio en blanco entre los iconos predeterminados del encabezado de Discourse y los iconos personalizados agregados 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 agregas nuevos iconos, deben tener 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 encabezado de marca de @vinothkannans, que fue una gran referencia para la estructura de este componente.
¿Alojado por nosotros? Los componentes de tema están disponibles para usar en nuestros planes Estándar, Empresarial y de Empresa.