高度な検索バナー

:warning:

このテーマコンポーネントは非推奨であり、使用を中止する必要があります。その機能は現在Discourseコアに含まれています。ウェルカムバナーの設定方法については、ドキュメントをご覧ください。

https://meta.discourse.org/t/creating-a-banner-to-display-at-the-top-of-your-site/153718#p-762961-welcome-banner-1

:discourse2: 概要 Advanced Search Banner は、検索バーとオプションのヘッドラインおよびサブヘッドテキストを、メインのトピックリストナビゲーションの上にあるバナーに配置します。
:eyeglasses: プレビュー Discourse Theme Creatorでプレビュー
:hammer_and_wrench: リポジトリリンク https://github.com/discourse/discourse-search-banner
:open_book: Discourseテーマは初めてですか? Discourseテーマ使用の初心者ガイド

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

機能

デフォルトでは、このバナーはすべてのトップレベルのトピックページ(latest/new/unread/top/categories… top menu サイト設定にあるものすべて)に表示されますが、コミュニティのホームページにのみ表示されるように設定することもできます。

search banner example

設定

名前 説明
show on バナーを表示するページを決定します
plugin outlet バナーがページ上のどこに表示されるか
background image light ライトカラーパレットでのバナーの背景画像
background image dark ダークカラーパレットでのバナーの背景画像
tile background image 背景画像を繰り返す
show for 検索バナーを表示できるユーザー(ログイン済み、未ログイン、または両方)
special style 検索バナーの外観を変更するオプションのバリエーション
翻訳 デフォルト
search_banner.headline コミュニティへようこそ
search_banner.subhead ご参加いただきありがとうございます。ヘルプが必要な場合は、投稿する前に検索してください。
search_banner.search_button_text

表示から除外するには、フィールドを空白のままにします。

カスタムスタイリング

このバナーが表示される場所では、HTML要素に.display-search-bannerというクラスが付き、バナー自体は.custom-search-bannerクラスでラップされるため、いくつかのCSSでこのバナーの外観を好きなようにカスタマイズできるはずです。

今後の機能強化

  • 特定のカテゴリでバナーを有効にするオプションを追加する

謝辞

:sparkling_heart: これは、@angusのhttps://meta.discourse.org/t/header-search-theme/67959から大幅に借用しています。


:discourse2: ホストされていますか? テーマコンポーネントは、当社のStandard、Business、およびEnterpriseプランで利用できます。

「いいね!」 83
[PAID] New search bar
Bringing popular features to Discourse: Header search, welcome banner, and category icons / emoji
Elementary Layout Component
Searching for users on mobile
New Theme: Tag-Pages Navigation
How to add links on home page menu to other site?
Adding Search option
Header search in custom header
Can't find how to localize a theme component
Mint Theme
Creating and installing plugins?
Bug with "search_banner.search_button_text" shown in search banner theme component
Search banner requires login
Pavilion Header Search Theme Component
Help Needed for Installing Meta Branded Theme
Banner Featured Links
Search section like on Reddit?
How do I edit "Welcome to our community" and tagline on the Homepage?
Anything wrong with this component?
User card out of alignment
Search Banner image cuts off on smaller screens
Pavilion Header Search Theme Component
Where to find search bar in our settings?
Where to find search bar in our settings?
Fully Theme
Welcome Banner components
What plug-in or customization for this header?
Custom Platform
Homepage header, how to add?
How can I make the home page similar to this one?
Theme or Custom CSS on Monday’s Discourse Instance?
Community not displaying correctly - new problem - help!
Christmas Decoration Component :christmas_tree:
We're upgrading our icons to Font Awesome 6!
Search for and/or filter topics in a category using text search
Forum search bar not showing up
Pavilion Header Search Theme Component
3.5.0.beta9: Improving color management, core welcome banner, and staff action log filters
Translations of theme component sample texts
Making my discourse site look a certain way
How can I change the HTML template of advanced search?
How to change the header text on the title page
Advanced Header Search
How to make a custom search bar?
Bug in Search banner theme component
Simple modifications
How can I achieve these header and footer customisations?
Meta Branded theme and all categories header
Search in this topic filter issue with Search banner TC
Bug with "search_banner.search_button_text" shown in search banner theme component
New Theme: Tag-Pages Navigation
Customizing your site with existing theme components