Enlaces de iconos sociales clicables en el perfil

[Jagster (Jakke Lehtonen)]

Tiktok necesita @ y Youtube usa la url del foro

[martyn_thomas]

No uso TikTok. ¿Tienes un nombre de usuario de ejemplo que pueda usar para experimentar?

[Jagster (Jakke Lehtonen)]

Bueno, el mío es jagster64, es bastante seguro de usar porque no publico.

[martyn_thomas]

Corregido: añadido a la pull request

[martyn_thomas]

Solicitud de extracción enviada para agregar soporte de Strava. Esperemos que @weallwegot tolere mi solicitud de extracción un poco desordenada :-s

[Roi]

Hm, temporary-twitter-x se cambió de nuevo a fab-twitter. ¿Se hizo a propósito o por error? De todos modos, el antiguo pájaro de Twitter está de vuelta en lugar del nuevo logo de X.

[martyn_thomas]

Gracias por el aviso. He creado una solicitud de extracción para actualizarlo al cambio de marca de Twitter.

[Roi]

¡Gracias! Pero desafortunadamente necesitas cambiar fa-x-twitter por temporary-twitter-x, ya que fa-x-twitter es Fontawesome 6, que aún no funciona en Discourse.

[Moin]

@Roi

Fontawesome 6, que aún no funciona en Discourse.

Creo que debería

We're upgrading our icons to Font Awesome 6!

What’s Font Awesome? Discourse uses a free set of icons from Font Awesome throughout its interface. You see these on toolbars, badges, buttons, etc… here’s our composer toolbar: [image] Since 2018 we’ve been using Font Awesome 5 (original announcement), and in the meantime Font Awesome 6 has been released. Version 6 includes new icons, some general style updates, and renames. As of today, Discourse will start using version 6 too! Specifically, version 6.6.0. This isn’t an enormous visual ch…

[martyn_thomas]

Actualizado con el icono de X correcto… sabiendo que cada experto en Marca y Marketing sintió un escalofrío pero no puede explicar por qué

[martyn_thomas]

He realizado algunas pruebas: confirmo que el icono FA6 funciona. Se ha actualizado la solicitud de extracción.

[Roi]

Sí, interesante, ¡Fontawesome 6 parece funcionar ahora con Discourse!

Con el icono correcto también puedo verlo. ¡Genial! ¡Muchas gracias!

[icaria36]

Hola, ¿es posible añadir un SVG personalizado en lugar de uno de FontAwesome, como permite hacer Custom Header Links (icons)?

[icaria36]

@weallwegot

Recomendaría que los Campos de Usuario Personalizados que tendrán iconos NO se muestren en la Tarjeta de Usuario, ya que se sentirá un poco redundante tener el texto y los iconos clickeables.

¿Así?

Me acabo de dar cuenta de que al deseleccionar “Mostrar en el perfil público” se elimina el campo de usuario del perfil público (como se esperaba), pero el comportamiento del icono proporcionado por este componente temático es más errático:

• en mi cuenta de administrador, todavía puedo ver el icono
• en mi cuenta de prueba (nivel de confianza 1) el icono también desaparece

En otras palabras, para la mayoría de los usuarios conectados y todos los usuarios anónimos, el icono del campo de usuario personalizado solo es visible cuando la etiqueta y el valor de texto correspondientes también son visibles. Ocultar uno, oculta el otro.

Es extraño, pero lo he intentado con diferentes navegadores, ventana de incógnito y puedo reproducir esto de manera confiable. ¿Alguien más puede reproducir este problema?

Es una de esas cosas que es fácil pasar por alto como administrador. Me di cuenta solo después de que un usuario informara un problema que me hizo darme cuenta de este comportamiento.

En caso de que ayude, estoy probando esto con el icono de Mastodon.

[jenmck (jen)]

Tengo un problema por el cual los enlaces no están navegando correctamente al perfil de redes sociales del usuario. Parece que simplemente adjuntan la URL de la página en la que te encuentras con el campo de usuario personalizado.

Hasta ahora, he notado esto para Steam y Discord.

Al mirar el repositorio de github en links-settings.js, no hay líneas base: o baseregex: para Steam y Discord… Bluesky y Twitter (perdón, X la aplicación para todo) funcionan bien, y tienen ambas líneas, así que ¿quizás ese sea el problema?

{
        name: "Discord",
        icon: "fab-discord",
        link: {
          value: settings.discord_custom_field_name,
        },
      },
      {
        name: "Steam",
        icon: "fab-steam",
        link: {
          value: settings.steam_custom_field_name,
        },
      },

Para Bluesky:

{
        name: "Bluesky",
        icon: "fab-bluesky",
        link: {
          value: settings.bluesky_custom_field_name,
          base: "https://bsky.app/profile/",
          baseregex: "^http(s)?://(www.)?bsky.app/profile/",
        },
      },

Para Twitter:

{
        name: "X",
        icon: "fab-twitter",
        link: {
          value: settings.twitter_custom_field_name,
          base: "https://twitter.com/",
          baseregex: "^http(s)?://(www.)?twitter.com/",
        },
      },

Revisando el resto de las entradas, parece que estas tampoco tienen líneas base: o baseregex:, pero no tengo un ejemplo en vivo de ellas para probar.

• email
• mastodon
• discord
• steam
• linkedin
• bandcamp

(editado para añadir) Fui y creé una pull request:
09096b8: añadiendo las URLs base para email, steam y linkedin
0ec40a0: añadido discord, bandcamp y mastodon, y actualizado el readme. Hice esto por separado porque bandcamp y mastodon tendrán diferentes URLs base dependiendo del usuario, no son consistentes; y para Discord, el usuario introduciría su ID de usuario y no su nombre de usuario, por lo que parecía que necesitaría explicación en el readme.