このテーマコンポーネントは非推奨となり、使用することは推奨されません。その機能は現在 Discourse Core に組み込まれています。ウェルカムバナーの設定方法については、以下のドキュメントをご覧ください:
 |
概要 | Advanced Search Banner は、メインのトピックリストナビゲーションの上に、検索バーと任意の見出し・サブヘッドテキストを組み合わせたバナーを表示します。 |
 |
プレビュー | Discourse Theme Creator でのプレビュー |
 |
リポジトリリンク | https://github.com/discourse/discourse-search-banner |
 |
Discourse テーマについて初めての方へ | Discourse テーマの使用に関する初心者向けガイド |
このテーマコンポーネントをインストール
機能
デフォルトでは、このバナーはすべてのトップレベルのトピックページ（最新/新規/未読/トップ/カテゴリ… top menu サイト設定のいずれか）に表示されますが、コミュニティのホームページのみに表示するように設定することもできます。
設定
| 名前 | 説明 |
|---|---|
| show on | バナーが表示されるページを決定します |
| plugin outlet | バナーがページ上のどこに表示されるか |
| background image light | ライトカラースキームでのバナーの背景画像 |
| background image dark | ダークカラースキームでのバナーの背景画像 |
| tile background image | 背景画像をタイル状に繰り返す |
| show for | Search Banner を誰に表示するか（ログイン済み、ログアウト済み、または両方） |
| special style | 検索バナーの外観を変更する任意のバリエーション |
| 翻訳キー | デフォルト値 |
|---|---|
| search_banner.headline | コミュニティへようこそ |
| search_banner.subhead | ここにご参加いただきありがとうございます。お手伝いが必要な場合は、投稿する前に検索してください。 |
| search_banner.search_button_text |
表示したくない場合は、フィールドを空白のままにしてください。
カスタムスタイル
このバナーが表示される箇所には HTML 要素に .display-search-banner というクラス名が付けられ、バナー自体は .custom-search-banner クラスで囲まれています。したがって、CSS を少し追加するだけで、お好みに合わせてバナーの外観をカスタマイズできるはずです。
今後の機能強化
- 特定のカテゴリでのバナー有効化オプションの追加
クレジット
このコンポーネントは、@angus による Pavilion Header Search Theme Component を大幅に参考にしています。
ホスティングサービスをご利用中ですか？ テーマコンポーネントは、当社の Standard、Business、Enterprise プランでご利用いただけます。