Banners de Tag

Componente de tema
,
1
: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

tag banner
tag banner1228×343 18 KB

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)

tag intersection
tag intersection2334×890 171 KB

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 curtidas
39

Uma postagem foi dividida em um novo tópico: ‘tag-banner’ class not being removed when navigating away

40

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

Resumo: Ao criar um novo tópico na página inicial, todas as opções de categoria aparecem no compositor — como esperado. Mas quando você clica em uma tag (ou seja, navega para /tag/tag-name) e tenta compor uma nova postagem a partir dessa página, todas as categorias aparecem — exceto, ironicamente, a categoria que definiu essa tag específica entre seus requisitos.

Este problema parou ao desabilitar este componente.

2 curtidas
41

Seria fácil cozinhar a descrição da tag no banner? (Ou nas descrições normais de tag, de qualquer forma?)

Acho isso útil para poder enviar para tópicos ou categorias, ou para indicar outra tag relacionada… Mas sem cozinhar, não é viável.

Obrigado! :purple_heart:

42

Desenterrando este aqui :shovel: :smiley:

Por “renderizar”, isso significaria basicamente processar markdown, emojis, etc.? Isso seria uma ótima adição!

2 curtidas
43

Se não me engano, você pode usar HTML nas descrições e ele deve ser renderizado.

1 curtida
44

Seria ótimo ter isso consistente em banners de tags/categorias e descrições de categorias. HTML é viável, mas parece muito improvisado!

3 curtidas
45

Concordo com este.\n\nNeste contexto, há alguma forma de também renderizar os ícones adicionados através do componente de ícone de tag dentro do banner de tag?\n\nTag Icons

46

Existe uma configuração de hide tag icon. Pode ser isso?

47

A configuração é para Ocultar o ícone de tag quando usado junto com banners de categoria. Nenhum ícone de tag está sendo exibido, quer esteja ativado ou desativado. Quer com ou sem categoria selecionada simultaneamente.
Testado em 3.5.0 stable