Ícones ao lado das categorias

Então, instalei o plugin - mas não vejo como colocar um ícone ao lado de uma categoria. Em gerenciar categorias, há imagens - mas não relacionadas a FA ou svg. Estou usando o tema light padrão em uma instalação auto-hospedada. Li isto, que é exatamente o que eu quero - Category Icons

Certamente eu deveria ser capaz de editar uma categoria e escolher um ícone ou colocar o código fa-mug ou o que quer que seja em algum lugar?? Espero que eu esteja perdendo algo muito óbvio.

Olá, seja bem-vindo :wave:

Se entendi bem, você instalou o componente Ícones de Categoria, certo?

Se quiser configurar o componente Ícones de Categoria, vá em Admin → Personalizar → Componentes e selecione-o. As configurações estão lá.

2 curtidas

Isso está correto. Consigo obter o ícone de interrogação ao lado da categoria Geral, mas nada mais. Eles não estão no formato FA, então como posso ver uma lista de ícones que posso selecionar (junto com seus códigos)?

Depois de adicionados na seção de ícones, o que precisa ir na parte SVG?

Se eu quiser adicionar este ícone FA, por exemplo, como você faria isso?

É muito estranho que você não adicione um ícone na seção de categoria relevante (onde você atribui imagens!), mas em um plugin de tema. Mas espero que esta seja apenas uma curva de aprendizado como novo usuário :slight_smile: A documentação assume que você sabe coisas assim.

O que você está procurando são ícones do Font Awesome 5, como diz a descrição: Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome

Qualquer ícone que você usar na configuração category icon list, você adiciona a svg_icons.
Por exemplo:

O que você vê:
image

Lembre-se de fornecer o slug da categoria, não o nome completo!
Você pode ver o slug na URL ou na configuração da categoria.

Eu entendo completamente! Essa funcionalidade não faz parte do núcleo, e uma maneira de personalizar o Discourse é instalando componentes de tema. Este guia pode ajudá-lo a entender melhor:

2 curtidas

Obrigado - isso é muito útil. Vou tentar e ver como funciona! Eu tinha a suposição de que a lista SVG era FA5 e a lista de ícones foi criada internamente, pois não menciona e não está no formato FA. Outro ponto de aprendizado!

2 curtidas

obrigado - isso funcionou muito bem, agora sei como se aplica. Sem dúvida, terei muitas outras perguntas em um futuro próximo, não vá embora :wink:

1 curtida

Boa tarde, pode ser substituído em vez de conjuntos de ícones padrão por https://simpleicons.org/?

pessoal por favor ajudem

Olá Adi! Bem-vindo à nossa comunidade. Ajudaria os outros a poderem ajudá-lo se você compartilhasse mais detalhes sobre o problema que está tendo e o que está tentando alcançar usando ícones diferentes. Você já tem um site Discourse configurado que está atualmente configurando? Você está se referindo ao plugin de ícones de categoria sobre o qual este tópico trata ou está falando sobre como emojis e ícones são exibidos em todo o Discourse?

2 curtidas

Olá Tobias Eigen. Ícones padrão funcionam em https://fontawesome.com/, mas estou me perguntando como fazê-lo funcionar através de https://simpleicons.org/, pois preciso inserir diferentes marcas de carros.
Você poderia me ajudar com isso?

Isso pode ajudar:

3 curtidas
/* Para o menu esquerdo, redefinimos o plano de fundo do elemento com a classe prefix-span dentro da categoria Audi */
.navigation-category [data-category-id="6"] .prefix-span {
  background: url("https://raw.githubusercontent.com/tima4502/car-icons/bb0d0fae3e5b66c512a27a130b219ec0ee342ada/audi.svg") center/contain no-repeat !important;
}

quando clico na página principal, o ícone quadrado aparece novamente! você pode me dizer o que estou fazendo de errado? e na própria página da categoria funciona