Puedes agregar banners en la configuración del componente definiendo la categoría justo debajo del banner, un color de banner y el texto del encabezado. También hay una opción para ocultar los bordes de color predeterminados:
Este componente solo agrega elementos de diseño a la página de categorías. Por lo tanto, no puedes hacer referencia a estos encabezados en ningún otro lugar de tu sitio. Otra precaución: No hay un estilo de página predeterminado Solo Categorías en dispositivos móviles. Siempre mostrará los temas destacados también.
Eso parece ser el comportamiento esperado. El campo de color acepta cualquier valor que puedas usar como background-color en CSS. Por lo tanto, si proporcionas un valor hexadecimal, el color se mantendrá igual en diferentes modos y temas.
Si realmente no deseas un color de fondo, debes especificar none o transparent.
Si prefieres un color de fondo que cambie según el modo, deberías especificarlo usando una propiedad personalizada de CSS: podrías utilizar una de las predefinidas por Discourse, como var(--secondary-high). También puedes definir las tuyas propias, tal como se explica en Update themes and plugins to support automatic dark mode
Pero en cualquier caso: si sientes que usé parte de tu trabajo y me olvidé de dar crédito, por favor házmelo saber y actualizaré la primera publicación
Sí, por favor, me encantaría recibir al menos algún tipo de crédito. Pero depende de ti. Aparte de eso, se ve bien y recomendaré este componente temático en mi publicación, ya que esto facilita las cosas a los nuevos usuarios.
@ Nolo
¿Hay alguna forma en el TC, o con CSS en el tema, de alinear a la izquierda el texto del encabezado, al igual que tu segundo ejemplo).
¿También hay alguna forma (si no se usa una imagen de banner) de cambiar el tamaño del encabezado al grosor de una línea de texto?
Y si es así, ¿puedes cambiar el tamaño del texto para que no sea tan grande?
Claro, puedes estilizar los banners usando estas clases:
Si quieres sobrescribir declaraciones existentes en la clase general, necesitarás usar la propiedad !important. Por ejemplo, para los estilos que mencionaste:
Eso es porque los estilos se declaran realmente en los banners específicos. Supongo que podría mejorar eso en el componente, pero por ahora necesitarías sobrescribir con important.
¡Muchas gracias por este componente! Estoy desarrollando un foro político y poder aplicar este tipo de separación es fundamental.
Si bien ya es una gran mejora para mi foro, sería un mundo de diferencia si las cabeceras pudieran ser referenciadas por URL, ya que eso permitiría crear botones en la parte superior del foro desde los cuales el usuario podría navegar fácilmente en la misma página. Sería una funcionalidad extremadamente ágil si el foro (con suerte) se vuelve mucho más grande. ¿Es esto posible actualmente?
Gracias por la sugerencia @lisandro_iaffar. Aunque este componente realmente solo proporciona una solución ligera que no cambia las plantillas HTML. Si desea hacer referencia a las secciones, necesitaría usar un enfoque como el que ofrece GitHub - discourse/discourse-minimal-category-boxes.
Estoy emocionado de probar esto, ya que he creado demasiadas categorías y poder organizarlas en grupos será de gran ayuda.
Lo sabré cuando lo intente, ¿esto también podría ser una forma de dejar las categorías antiguas y menos usadas fuera de la página principal, verdad? Aún estarían disponibles a través de la nueva barra lateral.
Sí, claro De hecho, casi siempre hago selecciones de categorías en diferentes elementos de la página (barra lateral, encabezado, barra de navegación, página de categoría, ..) Es como la estructura del sitio de un sitio web. Es importante que esté bien organizado, pero no es necesario que determine tu presentación de interfaz de usuario.
Hola @manuel, me gustaría saber si este maravilloso componente sigue funcionando después de las actualizaciones del discurso, lo instalé y no me funciona, gracias de antemano.
Este componente solo agrega elementos de diseño a la página de categorías. Por lo tanto, no puedes hacer referencia a estos encabezados en ningún otro lugar de tu sitio. Otra precaución: No hay un estilo de página predeterminado Solo Categorías en dispositivos móviles. Siempre mostrará los temas destacados también.
Créditos: El componente fue inspirado por el aspecto de la Comunidad Cfx.re y por la solución original de @godgutten para lograr ese aspecto, compartida en ¿Cómo agrego banners de categoría?
