 |
Resumen | Category Banners utiliza los detalles existentes de la categoría para crear banners para las páginas de tu 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 temas de Discourse |
Instalar este componente de tema
Funciones
Category Banners utiliza los detalles existentes de la categoría para crear banners para las páginas de tu categoría. Utiliza el nombre de la categoría, la descripción y el color 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 está definida por el primer párrafo en el tema «Definición de categoría para …» de cada categoría. Los colores de fondo/texto del banner están definidos por la configuración de la insignia 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 proporcionado una descripción para tu categoría.
Configuración
Este componente viene con opciones para anular los valores predeterminados:
| Nombre | Descripción |
|---|---|
| show description | Mostrar descripción de la publicación «Acerca de esta categoría» |
| show mobile | Mostrar banners en móvil |
| show subcategory | Mostrar banners para subcategorías |
| hide if no description | Ocultar banners si no se ha establecido la descripción de la categoría |
| show category logo | Mostrar logotipo de categoría |
| align text | |
| exceptions | El banner no se mostrará para estos NOMBRES de categoría |
| categories | Categorías para las que se mostrará un banner |
| plugin outlet | Cambia la posición del banner en la página |
| show category icon | Mostrar icono o emoji de categoría de la configuración de la categoría * |
| override category icon color | Cuando se utilizan los iconos de categoría, habilitar 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 Category Icons (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-category 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 usar en nuestros planes Standard, Business y Enterprise.