Баннер расширенного поиска

:warning:

Этот компонент темы устарел и больше не должен использоваться. Его функции теперь включены в ядро Discourse — см. нашу документацию для получения подробной информации о настройке приветственного баннера:

Creating a banner to display at the top of your site

:discourse2: Краткое описание Расширенная панель поиска размещает строку поиска вместе с необязательным заголовком и подзаголовком в баннере над основной навигацией по списку тем.
:eyeglasses: Предпросмотр Предпросмотр в конструкторе тем Discourse
:hammer_and_wrench: Ссылка на репозиторий https://github.com/discourse/discourse-search-banner
:open_book: Новичок в темах 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 вы сможете настроить внешний вид этого баннера так, как считаете нужным.

Будущие улучшения

  • Добавить возможность включения баннера в конкретных категориях

Благодарности

:sparkling_heart: Этот проект сильно заимствует идеи из Pavilion Header Search Theme Component пользователя @angus


: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
How to add links on home page menu to other site?
New Theme: Tag-Pages Navigation
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?
3.5.0.beta9: Improving color management, core welcome banner, and staff action log filters
Fully Theme
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:
Challenge with non-admin users not getting page to load?
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
How to add custom links below welcome banner?
Pavilion Header Search Theme Component
Welcome Banner components
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
Adding Search option