Íconos junto a categorías

He instalado el plugin, pero no veo ninguna forma de poner un icono junto a una categoría. En “Administrar categorías”, hay imágenes, pero no relacionadas con FA o SVG. Estoy usando el tema claro predeterminado en una instalación autoalojada. He leído esto, que es exactamente lo que quiero: Category Icons

Seguramente debería poder editar una categoría y elegir un icono o poner el código fa-mug o lo que sea en algún lugar. Espero que me esté perdiendo algo muy obvio.

Hola, bienvenido :wave:

Si entiendo bien, has instalado el componente Iconos de Categoría, ¿verdad?

Si quieres configurar el componente Iconos de Categoría, ve a Administrador → Personalizar → Componentes y selecciónalo. La configuración está ahí.

2 Me gusta

Eso es correcto. Puedo obtener el icono de pregunta junto a la categoría General, pero nada más. No están en formato FA, así que ¿cómo veo una lista de iconos que puedo seleccionar (junto con su código)?

Una vez agregado en la sección de iconos, ¿qué debe ir en la parte SVG?

Si quiero agregar este icono FA, por ejemplo, ¿cómo lo harías?

Es muy extraño que no agregues un icono en la sección de categoría relevante (¡donde asignas imágenes!), sino en un plugin de tema. Pero espero que esto sea solo una curva de aprendizaje como nuevo usuario :slight_smile: La documentación asume que sabes cosas como esa.

Lo que buscas son los iconos de Font Awesome 5, como dice la descripción: Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome

Cualquier icono que uses en la configuración category icon list, lo añades a svg_icons.
Por ejemplo:

Lo que ves:
image

¡Recuerda proporcionar la slug de la categoría, no el nombre completo!
Puedes ver la slug en la URL o en la configuración de la categoría.

¡Entiendo perfectamente! Esta funcionalidad no es parte del núcleo, y una forma de personalizar Discourse es instalando componentes de tema. Esta guía podría ayudarte a entender mejor:

2 Me gusta

Gracias, ¡esto es muy útil! Lo intentaré y veré cómo resulta. ¡Asumí que la lista SVG era FA5 y que la lista de iconos estaba integrada ya que no se menciona y no está en formato FA. ¡Otro punto de aprendizaje!

2 Me gusta

gracias, esto ha funcionado de maravilla, ahora sé cómo se aplica. Sin duda tendré muchas otras preguntas en el futuro, no te vayas :wink:

1 me gusta

Buenas tardes, ¿se puede reemplazar en lugar de los conjuntos de iconos estándar con https://simpleicons.org/?

chicos por favor ayuden

¡Hola Adi! Bienvenido a nuestra comunidad. Ayudaría a otros a poder ayudarte si compartieras más detalles sobre el problema que tienes y lo que intentas lograr al usar diferentes iconos. ¿Ya tienes un sitio de Discourse configurado que estás configurando actualmente? ¿Te refieres al plugin de iconos de categoría del que trata este tema o estás hablando de cómo se muestran los emojis e iconos en todo Discourse?

2 Me gusta

Hola Tobias Eigen. Los iconos estándar funcionan https://fontawesome.com/ pero me pregunto cómo hacerlo funcionar a través de https://simpleicons.org/ porque necesito insertar diferentes marcas de automóviles.
¿Podrías ayudarme con esto?

Esto podría ayudar:

3 Me gusta
/* Para el menú de la izquierda, redefinimos el fondo del elemento con la clase prefix-span dentro de la categoría 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;
}

¡cuando hago clic en la página principal, el icono cuadrado aparece de nuevo! ¿puedes decirme qué estoy haciendo mal? y en la propia página de categoría funciona