Tag Banners

テーマコンポーネント
,
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
39

投稿が新しいトピックに分割されました: ‘tag-banner’ クラスが離れるときに削除されない

40

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

概要: ホームページから新しいトピックを作成すると、すべてのカテゴリオプションがコンポーザーに表示されます（これは期待どおりです）。しかし、タグ（例: /tag/tag-name）をクリックしてそのページから新しい投稿を作成しようとすると、すべてのカテゴリが表示されます。皮肉なことに、その特定のタグを要件として設定しているカテゴリを除いて。

この問題は、このコンポーネントを無効にしたときに停止しました。

「いいね！」 2
41

バナーのタグの説明を_調理_するのは簡単ですか？（または、通常のタグの説明でも？）

これは、トピックやカテゴリに送信したり、別の関連タグを示したりするのに便利だと思います…しかし、調理なしでは実行できません。

ありがとうございます！:purple_heart:

42

これを掘り起こします :shovel: :smiley:

「レンダリング」とは、Markdownや絵文字などを表示することでしょうか？それは素晴らしい追加機能になるでしょう！

「いいね！」 2
43

間違っていなければ、説明文にHTMLを使用でき、レンダリングされるはずです。

「いいね！」 1
44

タグ/カテゴリバナーとカテゴリ説明全体で一貫性があると素晴らしいでしょう。HTMLは機能しますが、非常にハッキーに感じます！

「いいね！」 3
45

これに同意します

このコンテキストでは、タグアイコンコンポーネントを介して追加されたアイコンをタグバナー内にレンダリングする方法はありますか？

46

hide tag icon 設定があります。それが原因でしょうか？

47

設定は「カテゴリバナーと併用する場合にタグアイコンを非表示にする」です。有効にしても無効にしても、タグアイコンは表示されません。カテゴリを同時に選択した場合でも、しなかった場合でも同様です。3.5.0 stableでテスト済み。