プロフィールのクリック可能なソーシャルアイコンリンク

テーマコンポーネント
83

Tiktokは@を必要とし、YoutubeはフォーラムのURLを使用します🤷‍♂️

84

TikTokは使っていません。実験に使えるユーザー名の例はありますか？

85

私のユーザー名はjagster64です。公開していないので、これは安全に使用できます。

86

修正済み - プルリクエストに追加しました

「いいね！」 2
87

Stravaサポートを追加するためのプルリクエストを提出しました。@weallwegotが私の少し乱雑なプルリクエストを許容してくれることを願っています :-s

「いいね！」 1
88

Hm、temporary-twitter-x が fab-twitter に戻されました。これは意図的なものですか、それとも間違いでしたか？いずれにしても、新しい X ロゴの代わりに古い Twitter の鳥が再び表示されています。

「いいね！」 1
89

ご指摘ありがとうございます。Twitterのブランド変更に合わせて更新するプルリクエストを作成しました。

「いいね！」 2
90

ありがとうございます！しかし残念ながら、fa-x-twitter は Fontawesome 6 であり、Discourse ではまだ動作しないため、temporary-twitter-x に変更する必要があります。

「いいね！」 2
91

動作するはずだと思います

「いいね！」 3
92

正しいXアイコンに更新しました…ブランディングおよびマーケティングの専門家全員が理由を説明できないのに、なぜか身震いしたことを知っています

「いいね！」 3
93

テストを行いました。FA6アイコンが機能することを確認しました。プルリクエストを更新しました。

「いいね！」 2
94

はい、興味深いですね。Fontawesome 6 は Discourse で動作するようです！:slight_smile:
正しいアイコンがあれば、それも確認できます。素晴らしい！どうもありがとうございます！

「いいね！」 2
95

FontAwesomeのアイコンの代わりにカスタムSVGを追加することは可能ですか。例えば、Custom Header Links (icons) でできるようなことですか？

96

このような感じですか？

image
image214×201 8.06 KB

「公開プロフィールに表示」の選択を解除すると、公開プロフィールからユーザーフィールドが削除される（予想通り）ことに気づきましたが、このテーマコンポーネントによって提供されるアイコンの動作はより不安定です。

  • 管理者アカウントでは、アイコンが引き続き表示されます。
  • テストアカウント（信頼レベル1）では、アイコンも消えます。

つまり、ほとんどのログインユーザーとすべての匿名ユーザーにとって、カスタムユーザーフィールドのアイコンは、対応するラベルとテキスト値が表示されている場合にのみ表示されます。一方を非表示にすると、もう一方も非表示になります。

奇妙ですが、さまざまなブラウザやシークレットウィンドウで試しましたが、これを確実に再現できます。他にこの問題を再現できる方はいらっしゃいますか？

これは、管理者としては見落としやすいことの1つです。ユーザーが問題を報告した後にのみ、この動作に気づきました。

参考までに、これはマストドンのアイコンでテストしています。

97

ユーザーのソーシャルメディアプロファイルにリンクが正しく移動しないという問題が発生しています。現在いるページの URL にカスタムユーザーフィールドが追加されるだけのようです。

これまで、Steam と Discord でこれを確認しています。

links-settings.js の github リポジトリを見ると、Steam と Discord の base: や baseregex: の行がありません…Bluesky と Twitter（すみません、すべてを扱うアプリの X）は正常に動作しており、これら両方の行があるので、これが問題なのではないでしょうか？

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

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/",
        },
      },

Twitter の場合：

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

他のエントリをざっと見たところ、これらにも base: や baseregex: の行がないようですが、テストするためのライブの例がありません。

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

（追記）プルリクエストを作成しました。
09096b8: email、steam、linkedin の base url を追加
0ec40a0: discord、bandcamp、mastodon を追加し、readme を更新しました。bandcamp と mastodon はユーザーによって base url が異なるため（一貫性がないため）、また Discord の場合はユーザーがユーザー名ではなくユーザー ID を入力するため、readme で説明が必要だと感じたため、これは別々に行いました。