Como posso alterar o ícone do Staff

Suporte
1

Olá,
É possível alterar o ícone da equipe de Admins e Mods para outro ícone?

2

Confira este tópico:

3

Obrigado por essa informação, mas vou alterar o ícone de escudo atrás do nome de um membro da equipe.

4

Se isso é o que você deseja alterar, ícone ao lado do nome de usuário

image

Adicione isso ao cabeçalho comum

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('shield-alt', 'terminal');
</script>

“terminal” é o que eu escolhi; substitua pela sua escolha

E também adicione o que você escolher ao “conjunto de ícones SVG” no seu painel de administração

Se ficar perdido, provavelmente basta pesquisar “conjunto de ícones SVG” aqui

5

Adicionei o seguinte código ao cabeçalho

grafik
grafik1273×212 30.6 KB

Mas agora o ícone de escudo está oculto. Como posso usar outro ícone do FA?

É possível adicionar ícones FA Pro ao “subconjunto de ícones SVG”?

6

Não sei, certamente você precisaria assinar/pagar e provavelmente precisaria alterar o script para acomodar isso.

Talvez entre em contato com eles e pergunte. Por favor, reporte seus achados. Não tenho certeza se vale a pena os US$ 99 por ano, mas se muitas pessoas pedirem, talvez o Discourse possa obter/adicionar uma licença?

Até lá, você pode usar os ícones gratuitos.

7

Não tenho certeza se isso pode ajudar, mas talvez você possa dar uma olhada nisso:

8

Ok, a primeira linha do meu cabeçalho é para a possibilidade de usar todos os ícones do FA. Mas, no momento, a API provavelmente não consegue acessá-los.
Vou tentar fazer uma solicitação de recurso para isso.

Obrigado a todos pela ajuda :+1:

9

Como posso usar um arquivo SVG personalizado como ícone?

Fiz o upload do arquivo SVG no Dark Design.

grafik
grafik734×232 9.32 KB

E tenho o seguinte cabeçalho personalizado:

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('shield-alt', '$shield-alt-duotone');
</script>

Mas o ícone não está visível.

10

Não é assim que funciona. $shield-alt-duotone é uma variável destinada a ser usada no seu CSS personalizado. O primeiro tópico que linkei anteriormente explica como substituir ícones por novos usando um arquivo SVG:

11

Ok, está funcionando. Obrigado.