カスタムプロフィールフィールドをサインアップ時に表示しない設定

カスタムプロフィールフィールドを定義する際、サインアップ時に必須にしないオプションがあります。

しかし、それでもサインアップ画面に表示されてしまいます。これは望ましくありません。なぜなら:

  • サインアップ画面は可能な限りシンプルにしたい
  • カスタムフィールドの入力が必須であるという誤った印象を与える
  • カスタムフィールドの内容がメンバーシップの資格と何らかの関係があるという誤った印象を与え、サインアップを躊躇させる可能性がある

したがって、UX の観点から、サインアップ時には表示されないようにしつつ、その後のプロフィール編集時にいつでも入力可能なオプション(「所在地」などと同様)を設定することは可能でしょうか。

「いいね!」 2

This has come up a few times on meta, perhaps we should add a

[ ] show at signup

field here @sam?

「いいね!」 16

ダッシュ区切りのフィールド名を今すぐ使用できます… なので

.user-field-your-field-name {
  display: none;
}

招待機能も再度確認しますが、もし同じでなければ… 同じはずです! はい、招待機能でも同じです。.user-field-your-field-name をこちらでも使用できます。

「いいね!」 9

+1 サインアップ時に [ ] 表示する オプションが欲しいです。

@Kris のカスタム CSS アプローチは、ここでは意図したとおりに機能しません。なぜなら、そのテクニックを使用すると、フィールドはサインアップフォームとプロフィールの両方で非表示になってしまうからです。

私のユースケース:ユーザーが自由記述フィールドで任意で代名詞を宣言できるようにしたい(一部のユーザーは自分自身を参照するために珍しい代名詞を使用するため)のですが、そのようなフィールドは、「代名詞」を政治的な侮辱だと考える人々にとってハニーポットとなります。新規ユーザーは、そのボックスに失礼なことを入力するように促されます。

サインアップ時にはフィールドを表示せず、関与しているユーザーがプロフィールをカスタマイズすることで設定できるようにするのが良いと考えています。

「いいね!」 2

私のCSSはかなり基本的なものですが、サインアップページ上のボックスだけを対象にできると思います。以下を使用してください。

.d-modal.create-account .user-field-YOUR-FIELD-NAME {
    display: none;
}

.invites-show .user-field-YOUR-FIELD-NAME {
    display: none;
}

これにより、他の場所では通常どおりフィールドを使用できるようになります。

編集: 招待機能も使用している場合は、招待ページ用のコードも追加しました。:+1:

「いいね!」 3

.d-modal はここで必要ですか? サインアップフォームの将来的な見た目について、憶測で判断したくありません。

その答えは残念ながら分かりません。もし今後変更されることがあれば、簡単に修正できるはずです。

編集: テストしたところ、上記のコードスニペットから削除するとボックスが再表示されるため、この特定のピースが機能するためには必要であるようです。

経験豊富な誰かが参加してくれることを願っています。:crossed_fingers:

「いいね!」 3

Site setting to hide custom user fields from signup page にてクローズ済み