Nisutec
(Niclas)
Dezembro 5, 2019, 5:43am
1
Olá,
É possível alterar o ícone da equipe de Admins e Mods para outro ícone?
Nisutec
(Niclas)
Dezembro 5, 2019, 6:51am
3
Obrigado por essa informação, mas vou alterar o ícone de escudo atrás do nome de um membro da equipe.
Se isso é o que você deseja alterar, ícone ao lado do nome de usuário
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
Nisutec
(Niclas)
Dezembro 6, 2019, 6:12am
5
Adicionei o seguinte código ao cabeçalho
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”?
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.
Canapin
(Coin-coin le Canapin)
Dezembro 6, 2019, 2:54pm
7
Não tenho certeza se isso pode ajudar, mas talvez você possa dar uma olhada nisso:
Você pode substituir os ícones SVG padrão do Discourse individualmente ou todos de uma vez por seus próprios SVGs personalizados e substituí-los dentro de um tema ou componente de tema.
Passo 1 - Criar uma Spritesheet SVG
Para começar, você deve criar uma Spritesheet SVG. Ela pode conter qualquer coisa, desde um único ícone SVG personalizado adicional até um conjunto de substituição completo com centenas.
A spritesheet deve ser salva como um arquivo SVG. Em princípio, você aninha o conteúdo da…
Veja também: We're upgrading our icons to Font Awesome 6!
Em breve, mesclaremos na master uma branch que atualiza o Discourse para o Font Awesome 5.5.0 (versão gratuita) e alterna para o uso de ícones SVG em vez de uma fonte de ícones. Esta é uma mudança substancial, com muitos benefícios e uma alteração significativa para desenvolvedores.
Aqui está um resumo rápido das mudanças:
o uso de ícones SVG proporcionará ícones mais nítidos, melhores para acessibilidade e mais fáceis de personalizar…
Nisutec
(Niclas)
Dezembro 6, 2019, 6:43pm
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
Nisutec
(Niclas)
Dezembro 6, 2019, 9:29pm
9
Como posso usar um arquivo SVG personalizado como ícone?
Fiz o upload do arquivo SVG no Dark Design.
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.
Canapin
(Coin-coin le Canapin)
Dezembro 6, 2019, 9:45pm
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:
Você pode substituir os ícones SVG padrão do Discourse individualmente ou todos de uma vez por seus próprios SVGs personalizados e substituí-los dentro de um tema ou componente de tema.
Passo 1 - Criar uma Spritesheet SVG
Para começar, você deve criar uma Spritesheet SVG. Ela pode conter qualquer coisa, desde um único ícone SVG personalizado adicional até um conjunto de substituição completo com centenas.
A spritesheet deve ser salva como um arquivo SVG. Em princípio, você aninha o conteúdo da…
Nisutec
(Niclas)
Dezembro 7, 2019, 9:29am
11
Ok, está funcionando. Obrigado.