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:
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.
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.
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
Acabei de fazer uma pequena atualização que adiciona um estilo opcional a este componente, ele fornece uma barra de pesquisa grande sem texto de título:
Existe uma maneira de ocultar o ícone de pesquisa (usando CSS ou de outra forma)? Estou tendo um problema em que o ícone de pesquisa está sendo duplicado quando usado em conjunto com este componente: Advanced Header Search - #56 by RBoy
deve exibir apenas um ícone de pesquisa. No entanto, devo dizer que usar o banner de pesquisa e a pesquisa no cabeçalho em conjunto tem alguns efeitos colaterais negativos de UX.
O vídeo que linkei acima mostra alguns dos problemas :)\n\n- dropdowns de pesquisa sobrepostos\n- estados estranhos de abertura e fechamento dos dropdowns de pesquisa\n- o ícone de pesquisa é um link para pesquisa avançada em um campo de pesquisa e não no outro\n- etc
Alguém pode me ajudar? Instalei este tema no meu Discourse, mas a imagem está cortando um pedaço no lado direito, para que a imagem caiba completamente tenho que definir a fonte do site como “Menor” Eu tenho duas instalações diferentes do Discourse e em uma delas a imagem funcionou normalmente, na outra a imagem por que está cortada?
Eu tenho o mesmo problema que navegadores/modos diferentes mostram partes diferentes dessa imagem. Eu resolvi tornando-a extra larga, então o lado direito só aparece em algumas condições. Mas isso não é tão fácil para imagens simétricas. Acho que mais CSS (sem procurar por uma substituição de componente thome) ajudaria com isso.
Consegui resolver parte, desativei o componente de tema nos outros temas e deixei apenas em 1, por incrível que pareça, a imagem ficou “normal” com o tamanho da fonte em “normal” apenas por causa do celular que só aparece um lado da imagem, será que tem algo que eu possa fazer para que apareça completamente no meu celular também?
Parece que o Discourse tem o mesmo problema que tenho em minha comunidade, a sobreposição leva algum tempo para cobrir o que está sob a sobreposição de pesquisa (Discover):
É mais pronunciado em minha comunidade:
Gostaria de saber se alguém encontrou uma solução para isso, potencialmente um atraso para exibir a sobreposição? Pode levar a uma má experiência.
Este componente se baseia fortemente no Pavilion Header Search Theme Component de @angusHospedado por nós? Os componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.
