 |
Zusammenfassung | Category Banners verwendet vorhandene Kategoriedetails, um Banner für Ihre Kategorie-Seiten zu erstellen (für Tags siehe Discourse Tag Banners). |
 |
Vorschau | Vorschau im Discourse Theme Creator |
 |
Repository-Link | https://github.com/discourse/discourse-category-banners |
 |
Neu bei Discourse Themes? | Anfängerleitfaden zur Verwendung von Discourse Themes |
Dieses Theme-Komponente installieren
Funktionen
Category Banners verwendet vorhandene Kategoriedetails, um Banner für Ihre Kategorie-Seiten zu erstellen. Es nutzt den Kategoriennamen, die Beschreibung und die Farbe, um ein Banner oben auf den relevanten Kategorie-Seiten zu generieren (für Tags siehe Discourse Tag Banners).
Die Kategorienbeschreibung wird durch den ersten Absatz im Thema „Kategoriedefinition für …" jeder Kategorie definiert. Die Banner-Hintergrund-/Textfarben werden durch Ihre Kategorie-Abzeichen-Einstellungen festgelegt.
Standardmäßig wird dies auf Desktop und Mobile auf allen Kategorie- und Unterkategorie-Seiten angezeigt, erscheint jedoch nicht, wenn Sie Ihrer Kategorie keine Beschreibung gegeben haben.
Einstellungen
Diese Komponente bietet Optionen, um die Standardwerte zu überschreiben:
| Name | Beschreibung |
|---|---|
| show description | Beschreibung aus dem Beitrag „Über diese Kategorie" anzeigen |
| show mobile | Banner auf Mobile anzeigen |
| show subcategory | Banner für Unterkategorien anzeigen |
| hide if no description | Banner ausblenden, wenn keine Kategorienbeschreibung festgelegt ist |
| show category logo | Kategorie-Logo anzeigen |
| align text | |
| exceptions | Banner wird nicht für diese Kategorie-NAMEN angezeigt |
| categories | Kategorien, für die ein Banner angezeigt werden soll |
| plugin outlet | Ändert die Position des Banners auf der Seite |
| show category icon | Kategorie-Symbol oder Emoji aus den Kategorie-Einstellungen anzeigen * |
| override category icon color | Wenn Kategorie-Symbole verwendet werden, sorgt die Aktivierung dieser Option dafür, dass das Symbol der Banner-Textfarbe entspricht |
- Hinweis: Diese Einstellung bezieht sich nun auf das Kategorie-Symbol oder Emoji, das in den Kategorie-Einstellungen festgelegt ist, nicht auf die Theme-Komponente Category Icons (die zugunsten der Kernfunktion veraltet ist).
Hinweise zur Anpassung
Wenn Sie diese mit etwas zusätzlichem CSS anpassen möchten, können Sie spezifische Kategorie-Header mit dieser Struktur ansprechen (example-category ist Ihr Kategorie-Name):
.category-title-header {
&.category-banner-example-category {
background: url(example.jpg);
}
}
Diese Komponente fügt dem Body-Tag zusätzlich die Klasse category-header als CSS-Ziel hinzu.
Von uns gehostet? Theme-Komponenten können in unseren Standard-, Business- und Enterprise-Plänen verwendet werden.