정규화된 프로필 링크

이 테마 컴포넌트 설치

user_custom_field 링크를 사용자 카드와 프로필에 추가하고, 잘못된 사용자 입력을 처리하도록 시도합니다. 임의의 사이트로 링크를 추가할 수 있습니다.

예를 들어, 사용자는 Twitter(X)에 다음 중 하나를 입력할 수 있습니다:

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

이 테마 컴포넌트는 이러한 모든 입력을 "MyHandle"로 변환합니다. 따라서 사용자가 twitter 필드에 위 항목 중 하나를 입력하면 링크가 https://x.com/MyHandle이 됩니다. 프로필 링크 URL에 @가 필요한 YouTube와 같은 사이트의 경우, 링크 URL을 https://youtube.com/@'로 설정해야 하며, 이렇게 하면 링크가 https://youtube.com/@MyHandle이 됩니다. @를 핸들 자체의 일부로 만드는 것도 고려해 보았지만, 사용자가 BlueSky 핸들로 @literatecomputing.com을 입력할 경우 문제가 발생합니다. BlueSky는 프로필 URL이 @ 없이 https://bsky.app/profile/literatecomputing.com이어야 하므로요.

설정을 통해 특정 핸들이 URL 뒤에 붙을 수 있는 모든 사이트를 추가할 수 있습니다.

custom_field_name과 링크 이름은 대소문자를 구분합니다. 이를 수정하려고 시도해 보았지만 번거로워서 관리자가 대소문자가 일치하도록 처리하도록 결정했습니다. (테마 컴포넌트를 테스트해 주신 @NateDhaliwal 님과 대소문자 구분이 문제임을 지적해 주신 @Moin 님, @Richie 님께 감사드립니다.)

추가적인 Font Awesome 아이콘이 필요하면 추가 아이콘 설정에 추가할 수 있습니다.

샘플 설정(및 관련 아이콘) 중 일부는 AI 완성으로 제공되며 테스트되지 않았습니다. 설정을 직접 변경할 수 있지만, 깨진 항목이 있으면(이메일 또는 PR을 통해) 알려주시면 기꺼이 수정해 드리겠습니다.

고려해 본 또 다른 기능은 항목이 사용자 카드와 사용자 프로필 모두에 표시되는 대신, 사용자 카드 또는 사용자 프로필 중 하나에만 표시되도록 하는 것입니다. 이것이 관심 있다면, 특히 예산이 있는 경우 알려주세요.

왜 또 다른 커스텀 필드 테마 컴포넌트인가?

공식 Custom Profile Link는 하나의 커스텀 필드에 대해서만 링크를 추가합니다. (:person_shrugging:)

Multiple Custom Profile Links는 이 테마와 유사하지만, 이 컴포넌트는 다음을 추가합니다:

  • 더 단순한 커스터마이징 인터페이스,
  • 사용자가 잘못된 항목을 추가할 때의 오류 검사/수정,
  • 커스텀 서비스/사이트로 링크를 추가하는 기능.

초기 개발을 후원해 주신 Grey Arrows Drone Club에 감사드립니다!

14개의 좋아요

아이콘이 표시되도록 하는 방법을 잘 모르겠어요. 사용자 정의 필드를 만들어 보았지만, 이게 정답인지는 잘 모르겠어요.

@NateDhaliwal 도움이 된다면, YouTube에서 사용하고 있는 사용자 정의 사용자 필드 설정을 공유합니다. 또한 두 개의 표시 위치... 설정이 선택되지 않았는지 꼭 확인해 주세요:

이 테마 구성 요소에서 YouTube에 사용되는 설정은 다음과 같습니다:

사용자 프로필을 볼 때의 최종 결과입니다:

2개의 좋아요

아, 확인해 봤습니다.
여러분이 하신 것과 똑같이 진행했는데, 제 GitHub 아이콘이 표시되지 않습니다.



컴포넌트 설정에서 필드 이름 입력값은 "GitHub"인데, 필드 이름 위에는 "Github"로 표시되어 있습니다. 둘이 동일하게 맞춰야 작동할 수 있습니다.

4개의 좋아요

이제 잘 작동합니다. 정말 감사합니다!

3개의 좋아요

안녕하세요, 이 컴포넌트에 대한 경고가 콘솔에 표시되고 있습니다. 업데이트가 가능한가요?

감사합니다.

1개의 좋아요

배열 비추천 사항에 대한 수정 사항이 포함된 PR을 올렸습니다.

4개의 좋아요

고마워, 릴리! 방금 병합했어!

3개의 좋아요

훌륭하네요, 감사합니다 :person_bowing:

저도 방금 제 Discourse에서 업데이트를 마쳤습니다. 모든 것이 정상입니다 :partying_face:

1개의 좋아요

어느 날은 v0.0.2까지 도달하게 될 거예요 :grin:

2개의 좋아요

기대해 볼 만한 일이죠!

3개의 좋아요