タグバナー

:discourse2: 概要 Tag Banners は、タグでフィルタリングされたトピックリストページにアクセスした際、ページ上部にタグ名と説明文をバナーとして表示します(Category Banners のコンポーネントに類似)。
:eyeglasses: プレビュー Discourse Theme Creator でのプレビュー
:hammer_and_wrench: リポジトリリンク https://github.com/discourse/discourse-tag-banners
:open_book: Discourse Themes 初心者向け Discourse Themes の使い方初心者ガイド

このテーマコンポーネントをインストール

機能

開発者向けメモ

これらのバナーは CSS でカスタマイズできます。各バナーにはタグ名(複数形の場合あり)がクラスとして追加されます。例:

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

バナーはタグの交差(例:community.example.com/tags/intersection/art/new-tag)でも機能します。

この場合、CSS カスタマイズには .tag-banner-art.tag-banner-new-tag を対象とします。

設定

名前 説明
モバイルに表示 モバイルデバイスでタグバナーを表示する
タグの説明を表示 利用可能な場合、タグの説明を表示する
サイトヘッダー上に表示 サイトヘッダーコネクタ内にバナーを表示する。
サイトヘッダー下に表示 サイトヘッダーコネクタ内にバナーを表示する。
メインコンテナ上に表示 サイドバーが有効なサイト向けに、メインコンテナコネクタ内にバナーを表示する。
タグ名のハイフンを削除 バナー内のタグ名からハイフンを削除する
タグ名のアンダースコアを削除 バナー内のタグ名からアンダースコアを削除する
タグアイコンを非表示 カテゴリバナーと併用する場合、タグアイコンを非表示にする
カテゴリバナーと併用して表示 カテゴリバナーと一緒にフルバナーを表示する

:discourse2: 当社でホストされていますか?テーマコンポーネントは、Pro、Business、Enterprise プランでご利用いただけます。

「いいね!」 41