Iconos de categoría

En realidad, volví a revisar esto y esa evaluación del problema no parece ser precisa. Parece que cualquier slug que tenga algunas de las mismas palabras que otro no funcionará a pesar de no usar partes.

Si ya estoy usando estos slugs:

midi
deprecated

Entonces no puedo usar:

midi-deprecated
midideprecated
mideprecated
deprecated-midi

De alguna manera no lo distingue como un slug diferente, supongo.

Al final, tuve que usar: abcd

2 Me gusta

Hola. ¿Puedo crear iconos de categoría sobre un fondo redondo de color como en nodebb? Esto hace que los iconos se vean más bonitos

2 Me gusta

Sí, eso debería ser factible usando algo de CSS.

3 Me gusta

Hola. ¿Puedes añadir una configuración de estilo de categoría para que se vea así?

3 publicaciones se dividieron en un nuevo tema: ¿Cómo se agregan estas imágenes de categoría?

Se dividió una publicación a un nuevo tema: Añadir iconos de bloqueo de categoría en la barra lateral

Probablemente se haya planteado antes, pero ya no podemos cambiar el color de una categoría cuando el estilo de categoría es none, en su lugar se muestra este aviso:

No puedes seleccionar colores porque tienes un estilo de categoría de ninguno.

Actualmente, necesitamos cambiar el estilo a algo más, cambiar el color y restablecer el estilo a none.

Por otro lado, supongo que todavía necesitamos cambios centrales para poder reemplazar las categorías y los iconos de etiquetas en la barra lateral para seguir lo que está configurado en estos componentes temáticos, ¿verdad?

3 Me gusta

Sí. Aquí está el tema Bug sobre esto, con algo de discusión:

3 Me gusta

2 publicaciones se fusionaron en un tema existente: Añadir iconos de categoría en la barra lateral

5 publicaciones se dividieron en un nuevo tema: Los iconos funcionan para todas las categorías excepto una

5 publicaciones se dividieron en un nuevo tema: Los iconos no se muestran

He agregado 3 funciones que realmente quería ver.

Característica 1: Logo de categoría como icono de categoría

Simplemente carga el SVG o PNG en la configuración de la categoría en Configuración de la categoría > Imágenes > Imagen del logo de la categoría. ¡No es necesario meterse con una hoja de sprites personalizada!

Configuración

Estoy de acuerdo, sería extremadamente bueno tener todo configurable desde las respectivas páginas de categoría. Creo que esta característica es lo más cercano, si te parece bien usar el logo de la categoría como icono de categoría.


Además, ahora puedes usar 2 tipos de emojis.

Característica 2: Emoji nativo del sistema como icono de categoría

Simplemente usa el teclado de emojis nativo en tu iOS, macOS u otro dispositivo para ingresar un solo carácter de emoji Unicode.

Configuración


Característica 3: Emoji de Discourse como icono de categoría (+ consejo profesional)

¡Usa el conjunto de emojis alojados de Discourse! Simplemente escribe el atajo del emoji, como :grinning:, que se renderizará → :grinning:

Consejo profesional

Si deseas cargar un icono de categoría personalizado sin reemplazar el logo de la categoría, esta es una excelente solución. Simplemente carga el icono como un emoji en Admin > Personalizar > Emoji. Luego, usa el :shorthand: del emoji.

Configuración


Los emojis nativos, los emojis de Discourse y los iconos de Font Awesome se pueden mezclar, si es que te va así…

Configuración


Mientras desarrollaba esto, tuve algunas preguntas @pmusaraj

¿Podemos eliminar la opción partial por completo y reemplazar el slug de la categoría con el ID de la categoría para resolver el problema de que las subcategorías compartan el mismo slug? Si quisiera iconos diferentes para subcategorías que comparten el mismo slug, esto también sería una solución. Dado que los IDs son más únicos, parecen el enfoque lógico y menos propenso a errores (a menos que eliminen una categoría, supongo, pero ¿hacer eso reasigna todos los IDs de categoría?).

Además, ¿sigue siendo necesaria la configuración svg-icons? (Los iconos de Font Awesome seguirán renderizándose sin especificarlos allí).

9 Me gusta

Sería genial poder elegir el color del fondo redondo del icono como en nodebb. Los iconos tendrían mejor visibilidad.

2 Me gusta

¡Gracias por la sugerencia! Lo revisé y es realmente genial. Creo que podría haber una opción donde se pueda habilitar un fondo circular que tome el color de la categoría. Me recuerda a las opciones de fotos de perfil de Apple.


Parece que sería una solución más optimizada eliminar la opción de color existente para los iconos de Font Awesome y simplemente tomar su color de la configuración de color de la categoría. Como se mencionó anteriormente, también podría haber una solución inversa donde el icono de Font Awesome sea blanco sobre un fondo circular que sea del color de la categoría. Esto eliminaría la complejidad innecesaria y permitiría un diseño coherente.

6 Me gusta

El color de la categoría es ruido visual. Nodebb no usa colores de categoría, sino que usa iconos de categoría y las categorías se ven geniales

1 me gusta

Creo que hay personas que usan la opción partial porque quieren el mismo icono para las subcategorías. Un cambio a los IDs de categoría también requeriría que todos los usuarios existentes de este componente temático lo reconfiguren después de su próxima actualización, y eso sería bastante disruptivo.

Esto también es complicado. Sigue siendo útil si eliges un icono FA que no está incluido en el conjunto predeterminado de Discourse (es decir, un icono que no es visible en la guía de estilo de tu sitio). También hay una configuración general del sitio para eso, pero al igual que con la configuración partial, sospecho que hay consumidores existentes de esa configuración, por lo que eliminarla haría que algunos iconos desaparecieran en algunos sitios de Discourse.

3 Me gusta

Para hacer esto, necesitas tener la configuración “heredar icono de la categoría padre” por defecto.
Por lo tanto, la reconfiguración sería fácil y no llevaría mucho tiempo. Muchas cosas se pueden heredar por defecto.
Elige tu propio icono entre los ya hechos o súbelo manualmente (quizás incluso con la conversión a svg a partir de una imagen en línea), ofrece infinitas opciones para usar iconos y mejorar la usabilidad de la comunidad.

1 me gusta

No veo nada de eso en el TC. ¿Son planes futuros? ¿O algo en lo que estás trabajando actualmente?

¡Me encanta el concepto! Realmente llevará este TC al siguiente nivel.

2 Me gusta

Esta actualización aún no se ha fusionado, solo existe como una rama separada en el repositorio por el momento. Enviaré una PR pronto la próxima semana para fusionarla sin romper ninguna configuración existente. ¡Gracias por tus amables comentarios! :smiley:

5 Me gusta

Si instalas el plugin bbcode, creo que puedes usar el color bbcode como opción. De manera similar, existe smoji.

1 me gusta