El fondo debe ser una imagen única para cada categoría (no un estilo CSS global).
Lo que intenté
JavaScript personalizado para insertar la imagen y el texto. Funciona, pero la imagen se carga primero y luego se redimensiona, lo que provoca transiciones deficientes/cambios de diseño.
El componente Category Banner me acercó, pero no pude igualar este diseño exacto y los requisitos de imagen por categoría.
Pregunta
¿Cuál es el enfoque recomendado en Discourse para lograr esto?
¿Algún ejemplo o patrón CSS/HTML para reservar espacio (por ejemplo, contenedor con relación de aspecto fija/object-fit) y evitar CLS?
Consejos para usar cargas por categoría o configuraciones de tema para establecer la imagen de fondo de forma limpia.
eso coloca la imagen en la etiqueta del cuerpo. Quizás luego ajusta el CSS a tu gusto (mi ejemplo es de 400px):
+ algunos ajustes a la alineación del texto, deberías obtener una aproximación de lo que quieres, ¿creo? La principal desventaja es que es realmente de ancho completo, por lo que lo verás sobresalir en pantallas más anchas.
Creo que el componente de tema más cercano a lo que buscas es este:
Podrías echarle un vistazo para obtener algunas ideas, pero parece que podrías necesitar crear un componente personalizado. Podrías publicar en Marketplace si buscas contratar desarrolladores que te ayuden.
