Insígnia de Autor para Posts em Tópicos

:information_source: Resumo Adiciona um selo ao post do proprietário do tópico.
:hammer_and_wrench: Repositório https://github.com/VaperinaDEV/author-badge-for-topic-posts
:question: Guia de Instalação Como instalar um tema ou componente de tema
:open_book: Novo em Temas do Discourse? Guia para iniciantes para usar Temas do Discourse

Instalar este componente de tema

Olá :wave:
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.

  1. view-type

    • desktop
    • mobile
  2. category-name

    • esta é a categoria que você deseja segmentar, por exemplo, “support”
  3. 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 :arrow_down_small:

Desktop

author badge location desktop

  1. below-user-avatar
  2. after-user-names
  3. 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

  1. below-user-avatar
  2. after-user-names
  3. 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. :slightly_smiling_face:

21 curtidas

Prevejo um novo membro na equipe do Discourse no futuro, tudo o que você produz é simplesmente brilhante, Don! :clinking_beer_mugs:

4 curtidas

Muito obrigado por isso!

1 curtida

não funcionou para mim :confused:

2 curtidas

Você pensou em habilitar o componente em seus temas? :slight_smile:

1 curtida

Claro!!

Olá :waving_hand:

Você pode esclarecer um pouco mais? Você pode compartilhar uma captura de tela das configurações do componente? Também seria legal se você compartilhasse a URL do seu site (se for público) com o componente ativado. Obrigado! :slightly_smiling_face:

2 curtidas

Olá, desculpe pelo atraso, houve um problema com meu arquivo yml.. então
esta é a tela

1 curtida

Obrigado :slightly_smiling_face:

Eu verifiquei em árabe e funcionou para mim, exceto por um problema de margem…:thinking: Eu vou corrigir isso em RTL. Eu mesclei UX: Fix RTL compatibility by VaperinaDEV · Pull Request #1 · VaperinaDEV/author-badge-for-topic-posts · GitHub

Você pode compartilhar uma captura de tela de um tópico?
Você usa um tema personalizado ou algum componente que modificou essa área?

Observação: O selo do autor não aparece na primeira postagem do tópico.

1 curtida

ainda o mesmo :frowning:
estou usando o tema de Theme stelpolva
e estou usando o componente Post Badge.

Acabei de testar com estes, funciona como esperado.

Apenas um lembrete: não estou mais mantendo este tema, novos componentes podem não ser compatíveis com ele no futuro…

2 curtidas

:frowning: Notícia triste

Verifiquei seu site e parece que o componente funciona bem…


mas não funciona na primeira postagem que você compartilhou

Apenas uma observação se você estiver vendo a primeira postagem, o “Distintivo de Autor” não aparece. Ele aparece nas postagens subsequentes no tópico. Como todo mundo sabe, a primeira postagem é o OP\autor. Isso me confundiu inicialmente. :wink: Mas em minha frágil defesa, eram 3 da manhã. lol


EDIT: Veja, o Autor já me antecipou a resposta. :vulcan_salute::smiling_face_with_sunglasses::+1::sparkles:

2 curtidas

Isso seria uma pequena atualização de qualidade de vida que seria legal se fosse #oficial :eyes:

1 curtida

por que isso faria diferença?

2 curtidas

A qualidade de vida pode ser um exagero, mas acho que ajuda na legibilidade de um tópico, especialmente se ele estiver tentando fornecer informações ao OP e não apenas uma conversa entre a comunidade.

1 curtida

Não entendo como ser #oficial mudaria isso…

3 curtidas

Se o TC fosse oficializado: significaria apenas que a equipe manteria o código.

Agora, se você quer dizer mesclado com o core? Na minha opinião, o TC deveria permanecer mais como um complemento. Plugins, por outro lado, às vezes faz sentido mesclar com o core, mas mesmo assim não faria sentido mesclar todos os plugins, exceto aqueles que mais aprimoram o core para uso em massa, como automação, chat, alerta de spoilers, etc., com alguns permanecendo opcionais por uma variedade de razões, como controlar o inchaço.

3 curtidas