Enlaces de perfil normalizados

← Rellena “repoName” y “repoURL” para el botón de instalación automática →

Instalar este componente de tema

← Describe este tema/componente en una o dos frases →

Añade enlaces de user_custom_field a la tarjeta de usuario y al perfil e intenta solucionar entradas de usuario incorrectas. Permite añadir enlaces a sitios arbitrarios.

← Añade capturas de pantalla (si procede) →

← Añade más detalles y explica la configuración (si procede) →

Por ejemplo, un usuario podría introducir cualquiera de los siguientes para Twitter (X):

  • https://x.com/MyHandle
  • https://twitter.com/MyHandle
  • https://www.twitter.com/MyHandle
  • x.com/MyHandle
  • twitter.com/MyHandle
  • /MyHandle
  • @MyHandle
  • MyHandle

Este componente de tema convertirá todos esos en “MyHandle”, por lo que si un usuario introduce alguno de ellos en el campo de Twitter, el enlace se convertirá en https://x.com/MyHandle. Para un sitio como YouTube, donde se necesita una @ en la URL para el enlace del perfil, debes hacer que la URL del enlace sea https://youtube.com/@, de modo que el enlace se convierta en https://youtube.com/@MyHandle. Consideré hacer que la @ formara parte del identificador, pero eso rompe las cosas si un usuario introduce @literatecomputing.com como su identificador de BlueSky, ya que BlueSky quiere que la URL del perfil sea https://bsky.app/profile/literatecomputing.com sin @.

La configuración permite añadir cualquier sitio que desees que tenga algún tipo de identificador que pueda añadirse a alguna URL.

Ten en cuenta que el custom_field_name y el nombre del enlace distinguen entre mayúsculas y minúsculas. Consideré intentar solucionarlo, pero fue un engorro y decidí que los administradores pueden encargarse de que las mayúsculas coincidan. (Gracias a @NateDhaliwal por probar el componente de tema y a @Moin y @Richie por señalar que la distinción entre mayúsculas y minúsculas era un problema.)

Si necesitas iconos adicionales de Font Awesome, puedes añadirlos en la configuración de Iconos adicionales.

Un montón de la configuración de ejemplo (y sus iconos asociados) son proporcionados por la finalización de IA y no han sido probados. Puedes hacer cambios en la configuración tú mismo, pero si me informas sobre uno roto (por correo electrónico o PR), estaré encantado de solucionarlo.

Otra característica que he considerado es la posibilidad de que las entradas aparezcan solo en la Tarjeta de Usuario o en el Perfil de Usuario, en lugar de en ambos. Si eso te interesa, házmelo saber, especialmente si tienes presupuesto.

¿Por qué otro componente de tema de campo personalizado?

El Enlace de perfil personalizado oficial añade un enlace para un solo campo personalizado. (:person_shrugging:)

Enlaces de perfil personalizados múltiples es similar a este, pero este componente añade

  • una interfaz de personalización más sencilla,
  • alguna comprobación/corrección de errores de usuarios que añaden entradas semi-falsas,
  • y la capacidad de añadir enlaces a servicios/sitios personalizados.

¡Gracias a Grey Arrows Drone Club por financiar el desarrollo inicial!

14 Me gusta

No estoy seguro de cómo hacer que aparezcan los iconos. Intenté crear un campo de usuario personalizado, pero ¿no creo que así sea como se hace?

@NateDhaliwal si sirve de algo, aquí están los ajustes de campo de usuario personalizado que tenemos para YouTube, asegúrate también de que las dos configuraciones Mostrar en... no estén marcadas:

Aquí están los ajustes utilizados en este componente temático para YouTube:

El resultado final al ver un perfil de usuario:

2 Me gusta

Entiendo, lo hice revisar.
Hice exactamente lo que hiciste, pero mi ícono de Github no se muestra.



En la configuración del componente, tu entrada para el nombre del campo es “GitHub”, pero encima del nombre del campo está “Github”. Quizás funcione si son iguales.

4 Me gusta

Ya funciona. ¡Muchas gracias!

3 Me gusta