# Tag-Banner

**URL:** <https://meta.discourse.org/t/tag-banners/124240>\
**Category:** Theme component\
**Tags:** official, tag-banners\
**Created:** [29. Juli 2019 um 02:32 UTC](https://meta.discourse.org/t/tag-banners/124240 "2019-07-29T02:32:39Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/580155_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)\
**Post date:** [29. Juli 2019 um 02:32 UTC](https://meta.discourse.org/t/tag-banners/124240/1 "2019-07-29T02:32:39Z")

</div>

| | | |
| --- | --- | --- |
| :discourse2: | **Zusammenfassung** | **Tag-Banner** zeigt den Tag-Namen und die Beschreibung in einem Banner am oberen Rand der Seite an, wenn man eine nach Tags gefilterte Themenliste besucht (ähnlich wie bei der [https://meta.discourse.org/t/discourse-category-banners/86241-Komponente](https://meta.discourse.org/t/discourse-category-banners/86241-Komponente)) |
| 👓 | **Vorschau** | [Vorschau im Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/tag-banners) |
| 🛠 | **Repository-Link** | [https://github.com/discourse/discourse-tag-banners](https://github.com/discourse/discourse-tag-banners) |
| 📖 | **Neu bei Discourse-Themes?** | [Einsteigerleitfaden zur Verwendung von Discourse-Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Installiere diese Theme-Komponente

> [@](#):
>
> :discourse2: Da dies eine von #offiziell vom Discourse-Team gepflegte Theme-Komponente ist, können #Support, #Contribute > Bug, #Contribute > UX und #contribute:feature-Anfragen in den jeweiligen Kategorien hier auf Meta gestellt und mit dem entsprechenden Tag-Komponenten-Tag versehen werden. Klicke auf einen der untenstehenden Links, um eine Anfrage zu starten. 👍
> 
> [❓&nbsp; **Support**](https://meta.discourse.org/new-topic?category_id=6&tags=tag-banners "Frage nach Support zur Konfiguration und Nutzung von Tag-Banner") [🐛&nbsp; **Bug**](https://meta.discourse.org/new-topic?category_id=1&tags=tag-banners "Ein Bug-Bericht bedeutet, dass etwas kaputt ist und die normale/typische Nutzung der Theme-Komponente verhindert") [👀&nbsp; **UX**](https://meta.discourse.org/new-topic?category_id=9&tags=tag-banners "Diskussion über die Benutzeroberfläche von Tag-Banner und wie Funktionen präsentiert werden (einschließlich Sprache und UI-Elemente)") [💡&nbsp; **Feature**](https://meta.discourse.org/new-topic?category_id=2&tags=tag-banners "Diskussion darüber, wie bestehende Funktionen von Tag-Banner verbessert oder erweitert werden können und wie vorgeschlagene neue Funktionen funktionieren könnten")

### Funktionen

 ![tag banner](https://global.discourse-cdn.com/meta/original/3X/7/5/758fc03d8b611371c58b34ffadd238784f23e139.png)

### Entwicklerhinweise

Du kannst diese Banner mit CSS anpassen. Jedes Banner erhält den Tag-Namen (oder die Tag-Namen) als Klasse angehängt, zum Beispiel:

```plaintext
.tag-title-header.tag-banner-art {
  background: salmon;
  color: beige;
}

```

Das Banner funktioniert auch mit Tag-Schnittmengen (z. B. `community.example.com/tags/intersection/art/new-tag`)

 ![tag intersection](https://global.discourse-cdn.com/meta/original/3X/7/4/74448001e8163f0d8f781b2a64b61087ed1c2aca.png)

In diesem Fall würdest du `.tag-banner-art.tag-banner-new-tag` für die CSS-Anpassung ansprechen.

### Einstellungen

| Name | Beschreibung |
| --- | --- |
| Auf Mobilgeräten anzeigen | Tag-Banner auf Mobilgeräten anzeigen |
| Tag-Beschreibung anzeigen | Tag-Beschreibung anzeigen, wenn verfügbar |
| Über dem Site-Header anzeigen | Banner im Connector über dem Site-Header anzeigen. |
| Unter dem Site-Header anzeigen | Banner im Connector unter dem Site-Header anzeigen. |
| Über dem Hauptcontainer anzeigen | Banner im Connector über dem Hauptcontainer anzeigen, für Sites mit aktivierter Seitenleiste. |
| Tag-Bindestrich entfernen | Bindestriche aus Tag-Namen in Bannern entfernen |
| Tag-Unterstrich entfernen | Unterstriche aus Tag-Namen in Bannern entfernen |
| Tag-Icon ausblenden | Tag-Icon ausblenden, wenn es zusammen mit Kategorie-Bannern verwendet wird |
| Mit Kategorie-Bannern anzeigen | Vollständiges Banner neben Kategorie-Bannern anzeigen |

  

> :discourse2: Von uns gehostet? Theme-Komponenten sind auf unseren Pro-, Business- und Enterprise-Plänen verfügbar.

---

_[View the full topic](https://meta.discourse.org/t/tag-banners/124240)._