Bannières de tags

:discourse2: Summary Tag Banners displays the tag name and description in a banner at the top of the page when visiting a tag-filtered topic list (similar to the Category Banners component)
:eyeglasses: Preview Preview on Discourse Theme Creator
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-tag-banners
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Features

Developer Notes

You can customize these banners with CSS. Each banner gets the tag name(s) appended as a class, for example:

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

The banner also works with tag intersections (e.g., community.example.com/tags/intersection/art/new-tag)

In this case, you’d target .tag-banner-art.tag-banner-new-tag for CSS customization.

Settings

Name Description
show on mobile Show tag banners on mobile devices
show tag description Show tag description when available
show above site header Display the banner in the above site header connector.
show below site header Display the banner in the below site header connector.
show above main container Display the banner in the above main container connector, for sites with the sidebar enabled.
remove tag hyphen Remove hyphens from tag names in banners
remove tag underscore Remove underscores from tag names in banners
hide tag icon Hide the tag icon when used along with category banners
show with category banners Show full banner alongside category banners

:discourse2: Hosted by us? Theme components are available to use on our Pro, Business and Enterprise plans.

Last edited by @tobiaseigen 2025-06-24T03:17:47Z

Check documentPerform check on document:
41 « J'aime »

Un message a été divisé en un nouveau sujet : ‘tag-banner’ class not being removed when navigating away

Bug : "Required" category of a tag not showing up under "category ..." dropdown

Résumé : Lors de la création d’un nouveau sujet depuis la page d’accueil, toutes les options de catégorie apparaissent dans le compositeur, comme prévu. Mais lorsque vous cliquez sur une balise (c’est-à-dire que vous naviguez vers /tag/tag-name) et que vous essayez de composer un nouveau message à partir de cette page, toutes les catégories apparaissent, à l’exception, ironiquement, de la catégorie qui a défini cette balise particulière parmi ses exigences.

Ce problème a cessé lorsque ce composant a été désactivé.

2 « J'aime »

Serait-il facile de cuisiner la description de la balise dans la bannière ? (Ou dans les descriptions de balises normales de toute façon ?)

Je trouve cela utile pour pouvoir l’envoyer à des sujets ou des catégories, ou pour indiquer une autre balise connexe… Mais sans cuisson, ce n’est pas faisable.

Merci ! :purple_heart:

Je déterre celui-ci :shovel: :smiley:

Par “cuisiner”, cela signifierait essentiellement rendre le markdown, les emojis, etc. ? Ce serait un excellent ajout !

2 « J'aime »

Si je ne me trompe pas, vous pouvez utiliser du HTML dans les descriptions et il devrait être rendu.

1 « J'aime »

Ce serait formidable de l’avoir de manière cohérente sur les bannières de tags/catégories et les descriptions de catégories. Le HTML est faisable, mais semble très artisanal !

3 « J'aime »

Je suis d’accord sur celui-ci

Dans ce contexte, y a-t-il un moyen de rendre également les icônes ajoutées via le composant d’icône de balise dans la bannière de balise ?

Il y a un réglage hide tag icon. Est-ce que cela pourrait être ça ?

Le réglage est Masquer l'icône de tag lorsqu'elle est utilisée avec les bannières de catégorie. Aucune icône de tag ne s’affiche, qu’elle soit activée ou désactivée. Que ce soit avec ou sans catégorie sélectionnée simultanément.
Testé sur la version stable 3.5.0