Banner de Pesquisa Avançada

:warning:

Este componente de tema está descontinuado e não deve mais ser usado. Seus recursos agora fazem parte do Discourse Core — consulte nossa documentação para obter detalhes sobre como configurar um banner de boas-vindas:

Creating a banner to display at the top of your site

:discourse2: Resumo O Advanced Search Banner (Banner de Pesquisa Avançada) coloca uma barra de pesquisa, junto com um título e subtítulo opcionais, em um banner acima da navegação da lista principal de tópicos.
:eyeglasses: Pré-visualização Pré-visualização no Discourse Theme Creator
:hammer_and_wrench: Link do Repositório https://github.com/discourse/discourse-search-banner
:open_book: Novo nos Temas do Discourse? Guia para iniciantes sobre o uso dos Temas do Discourse

Instale este componente de tema

Recursos

Por padrão, este banner aparece em todas as páginas de tópicos de primeiro nível (latest/new/unread/top/categories… qualquer coisa na configuração do site top menu), mas também pode ser configurado para aparecer apenas na página inicial da comunidade.

Configurações

Nome Descrição
show on Determina em quais páginas o banner aparece
plugin outlet Onde na página o banner será exibido
background image light Imagem de fundo do banner em paletas de cores claras
background image dark Imagem de fundo do banner em paletas de cores escuras
tile background image Repetir a imagem de fundo
show for Quem pode ver o Banner de Pesquisa (logado, deslogado ou ambos)
special style Variações opcionais que alteram a aparência do banner de pesquisa
Tradução Padrão
search_banner.headline Bem-vindo à nossa comunidade
search_banner.subhead Estamos felizes em tê-lo aqui. Se precisar de ajuda, pesquise antes de postar.
search_banner.search_button_text

Para omitir um deles da exibição, deixe o campo em branco.

Estilização personalizada

O elemento HTML recebe uma classe chamada .display-search-banner sempre que este banner aparece, e o próprio banner é envolvido pela classe .custom-search-banner, então, com um pouco de CSS, você deve conseguir personalizar a aparência deste banner da maneira que achar melhor.

Melhorias futuras

  • Adicionar uma opção para habilitar o banner em categorias específicas

Créditos

:sparkling_heart: Este componente se baseia fortemente no Pavilion Header Search Theme Component de @angus


:discourse2: Hospedado por nós? Os componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

83 curtidas
[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
New Theme: Tag-Pages Navigation
Adding Search option
Header search in custom header
Can't find how to localize a theme component
Creating and installing plugins?
Bug with "search_banner.search_button_text" shown in search banner theme component
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
Welcome Banner components
What plug-in or customization for this header?
Translations of theme component sample texts
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
Search banner requires login
Mint Theme
Advanced Header Search
Tag partly visible on "which topic do you want to reply to" modal
Custom Platform
Making my discourse site look a certain way
How can I change the HTML template of advanced search?
Fully Theme
How to change the header text on the title page
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