| Resumo | Adiciona um selo ao post do proprietário do tópico. | |
| Repositório | https://github.com/VaperinaDEV/author-badge-for-topic-posts | |
| Guia de Instalação | Como instalar um tema ou componente de tema | |
| Novo em Temas do Discourse? | Guia para iniciantes para usar Temas do Discourse |
Instalar este componente de tema
Olá ![]()
Com este componente de tema, você pode adicionar um rótulo de selo às postagens do proprietário do tópico. É muito útil em tópicos maiores, pois você pode ver claramente quem é o Postador Original.
Filtro
A estrutura do componente permite segmentar as visualizações móveis e de desktop separadamente. Além disso, é possível segmentar cada categoria separadamente e, assim, personalizar quais selos de autor aparecem em quais categorias e visualizações.
Isso pode ser feito com uma configuração de tema:
Você precisa adicionar 3 parâmetros para tornar o componente funcional.
-
view-type
- desktop
- mobile
-
category-name
- esta é a categoria que você deseja segmentar, por exemplo, “support”
-
author-label
- o rótulo do selo, por exemplo, “Author”
Exemplo:
Como geralmente há menos espaço nesses locais no celular, às vezes é ótimo adicionar uma versão mais curta no celular.
Agora configurei um selo de autor para a categoria discourse que, no desktop, mostrará o texto “Author” e, no celular, o texto “OP”.
Ok, mas e se eu quiser usar um texto diferente nas outras categorias? Elas precisam ser definidas separadamente para cada uma? Claro que não.
Se você deixar view-type ou category-name ou ambos vazios… eles serão aplicados globalmente sem substituir os existentes.
Exemplo:
Adicionei mais 2 selos que usam o texto “Original Poster” para as outras categorias no desktop e usam o texto “Director” na categoria de vídeos em visualizações desktop e mobile.
Para isso, basta deixar essas seções vazias
digitando ponto e vírgula sem espaço
Outro exemplo, se você quiser usar apenas, por exemplo, “Author” para todas as categorias e todos os tipos de visualização. Use o seguinte:
Dois pontos e vírgula (sem espaços) e Author
;;Author
Locais
Vamos ver em quais locais você pode adicionar selos…
Você pode selecionar entre 3-3 locais nas configurações do tema separadamente para visualização desktop e mobile.
Estas duas configurações ![]()
Desktop
author badge location desktop
- below-user-avatar
- after-user-names
- below-user-names
below-user-avatar (espaço limitado: usa a largura do avatar do tópico) (fixo) é melhor escolher um rótulo mais curto
after-user-names
below-user-names
Mobile
author badge location mobile
- below-user-avatar
- after-user-names
- above-user
below-user-avatar (espaço limitado: usa a largura do avatar do tópico) é melhor escolher um rótulo mais curto
after-user-names (espaço limitado) é melhor escolher um rótulo mais curto
above-user
Customização
Finalmente, vamos ver algumas opções de personalização.
Aqui você pode personalizar o selo do autor, como cores, estilos de fonte, cantos…
Por exemplo:
Este usa os seguintes valores.
Estas variáveis de cor podem não usar as mesmas cores em seu site, depende do esquema de cores que você tem.
Cabe a você que tipo de selo de autor legal você cria. ![]()















