Ícones de Categoria

Na verdade, verifiquei isso novamente e essa avaliação do problema não parece ser precisa. Parece que quaisquer slugs que tenham algumas das mesmas palavras que outros não funcionarão, apesar de não usarem partes.

Se eu já estiver usando estes slugs:

midi
deprecated

Então eu não posso usar:

midi-deprecated
midideprecated
mideprecated
deprecated-midi

De alguma forma, ele não o distingue como um slug diferente, suponho.

No final, tive que usar: abcd

2 curtidas

Olá. Posso criar ícones de categoria em um fundo redondo colorido como o NodeBB? Isso deixa os ícones mais bonitos

2 curtidas

Sim, isso deve ser possível usando algum CSS.

3 curtidas

Olá. Você pode adicionar uma configuração de estilo de categoria para que fique assim?

3 posts foram divididos em um novo tópico: Como essas imagens de categoria são adicionadas?

Uma postagem foi dividida em um novo tópico: Adicionar ícones de bloqueio de categoria na barra lateral

Provavelmente já foi mencionado antes, mas não podemos mais alterar a cor de uma categoria quando o estilo da categoria é none, esta notificação é exibida em vez disso:

Você não pode selecionar cores porque seu estilo de categoria é none.

Atualmente, precisamos alterar o estilo para outra coisa, alterar a cor e redefinir o estilo para none.

Em outro assunto, presumo que ainda precisemos de alterações principais para poder substituir categorias e ícones de tags na barra lateral para seguir o que está definido nesses componentes de tema, certo?

3 curtidas

Sim. Aqui está o tópico de Bug sobre isso, com alguma discussão:

3 curtidas

2 posts foram mesclados em um tópico existente: Adicionar ícones de categoria na barra lateral

5 posts foram movidos para um novo tópico: Ícones funcionam para todas as categorias, exceto uma

5 posts foram divididos em um novo tópico: Ícones não exibindo

Adicionei 3 recursos que eu realmente queria ver.

Recurso 1 — Logo da categoria como ícone da categoria

Basta fazer o upload do SVG ou PNG nas configurações da categoria em Configurações da categoria > Imagens > Imagem do logotipo da categoria. Não é necessário mexer em uma folha de sprites personalizada!

Configurações

Eu concordo com isso, seria extremamente bom ter tudo configurável a partir das respectivas páginas de categoria. Acho que este recurso pode ser o próximo melhor, se você estiver satisfeito em usar o logotipo da categoria como ícone da categoria.


Além disso, agora você pode usar 2 tipos de emojis!

Recurso 2 — Emoji nativo do sistema como ícone da categoria

Basta usar o teclado de emoji nativo no seu iOS, macOS ou outro dispositivo para inserir um único caractere de emoji Unicode.

Configurações


Recurso 3 — Emoji do Discourse como ícone da categoria (+ dica pro!)

Use o conjunto de emojis hospedados do Discourse! Basta digitar o atalho do emoji, como :grinning:, que será renderizado → :grinning:

Dica pro

Se você quiser fazer o upload de um ícone de categoria personalizado sem substituir o logotipo da categoria, esta é uma ótima solução. Basta fazer o upload do ícone como um emoji em Admin > Personalizar > Emoji. Em seguida, use o :shorthand: do emoji.

Configurações


Emojis nativos, emojis do Discourse e ícones do Font Awesome podem ser misturados, se for o seu estilo…

Configurações


Ao desenvolver isso, tive algumas perguntas @pmusaraj

Podemos remover a opção partial completamente e substituir o slug da categoria pelo ID da categoria para resolver o problema de subcategorias compartilhando o mesmo slug? Se eu quisesse ícones diferentes para subcategorias que compartilham o mesmo slug, isso também seria uma solução. Como os IDs são mais exclusivos, eles parecem a abordagem lógica e menos propensos a falhas (a menos que eles excluam uma categoria, eu presumo, mas fazer isso reatribui todos os IDs de categoria?).

Além disso, a configuração svg-icons ainda é necessária? (Os ícones do Font Awesome ainda serão renderizados sem especificá-los lá.)

9 curtidas

Seria ótimo poder escolher a cor do fundo redondo do ícone, como no nodebb. Os ícones teriam melhor visibilidade.

2 curtidas

Obrigado pela sugestão! Eu verifiquei e isso é muito legal, acho que pode haver uma opção onde um fundo circular pode ser ativado, utilizando a cor da categoria. Lembra as opções de foto de perfil da Apple.


Parece que seria uma solução mais simplificada remover a opção de cor existente para ícones Font Awesome e apenas puxar sua cor da configuração de cor da categoria. Como mencionado acima, também pode haver uma solução inversa onde o ícone Font Awesome é branco sobre um fundo circular que é a cor da categoria. Isso eliminaria complexidade desnecessária e permitiria um design coeso.

6 curtidas

A cor da categoria é ruído visual. O NodeBB não usa cores de categoria, mas usa ícones de categoria e as categorias ficam ótimas

1 curtida

Acredito que existam pessoas usando a opção partial porque elas querem o mesmo ícone para subcategorias. Uma mudança para ids de categoria também exigiria que todos os usuários existentes deste componente de tema o reconfigurassem após a próxima atualização, e isso seria bastante disruptivo.

Isso também é complicado. Ainda é útil se você escolher um ícone FA que não está incluído no conjunto padrão do Discourse (ou seja, um ícone que não está visível no guia de estilo do seu site). Existe uma configuração geral do site para isso também, mas, assim como com a configuração partial, suspeito que existam consumidores existentes dessa configuração, então removê-la faria com que alguns ícones desaparecessem em alguns sites do Discourse.

3 curtidas

Para fazer isso, você precisa ter a configuração “herdar ícone da categoria pai” por padrão.
Assim, a reconfiguração seria fácil e não levaria muito tempo. Muitas coisas podem ser herdadas por padrão.
Escolha seu próprio ícone entre os prontos ou faça o upload manualmente (talvez até com a conversão para svg a partir de uma imagem online), oferecendo opções infinitas para o uso de ícones para melhorar a usabilidade da comunidade.

1 curtida

Não consigo ver nada disso no TC. São planos futuros? Ou algo em que você está trabalhando atualmente?

Adoro o conceito! Isso realmente levará este TC para o próximo nível.

2 curtidas

Esta atualização ainda não foi mesclada, ela existe apenas como um branch separado no repositório no momento. Enviarei um PR em breve, na próxima semana, para mesclá-la sem quebrar nenhuma configuração existente. Obrigado pelo seu gentil feedback! :smiley:

5 curtidas

Se você instalar o plugin bbcode, acredito que poderá usar a cor do bbcode como opção. Da mesma forma, existe o smoji.

1 curtida