Logo de categoría en todos los temas dentro de esta categoría

Soporte
1

¿Es posible mostrar un logotipo de categoría en todos los temas dentro de esta categoría? Me refiero al “logo pequeño”.
En mi caso, es más adecuado mostrar un logotipo relacionado con este tema que un logotipo general del sitio.
¡Gracias!

2

¿Quieres que el logotipo se muestre en el tema en sí o también en la lista de temas?
Supongo que puedes hacerlo usando algo de CSS.
O editando las plantillas… :thinking:

3

Verás, aquí en Discourse no tenemos logotipos para las categorías.
Pero si se eligieran, estarían aquí:

image
image1438×781 64.7 KB

y si se hubiera configurado el logotipo de la categoría, me gustaría verlo al abrir cualquier tema dentro de esta categoría. En este caso, el logotipo de la categoría debería reemplazar al logotipo pequeño.

image
image1339×771 42.8 KB

4

¿Cuántas categorías tienes?

Si hay un número razonable de categorías, esto se puede hacer mediante CSS. Simplemente redefine el logotipo en la parte superior. Utilizando:

<body class="category-***

category-support, por ejemplo, en el tema en el que estamos ahora.

5

Tendré un número fijo de categorías: 30.
No estoy seguro de qué código añadir al CSS. ¿Podrías darme una pista más clara? :slight_smile:

6

Eliminamos el logotipo:

img#site-logo {
    display: none;
}

O quizás esto:

.category-support img#site-logo {
    display: none;  
}

1
11023×397 39.3 KB

He añadido tu foto para mayor claridad:

.category-support .title a {
    background-image: url(https://d3bpeqsaub0i6y.cloudfront.net/user_avatar/meta.discourse.org/ed_bobkov/45/177564_2.png);
    width: 35px;
    height: 35px;
    display: block !important;
}

2
21130×405 40.4 KB

Es posible que tengas que repetir este código 30 veces.

He dado un ejemplo de cómo hacerlo sin un componente o plugin. Puedes implementarlo de manera diferente. Aunque el CSS para 30 categorías no ocupa mucho espacio.

7

¡Gracias! Esto funciona con algunos cambios.
Consejo: el nombre de la categoría debe tomarse de “Slug de categoría” en la configuración de categorías.

Los tamaños del logotipo pueden variar:
width: 65px;
height: 50px;
display: block !important;
background-size: cover;