 |
Resumen | Category Banners utiliza los detalles existentes de las categorías para crear banners para tus páginas de categoría (para etiquetas, consulta Discourse Tag Banners). |
 |
Vista previa | Vista previa en Discourse Theme Creator |
 |
Enlace al repositorio | https://github.com/discourse/discourse-category-banners |
 |
¿Nuevo en los temas de Discourse? | Guía para principiantes sobre el uso de los temas de Discourse |
Instalar este componente de tema
Características
Category Banners utiliza los detalles existentes de las categorías para crear banners para tus páginas de categoría. Utiliza el nombre, la descripción y el color de la categoría para generar un banner en la parte superior de las páginas de categoría relevantes (para etiquetas, consulta Discourse Tag Banners).
La descripción de la categoría se define mediante el primer párrafo del tema “Definición de categoría para …” de cada categoría. Los colores de fondo y texto del banner se definen mediante la configuración de insignias de tu categoría.
De forma predeterminada, esto se mostrará en escritorio y móvil en todas las páginas de Categoría y Subcategoría, pero no aparecerá si no has asignado una descripción a tu categoría.
Configuración
Este componente viene con opciones para anular los valores predeterminados:
| Nombre | Descripción |
|---|---|
| mostrar descripción | Mostrar descripción del tema “Acerca de esta categoría” |
| mostrar móvil | Mostrar banners en móvil |
| mostrar subcategoría | Mostrar banners para subcategorías |
| ocultar si no hay descripción | Ocultar banners si no se ha establecido la descripción de la categoría |
| mostrar logotipo de categoría | Mostrar logotipo de categoría |
| alinear texto | |
| excepciones | El banner no se mostrará para estos NOMBRES de categoría |
| categorías | Categorías para las que mostrar un banner |
| plugin outlet | Cambia la posición del banner en la página |
| mostrar icono de categoría | Mostrar icono o emoji de categoría desde la configuración de la categoría * |
| anular color del icono de categoría | Cuando se utilizan los iconos de categoría, activar esto hará que el icono coincida con el color del texto del banner |
- Ten en cuenta que esta configuración ahora se refiere al icono o emoji de categoría establecido en la configuración de la categoría, no al componente de tema Iconos de categoría (que está obsoleto en favor de la función principal).
Notas de personalización
Si deseas personalizarlos con algo de CSS adicional, puedes dirigirse a encabezados de categoría específicos utilizando esta estructura (ejemplo-categoría es el nombre de tu categoría):
.category-title-header {
&.category-banner-example-category {
background: url(example.jpg);
}
}
Este componente también añade la clase category-header a la etiqueta body como un objetivo CSS adicional.
¿Alojado por nosotros? Los componentes de tema están disponibles para su uso en nuestros planes Estándar, Empresarial y Corporativo.