正規化されたプロフィールリンク

<!- 自動インストールボタンの「repoName」と「repoURL」を入力してください →

このテーマコンポーネントをインストール

<!- このテーマ/コンポーネントを1〜2文で説明してください →

ユーザーカードとプロフィールに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になります。YouTubeのような、プロフィールリンクにURLで@が必要なサイトでは、リンクがhttps://youtube.com/@MyHandleになるように、リンクURLをhttps://youtube.com/@にする必要があります。@をハンドルの一部にすることも検討しましたが、ユーザーがBlueSkyのハンドルとして@literatecomputing.comを入力した場合、BlueSkyはプロフィールURLに@なしでhttps://bsky.app/profile/literatecomputing.comを要求するため、問題が発生します。

設定により、ハンドルをURLに追加できる任意のサイトを追加できます。

custom_field_nameとリンク名は大文字と小文字を区別します。これを修正しようとしましたが、面倒だったので、管理者が大文字と小文字を一致させるように処理できると判断しました。(テーマコンポーネントを試してくれた@NateDhaliwal、大文字と小文字の区別が問題であることを指摘してくれた@Moinと@Richieに感謝します。)

追加のFont Awesomeアイコンが必要な場合は、追加アイコン設定に追加できます。

サンプル設定の多く(および関連アイコン)はAI補完によって提供されており、テストされていません。自分で設定を変更できますが、壊れた設定について(メールまたはPRで)知らせてくれれば、喜んで修正します。

もう1つの検討事項は、エントリをユーザーカードまたはユーザープロフィールにのみ表示し、両方に表示しないようにする機能です。これに興味がある場合は、特に予算がある場合はお知らせください。

なぜもう1つカスタムフィールドテーマコンポーネントが必要なのか?

公式のカスタムプロフィールリンクは、1つのカスタムフィールドにのみリンクを追加します。(:person_shrugging:

複数のカスタムプロフィールリンクもこれに似ていますが、このコンポーネントは次の機能を追加します。

  • よりシンプルなカスタマイズインターフェース
  • 半端なエントリを追加するユーザーのエラーチェック/修正
  • カスタムサービス/サイトへのリンクを追加する機能

初期開発の資金提供をしてくれたGrey Arrows Drone Clubに感謝します!

「いいね!」 14

アイコンを表示するにはどうすればよいかわかりません。カスタムユーザーフィールドを作成しようとしましたが、それが正しい方法ではないと思いますか?

@NateDhaliwal 役立つなら、YouTube用に設定しているカスタムユーザーフィールドの設定を以下に示します。また、「表示する場所…」の設定が両方ともチェックされていないことを確認してください。

YouTubeのこのテーマコンポーネントで使用されている設定は以下のとおりです。

ユーザープロフィールを表示したときの最終結果は以下のとおりです。

「いいね!」 2

確認しました。
おっしゃった通りにしましたが、GitHubのアイコンが表示されません。



コンポーネントの設定で、フィールド名に「GitHub」と入力されていますが、フィールド名の上には「Github」と表示されています。同じであれば機能するかもしれません。

「いいね!」 4

これで動作するようになりました。本当にありがとうございます!

「いいね!」 3