 |
Riepilogo | Category Banners utilizza i dettagli esistenti della categoria per creare banner per le tue pagine di categoria (per i tag, consulta Discourse Tag Banners). |
 |
Anteprima | Anteprima su Discourse Theme Creator |
 |
Collegamento al repository | https://github.com/discourse/discourse-category-banners |
 |
Novità sui temi di Discourse? | Guida introduttiva all’uso dei temi di Discourse |
Installa questo componente del tema
FunzionalitĂ
Category Banners utilizza i dettagli esistenti della categoria per creare banner per le tue pagine di categoria. Utilizza il nome della categoria, la descrizione e il colore per generare un banner nella parte superiore delle pagine di categoria pertinenti (per i tag, consulta Discourse Tag Banners).
La descrizione della categoria è definita dal primo paragrafo nell’argomento “Definizione della categoria per …” di ogni categoria. I colori di sfondo/testo del banner sono definiti dalle impostazioni del badge della tua categoria.
Per impostazione predefinita, questo verrĂ visualizzato su desktop e mobile in tutte le pagine di Categoria e Sottocategoria, ma non apparirĂ se non hai fornito una descrizione per la tua categoria.
Impostazioni
Questo componente offre opzioni per sovrascrivere i valori predefiniti:
| Nome | Descrizione |
|---|---|
| show description | Mostra la descrizione dal post “Informazioni su questa categoria” |
| show mobile | Mostra i banner su mobile |
| show subcategory | Mostra i banner per le sottocategorie |
| hide if no description | Nascondi i banner se la descrizione della categoria non è impostata |
| show category logo | Mostra il logo della categoria |
| align text | |
| exceptions | Il banner non verrĂ mostrato per questi NOMI di categoria |
| categories | Categorie per le quali mostrare un banner |
| plugin outlet | Modifica la posizione del banner nella pagina |
| show category icon | Mostra l’icona o l’emoji della categoria dalle impostazioni della categoria * |
| override category icon color | Quando vengono utilizzate le icone della categoria, abilitando questa opzione l’icona corrisponderà al colore del testo del banner |
* Nota che questa impostazione si riferisce ora all’icona o emoji della categoria impostata nelle impostazioni della categoria, non al componente del tema Category Icons (che è deprecato a favore della funzionalità principale).
Note di personalizzazione
Se desideri personalizzarli con un CSS aggiuntivo, puoi prendere di mira le intestazioni di categorie specifiche utilizzando questa struttura (example-category è il nome della tua categoria):
.category-title-header {
&.category-banner-example-category {
background: url(example.jpg);
}
}
Questo componente aggiunge anche la classe category-header al tag body come ulteriore bersaglio CSS.
Ospitato da noi? I componenti del tema sono disponibili per l’uso sui nostri piani Standard, Business ed Enterprise.