Etiquetas de Banners

: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 Me gusta

Se dividió una publicación en un nuevo tema: ‘tag-banner’ class not being removed when navigating away

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

Resumen: Al crear un tema nuevo desde la página de inicio, todas las opciones de categoría aparecen en el compositor, como se esperaba. Pero al hacer clic en una etiqueta (es decir, navegar a /tag/tag-name) e intentar redactar una nueva publicación desde esa página, aparecen todas las categorías, excepto, irónicamente, la categoría que ha establecido esa etiqueta en particular entre sus requisitos.

Este problema se detuvo al deshabilitar este componente.

2 Me gusta

¿Sería fácil cocinar la descripción de la etiqueta en el banner? (¿O en las descripciones normales de las etiquetas de todos modos?)

Encuentro útil poder enviar esto a temas o categorías, o para indicar otra etiqueta relacionada… Pero sin cocinar, no es factible.

¡Gracias! :purple_heart:

Desenterrando este: :shovel: :smiley:

Por “procesar”, ¿significaría básicamente renderizar markdown, emojis, etc.? ¡Sería una gran adición!

2 Me gusta

Si no me equivoco, puedes usar HTML en las descripciones y debería renderizarse.

1 me gusta

Sería genial tenerlo consistente en los banners de etiquetas/categorías y las descripciones de las categorías. El HTML es factible, ¡pero se siente muy improvisado!

3 Me gusta

Estoy de acuerdo con este.\n\nEn este contexto, ¿hay alguna forma de renderizar también los iconos añadidos a través del componente de icono de etiqueta dentro del banner de etiqueta?\n\nTag Icons

Hay una configuración de icono de etiqueta oculta. ¿Podría ser eso?

La configuración es Ocultar el icono de etiqueta cuando se usa junto con los banners de categoría. No se muestran iconos de etiquetas, ya sea que esté habilitado o deshabilitado. Ya sea con o sin categoría seleccionada simultáneamente.
Probado en 3.5.0 estable