Iconos de Twemoji

[manuel (Manuel Kostka)]

	Resumen	Usa emojis de Twitter como iconos en Discourse.
	Repositorio	GitHub - nolosb/discourse-twemoji-icons: Use twemojis as icons in Discourse.
	Guía de instalación	Cómo instalar un tema o componente de tema
	¿Nuevo en Temas de Discourse?	Guía para principiantes sobre el uso de Temas de Discourse

Instalar este componente de tema

El componente añade emojis de Twitter como iconos. Puedes usar emojis para añadir iconos de categoría y etiqueta usando los componentes respectivos. También puedes reemplazar los iconos de interfaz predeterminados, ya sea en modales de administración o en código de tema personalizado.

Aquí tienes una vista del Tema Kiosk usando este componente para mostrar emojis en la interfaz e iconos de categoría:

Instrucciones detalladas

• Los nombres de los iconos se generan a partir de un prefijo tw y el nombre corto del emoji en kebab-case (todas las palabras separadas por un guion).

• Por ejemplo, el emoji se llama tw-sun; se llama tw-beach-umbrella

• Busca los nombres cortos en la Hoja de trucos de Twemoji

• Usa los iconos en modales de administración, por ejemplo, para personalizar la barra lateral:

  

• Usa los iconos en la configuración del componente, por ejemplo, para iconos de categoría:

  

• Usa los iconos en el código del tema:

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

[Falco]

Veo que envían un gran sprite SVG para los emojis, pero dado que Discourse ya envía todos los emojis de Twitter, ¿por qué no reutilizan esos? Ahorrará a los usuarios la instalación y el servicio de ese archivo SVG.

[manuel (Manuel Kostka)]

Sí, me encantaría tener la funcionalidad de este componente sin tener que servir un archivo sprite grande. Pero Discourse envía twemojis como secuencias Unicode, ¿no? Quiero poder reemplazar los iconos svg y, por lo que entiendo, necesito svgs para lograr eso.

[Falco]

@manuel

¿Pero Discourse envía twemojis como secuencias Unicode, no?

Los enviamos como PNG individuales, como https://emoji.discourse-cdn.com/twitter/beach_umbrella.png.

Así que funcionaría bien en la barra lateral, pero sí, no funcionará para los iconos.

[manuel (Manuel Kostka)]

Sí, veo el valor de este componente para facilitar la exploración de algunos estilos y diseños. Creo que si realmente quieres usar iconos emoji en producción, es mucho mejor servir un archivo sprite dedicado con solo los emojis reales en uso.