Hola, este componente funciona bien, sin embargo, ¿cómo se puede añadir una clase activa a los enlaces creados cuando son enlaces en Discourse (lo mismo)? Mis elementos de icono predeterminados tienen la clase activa, pero no los del componente.
1 me gusta
Este es un tema algo confuso, ya que el OP se actualiza como una wiki, pero la mayor parte de la discusión se refiere a una versión del componente de hace algunos años.
El tema y el OP sugieren que esto admite iconos gráficos además de enlaces de texto. Sin embargo, el Object Settings Editor no tiene un campo para definir un icono. Intenté agregar un icono SVG manualmente:
"icon": "https://foo.svg",
El botón gráfico no aparece; en su lugar, obtengo un botón de enlace de texto, basándome en los otros parámetros del enlace personalizado. La discusión antigua entre esta publicación y el OP sugiere que podría necesitar agregar algo en algún lugar para habilitar el icono SVG, pero ¿qué y dónde?
Hola,
¿Te refieres a este componente de tema?
Este componente de tema Enlaces de encabezado personalizados (iconos) no tiene configuración de objeto.
Es posible que desees usar este si necesitas enlaces de encabezado con soporte para iconos. 
2 Me gusta
Tenga en cuenta que acabo de migrar este componente a nuestra nueva configuración de objetos:
Ahora debería ser mucho más fácil modificar la configuración.
2 Me gusta
Hola, al intentar actualizar el componente Custom Header Links, recibo este error: “Ha ocurrido un error: Ha proporcionado parámetros no válidos para la solicitud: La propiedad en JSON Pointer ‘/3/url’ debe ser una URL válida”.
Sí, veo qué podría causar esto… El esquema dice url: true y, de hecho, permitimos URL relativas, por lo que es solo una cadena y se considera una URL no válida.
Lo revisaré.
1 me gusta
¿Me puede mostrar la configuración de su componente, por favor? Puede enviarla por mensaje privado si lo prefiere.
No estoy en casa ahora, lo haré lo antes posible.
1 me gusta
Arreglé el problema directamente con Patrick en un mensaje privado. Si alguien se encuentra con el mismo problema, la causa es que con estas nuevas configuraciones, la verificación de URL es más estricta.
Cualquier URL que introduzcas en la configuración debe ser una URL codificada correctamente. La solución más sencilla es usar encodeURI en la consola de un navegador:
Toma esta URL como ejemplo: “/some-url?title=Foo bar:baz”
encodeURI("/some-url?title=Foo bar:baz")
Te dará:
/some-url?title=Foo%20bar:baz
5 Me gusta
Hola, aunque no hay forma de reordenar los iconos, puedes hacerlo editando el script haciendo clic en el botón “Editor” en el componente y reordenando las líneas de código:
1 me gusta
Ejecutando 3.5.0.beta2-dev (137e8a0fa0). Estoy 14 commits atrás.
Cuando intento actualizar, obtengo un error:
Ocurrió un error: Proporcionaste parámetros inválidos a la solicitud: La propiedad en el Puntero JSON '/1/title' debe estar presente. La propiedad en el Puntero JSON '/1/icon' debe estar presente. La propiedad en el Puntero JSON '/1/url' debe estar presente.
¿Alguna forma de solucionar esto?
¿Puede indicarnos su configuración haciendo clic en Editor de configuración?
Si es privado, puede enviarme un mensaje privado.
1 me gusta
¡Enviado a ti, gracias!
1 me gusta
Solo un seguimiento. Como se sospechaba, la migración falló para Wingtip por algunas razones. Le di la configuración correcta. Me pregunto en qué condiciones pueden fallar las migraciones. 
EDITAR:
De hecho, no funcionó al principio, así que le sugerí lo siguiente:
Además, por alguna razón no aceptaba configuraciones válidas; tuve que restablecer la configuración, actualizar y luego volver a configurar con las correctas. No es gran cosa, no se necesitaba mucha configuración. ¡Gracias de nuevo por la ayuda!
1 me gusta
Hola, no puedo renderizar un icono svg personalizado y agradezco tu ayuda para identificar qué estoy haciendo mal.
He subido un archivo svg al tema predeterminado:
Luego he añadido lo siguiente a este componente temático:
He usado icons-sprite, fa-icons-sprite y fab-icons-sprite, pero el svg no se renderiza. El marcador de posición está ahí, se puede hacer clic en él y el enlace funciona, pero el rectángulo no tiene ningún icono.
El inspector muestra esto:
<svg class="fa d-icon d-icon-fab-icons-sprite svg-icon svg-string" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#fab-icons-sprite"></use></svg>
Creo que debería moverse a un nuevo tema Dev.
@icaria36
¿Puedes compartir el contenido de Three_asterisks?
La hoja de sprites sigue un formato específico.
Luego, puedes usar my-theme-icon-1, my-theme-icon-2 como tus identificadores.
Hay más información en Replace Discourse's default SVG icons with custom icons in a theme.
2 Me gusta
@Arkshine ¡muchas gracias! Había llegado a esa página pero aparentemente bajé demasiado rápido. No, no he hecho esa tarea con el archivo SVG. Lo intentaré (es la primera vez que edito el texto en un archivo SVG; siempre hay una primera vez) 
y espero que eso sea todo. 
1 me gusta
Puedo cargar los iconos de Facebook, Instagram y TikTok con este componente, pero no importa lo que intente, no puedo cargar ni el Twitter original ni el nuevo icono de X.
¿Alguna sugerencia?
