Este componente vem com uma variedade de configurações!
Nome
Descrição
mostrar em
Escolha exibir seu banner na página inicial, listas de tópicos ou em todas as páginas
links do banner
Adicione de 1 a 4 links com ícones do Font Awesome e texto (você também pode precisar adicionar ícones que não estão incluídos no Discourse por padrão à configuração svg_icons)
nível máximo de confiança
Exiba o banner apenas para usuários em níveis de confiança específicos
ocultar para equipe
ocultar no celular
layout
Texto à esquerda (padrão) ou texto no topo
plugin outlet
permite que você altere onde o banner é renderizado, se você estiver usando a barra lateral, tente above-main-container
ocultar para anônimos
Oculta o banner de usuários desconectados
pode ser dispensado
Permite que os usuários cliquem em um x para ocultar o banner
imagem de fundo do banner
Escolha uma imagem para exibir atrás do banner
repetição de fundo do banner
Configure o comportamento de repetição da imagem de fundo
tamanho do fundo do banner
Ajuste o tamanho da sua imagem de fundo usando CSS (mais informações)
cor de fundo do banner
Sem imagem de fundo? Use uma cor sólida!
cor de fundo da caixa do banner
cor do texto do banner
cor do ícone do banner
cor do link do banner
Traduções
Padrão
meta_banner.welcome
Bem-vindo à nossa comunidade!
meta_banner.subtitle
Participe da conversa e lembre-se de ser gentil.
Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Pro, Business e Enterprise.
Se você estiver usando a barra lateral experimental, adicionei uma configuração (plugin outlet) que fará com que o banner de boas-vindas apareça acima do conteúdo, mas não acima da barra lateral. Basta alterar essa configuração para above-main-container.
Alterar essa configuração fará com que o banner apareça à direita da barra lateral, como nosso banner faz aqui no Meta:
Pergunta: quando um usuário (eu ^^) fechou o banner, como ele pode recuperá-lo?
Eu pressiono Ctrl+F5, mas ele não volta, e eu o fechei apenas para testar.
No desktop, você pode limpar o item do localstorage aqui, discourse_dismissedWelcomeLinkBanner.
Você pressiona F12 para abrir o console do navegador → vá para a aba Application → No painel esquerdo, clique em Local Storage e depois no seu site → Procure pela chave discourse_dismissedWelcomeLinkBanner e delete-a.
É isso! Você pode atualizar e o banner deverá aparecer novamente.
Minha pergunta pode parecer estúpida, mas não sou programador. Instalei o componente CSS Classes for Current User's Groups. Se eu quiser exibir 3 opções de banner para três grupos diferentes, devo instalar três cópias do componente Welcome Link Banner? Então, como devo estilizar o CSS se quiser:
Para o grupo A, o banner-A foi exibido, para o grupo B, o banner-B foi exibido e para o grupo C, o banner-C foi exibido? Você poderia dar um exemplo?
Agradeço antecipadamente pela sua resposta
Obrigado, isso funciona se eu quiser ocultar um banner para um grupo específico, mas não sei como exibir banners diferentes com conteúdo diferente para grupos diferentes (
Se você quiser banners diferentes, isso exigirá mais de uma cópia do componente de banner de link de boas-vindas (não o componente de grupo CSS). Você também pode querer fazer um CSS diferente para mostrar em vez de ocultar.
você pode querer ocultá-lo para todos primeiro, depois usar display: block para grupos selecionados. O que você deseja provavelmente pode ser alcançado de mais de uma maneira - ocultando para todos e depois mostrando para alguns, ou ocultando para alguns.
Talvez você precise fazer um fork do componente de banner para cada uso? Provavelmente é melhor aprender o básico de CSS e desenvolvimento de componentes de tema para esse tipo de caso de uso fora do escopo.
Gostaria de usar este banner porque ele é simples e limpo. Posso usá-lo para promover o aplicativo da minha empresa em vez de um banner de boas-vindas?
Estou pensando em definir o link para uma URL de onde o aplicativo pode ser baixado na App Store. Há algum problema com isso também?
Posso alterar a parte “Bem-vindo à nossa comunidade!”?
Sim, você pode personalizar todos os textos, escolher os ícones e adicionar os links que desejar.
Você também pode experimentar o tema em theme creator
| Resumo | O Welcome Link Banner é um banner simples que permite adicionar texto personalizado e de 1 a 4 links.
| Pré-visualização | Pré-visualização no Discourse Theme Creator |
| Link do Repositório | https://github.com/discourse/discourse-welcome-link-banner
| Novo em Temas do Discourse? | Guia para iniciantes sobre como usar Temas do Discourse
Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Pro, Business e Enterprise.
Se você instalar este componente de tema, poderá usar CSS para conseguir o que deseja