 |
Riepilogo | Category Banners utilizza i dettagli esistenti delle categorie 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 |
 |
Nuovo a Discourse Themes? | Guida per principianti all’uso di Discourse Themes |
Installa questo componente del tema
FunzionalitĂ
Category Banners utilizza i dettagli esistenti delle categorie per creare banner per le tue pagine di categoria. Utilizza il nome, la descrizione e il colore della categoria per generare un banner nella parte superiore delle pagine della categoria pertinente (per i tag consulta Discourse Tag Banners).
La descrizione della categoria è definita dal primo paragrafo del topic “Definizione della categoria per …” di ciascuna 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 su tutte le pagine di Categoria e Sottocategoria, ma non apparirĂ se non hai fornito una descrizione alla tua categoria.
Impostazioni
Questo componente include opzioni per sovrascrivere i valori predefiniti:
| Nome | Descrizione |
|---|---|
| show description | Mostra la descrizione dal post “About This Category” |
| 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 cui 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 delle categorie, abilitare questa opzione farà sì che l’icona corrisponda al colore del testo del banner |
- Nota che questa impostazione ora si riferisce 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 sulla personalizzazione
Se desideri personalizzarli con del CSS aggiuntivo, puoi indirizzare intestazioni di categoria 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 target CSS aggiuntivo.
Ospitato da noi? I componenti del tema sono disponibili per l’uso sui nostri piani Standard, Business ed Enterprise.