Ícones Twemoji

[manuel (Manuel Kostka)]

	Resumo	Use emojis do Twitter como ícones no Discourse.
	Repositório	GitHub - nolosb/discourse-twemoji-icons: Use twemojis as icons in Discourse.
	Guia de Instalação	Como instalar um tema ou componente de tema
	Novo em Temas do Discourse?	Guia para iniciantes no uso de temas do Discourse

Instalar este componente de tema

O componente adiciona emojis do Twitter como ícones. Você pode usar emojis para adicionar ícones de categoria e tag usando os componentes respectivos. Você também pode substituir ícones de interface padrão, seja em modais de administração ou em código de tema personalizado.

Aqui está uma visualização do Tema Kiosk usando este componente para mostrar emojis na interface e ícones de categoria:

Instruções detalhadas

• Os nomes dos ícones são gerados a partir de um prefixo tw e o nome curto do emoji em kebab-case (todas as palavras são separadas por um hífen).

• Por exemplo, o emoji é conhecido pelo nome de ícone tw-sun; é conhecido por tw-beach-umbrella

• Procure os nomes curtos na Tabela de Referência Twemoji

• Use os ícones em modais de administração, por exemplo, para personalizar a barra lateral:

  

• Use os ícones nas configurações do componente, por exemplo, para ícones de categoria:

  

• Use os ícones no código do tema:

  api.replaceIcon('star', 'tw-star');

[Falco]

Vejo que vocês enviam um grande sprite SVG para os emojis, mas como o Discourse já envia todos os emojis do Twitter, por que vocês não os reutilizam? Isso economizará aos usuários a instalação e o serviço desse arquivo SVG.

[manuel (Manuel Kostka)]

Sim, eu adoraria ter a funcionalidade deste componente sem servir um arquivo sprite grande. Mas o Discourse envia twemojis como sequências Unicode, certo? Eu quero ser capaz de substituir ícones svg e, tanto quanto entendi, preciso de svgs para conseguir isso.

[Falco]

@manuel

Mas o Discourse envia twemojis como sequências Unicode, certo?

Nós enviamos como PNGs individuais, como https://emoji.discourse-cdn.com/twitter/beach_umbrella.png.

Portanto, funcionaria na barra lateral perfeitamente, mas sim, não funcionará para ícones.

[manuel (Manuel Kostka)]

Sim, vejo o valor deste componente em facilitar a exploração de alguns visuais e designs. Acho que se você realmente quiser usar ícones de emoji em produção, é muito melhor servir um arquivo sprite dedicado com apenas os emojis reais em uso.