Este componente de tema ofrece varias mejoras para el encabezado de categoría de Discourse.
El encabezado de categoría ‘estándar’ de Discourse se muestra en la parte superior de cada página de categoría, encima de los enlaces de navegación y la lista de temas. Normalmente solo es visible si se ha subido una imagen de logotipo de categoría en la configuración de la categoría. El encabezado muestra el logotipo y una breve descripción de la categoría, tomada del primer párrafo del tema ‘Acerca de la… categoría’.
Este componente de tema ofrece las siguientes mejoras
El encabezado de categoría ahora se muestra de forma predeterminada para todas las categorías. Ahora incluye el nombre de la categoría además del logotipo (si está configurado) y la descripción de la categoría. También puede incluir una imagen de fondo para el logotipo y puede estilarse para mostrarse como una ‘caja’ o un ‘banner’, utilizando la configuración de color de la categoría. Hay una amplia gama de opciones configurables en la configuración del tema.
Configuración del tema
- mostrar nombre de categoría: Mostrar el nombre de la categoría en el encabezado
- mostrar descripción de categoría: Mostrar el texto de descripción de la categoría (el primer párrafo del tema “Acerca de esta categoría”)
- tamaño del texto de descripción: Tamaño del texto dentro de la descripción de la categoría
- alineación del texto: Alineación del texto dentro del encabezado de la categoría
- mostrar encabezado de subcategoría: Mostrar encabezado para subcategorías
- mostrar nombre de categoría principal: Añadir el nombre de la categoría principal como prefijo en los encabezados de subcategoría (esto actúa como un enlace de ruta de navegación hacia la página de la categoría principal)
- mostrar icono de candado: Mostrar el icono de candado en las categorías protegidas por permisos
- mostrar logotipo de categoría: Mostrar la imagen del logotipo de la categoría dentro del encabezado
- mostrar logotipo de categoría principal: Mostrar el logotipo de la categoría principal cuando no se ha configurado un logotipo de subcategoría
- mostrar logotipo del sitio: Mostrar el pequeño logotipo del sitio si no se ha configurado un logotipo de categoría
- posición del logotipo: Posición del logotipo dentro de la caja
– ‘izquierda’ y ‘derecha’ muestran el logotipo en línea con el texto.
– ‘arriba’ muestra el logotipo encima, alineado con el texto - tamaño del logotipo: Tamaño del logotipo dentro del encabezado.
– Pequeño: 50px de alto, similar al logotipo de una caja de subcategoría.
– Estándar: 150px de alto.
– Original: el tamaño de la imagen subida - stilo del encabezado: Establecer el estilo del encabezado en:
– Caja: el encabezado de categoría se muestra con el mismo estilo que las cajas estándar de Discourse
– Banner: establecer el fondo del encabezado con el color de fondo de la categoría y el texto con el color de primer plano
– Ninguno: sin borde ni estilo de fondo - imagen de fondo del encabezado: Se aplica si has subido una imagen de fondo de categoría
– ‘contain’, ‘cover’ y ‘resize’ muestran el fondo dentro del encabezado.
– ‘outside’ es la configuración predeterminada de Discourse, que lo muestra fuera del encabezado, sobre toda la página. - mostrar en móvil: Mostrar encabezado de categoría en dispositivos móviles
- forzar alineación en móvil: Forzar la alineación en móviles del logotipo y texto hacia el centro superior del encabezado
- ocultar si no hay descripción de categoría: Ocultar el encabezado si no se ha establecido la descripción de la categoría
- ocultar excepciones de categoría: Los encabezados no se mostrarán para estas categorías
Instalar el componente de tema
Repositorio Git: https://github.com/naidihr/discourse-category-headers
¿Cómo instalo un tema o un componente de tema?
Créditos
Gracias a @Johani por su excelente Guía del desarrollador para temas de Discourse
Este componente de tema fue inspirado por otros temas, especialmente el tema Banners de categorías de Discourse de @awesomerobot
Ejemplos
Estilo caja: El encabezado de categoría se muestra con el mismo estilo que las cajas de subcategoría
Subcategoría, observa que la subcategoría no tiene logotipo pero está configurada para heredar el logotipo de la categoría principal. El nombre de la categoría principal también está configurado para mostrarse como un enlace de ruta de navegación.
Si la subcategoría tiene su propio logotipo, lo mostrará en su lugar.
Vista móvil mostrando una alineación diferente de texto e icono.
Configuraciones de tamaño de texto.
Ejemplo de opciones de alineación: texto centrado, logotipo a la derecha.
Estilo banner: Usa los colores de fondo y primer plano de la categoría
Imagen de fondo: Usa la imagen de fondo de la categoría
Me faltaba lo siguiente bajo Configuración:
! Gracias por compartir la respuesta también; sospecho que será útil para otros también. Espero que el componente de tema funcione bien para ti.
