Logo della categoria su tutti i topic all'interno di questa categoria

Supporto
1

È possibile mostrare un logo di categoria in tutti i topic appartenenti a questa categoria? Mi riferisco al “logo piccolo”.
Nel mio caso, è più appropriato mostrare un logo collegato a questo topic piuttosto che il logo generale del sito.
Grazie!

2

Vuoi che il logo venga visualizzato solo all’interno di un argomento o anche nell’elenco degli argomenti?
Immagino che tu possa farlo utilizzando del CSS.
O modificando i template… :thinking:

3

Vedete, qui su Discourse non abbiamo loghi per le categorie.
Ma se fossero stati scelti, sarebbero qui:

image
image1438×781 64.7 KB

E se il logo della categoria fosse stato configurato, vorrei vederlo quando apro qualsiasi argomento all’interno di questa categoria. In questo caso, il logo della categoria dovrebbe sostituire il piccolo logo.

image
image1339×771 42.8 KB

4

Quante categorie hai?

Se il numero di categorie è ragionevole, questo può essere fatto tramite CSS. Basta ridefinire il logo in alto. Utilizzando:

<body class="category-***">

category-support, ad esempio, nell’argomento in cui ci troviamo ora.

5

Avrò un numero fisso di categorie: 30.
Non sono sicuro di quale codice aggiungere al CSS. Puoi darmi un indizio più chiaro? :slight_smile:

6

Rimuoviamo il logo:

img#site-logo {
    display: none;
}

O forse questo:

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

1
11023×397 39.3 KB

Ho aggiunto la tua foto per chiarezza:

.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

Potresti dover ripetere questo codice 30 volte.

Ho fornito un esempio su come farlo senza utilizzare un componente o un plugin. Puoi implementarlo in modo diverso. Anche se, il CSS per 30 categorie non occupa molto spazio.

7

Grazie! Funziona con alcune modifiche.
Suggerimento: il nome della categoria va preso da “Slug della categoria” nelle impostazioni della categoria.

Le dimensioni del logo possono variare:
width: 65px;
height: 50px;
display: block !important;
background-size: cover;