Logo de la catégorie sur tous les sujets de cette catégorie

Soutien
1

Est-il possible d’afficher un logo de catégorie sur tous les sujets de cette catégorie ? Je parle du « logo petit ». Dans mon cas, il est plus approprié d’afficher un logo lié à ce sujet plutôt qu’un logo général du site. Merci !

2

Voulez-vous que le logo soit affiché sur le sujet lui-même ou également dans la liste des sujets ?
Je pense que vous pouvez le faire en utilisant du CSS.
Ou en modifiant les modèles… :thinking:

3

Vous voyez, ici sur Discourse, nous n’avons pas de logos pour les catégories.
Mais s’ils étaient choisis, ils seraient ici :

image
image1438×781 64.7 KB

et si le logo de la catégorie était configuré, j’aimerais le voir lorsque j’ouvre n’importe quel sujet dans cette catégorie. Dans ce cas, le logo de la catégorie remplacerait le petit logo

image
image1339×771 42.8 KB

4

Combien de catégories avez-vous ?

S’il y a un nombre raisonnable de catégories, cela peut être réalisé via CSS. Il suffit de redéfinir le logo en haut en utilisant :

<body class="category-***

category-support, par exemple, dans le sujet où nous nous trouvons actuellement.

5

J’aurai un nombre fixe de catégories : 30.
Je ne suis pas sûr de quel code ajouter au CSS. Pouvez-vous me donner un indice plus évident ? :slight_smile:

6

Nous supprimons le logo :

img#site-logo {
    display: none;
}

Ou peut-être ceci :

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

1
11023×397 39.3 KB

J’ai ajouté votre photo pour plus de clarté :

.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

Vous devrez peut-être répéter ce code 30 fois.

J’ai donné un exemple de la façon de le faire sans composant ou plugin. Vous pouvez l’implémenter différemment. Bien que, le CSS pour 30 catégories ne prenne pas beaucoup de place.

7

Merci ! Cela fonctionne avec quelques modifications.
Astuce : le nom de la catégorie doit être pris depuis « Category Slug » dans les paramètres de la catégorie.

Les tailles du logo peuvent varier :
width: 65px;
height: 50px;
display: block !important;
background-size: cover;