إعداد الموقع لإخفاء حقول المستخدم المخصصة من صفحة التسجيل

[pfaffman (Jay Pfaffman)]

ظننتُ أنني رأيت طلب ميزة مشابهًا مؤخرًا، لكنني لم أستطع العثور عليه.

إذا كان لديك مجموعة من الحقول المخصصة للمستخدمين، فإن نافذة تسجيل الدخول تصبح غير مرتبة. إذا كان هناك 10 حقول اختيارية وحقول مطلوبة، يجب على المرء التمرير كثيرًا للعثور على الحقل (أو الحقول) المطلوب. هذا أمر مزعج.

من الممكن إخفاء هذه الحقول باستخدام CSS مثل:

.create-account .user-fields .user-field {
    display: none;

    &:nth-of-type(4){
        display: block;
    }

}

إنه أمر مزعج بعض الشيء، حيث يجب عليك تخمين ما يجب استخدام nth-of-type من خلال التجربة والخطأ، لكن ما قد أقترحه هو أن CSS الذي عمل لجعل هذه النافذة تبدو بشكل صحيح يتغير بين الحين والآخر. يبدو أنه تم تغييره في إصدار beta6 الأخير. هذا يجعل عميلي حزينًا، لأن الحقول المطلوبة غير مرئية، لذا لم يتمكن الأشخاص من التسجيل. اكتشف ذلك فقط لأن شخصًا ما أرسل بريدًا إلكترونيًا للشكوى.

تم حل المشكلة!

تم إضافة CSS إلى تلك الحقول، لذا لم يعد هذا مشكلة!

[awesomerobot (Kris)]

لا أعتقد أن إضافة فئة أو سمة بيانات تتضمن اسم الحقل المخصص سيكون أمرًا صعبًا، مما سيجعل استهدافه باستخدام CSS أقل عرضة للخطأ. ربما أستطيع إنجاز ذلك خلال الأيام القليلة القادمة.

[awesomerobot (Kris)]

ألقِ نظرة سريعة، وهي متطابقة تقريبًا مع طلب سحب آخر قمت بفتحه مؤخرًا لإضافة فئة إلى مجموعات الوسوم. لذا، إليك طلب سحب لهذا… قد نرغب في إضافة دالة مساعدة لتنظيف أسماء الفئات قبل دمج هذه الطلبات؟

Add unique class to custom field wrappers (#8193)

[awesomerobot (Kris)]

لقد أدركت للتو أنني لم أتابع الأمر بعد دمجه. الآن، في صفحة التسجيل، تحتوي جميع حقول المستخدم على فئة على شكل user-field-name. لذا، إذا كان لديك حقل باسم “الشروط والأحكام”، فسيكون له الفئة user-field-terms-and-conditions.

يمكنك أيضًا اتخاذ اختصار لإخفاء جميع حقول المستخدم المخصصة في التسجيل باستخدام

.d-modal.create-account div[class*="user-field-"] {
    display: none;
}

[pfaffman (Jay Pfaffman)]

شكرًا لك! لقد تمكنت من إنجاز هذا قبل أسبوع أو أسبوعين. يمكنك تعديل القائمة لتشمل أيضًا تنسيقات CSS لإظهار حقل أو اثنين بعد إخفاء الباقي.

[markersocial]

إليك موضوع مغلق يتحدث عن حل هذه المشكلة، ويشمل حلاً باستخدام CSS:

Site setting to hide custom user fields from signup page

I thought that I had seen such a feature request recently, but I can’t find it. If you have a bunch of user custom fields, the login modal gets ugly. If there are 10 optional fields and 2 required fields, one has to scroll a bunch to find the one(s) that are required. This is a drag. It’s possible to hide those fields with CSS like: .create-account .user-fields .user-field { display: none; &:nth-of-type(4){ display: block; } } It’s something of a bother, as you have to…

حاليًا، فيما يتعلق بحقول المستخدمين المخصصة، الخيارات المتاحة هي:

• قابلة للتحرير بعد التسجيل؟
• إلزامية عند التسجيل؟
• إظهارها في الملف الشخصي العام؟
• إظهارها في بطاقة المستخدم؟

أعتقد أن إضافة خيار آخر ستكون مفيدة جدًا:

• إظهارها في نموذج التسجيل؟
  أو
• إخفاؤها في نموذج التسجيل؟

بشكل افتراضي، وبدون تعديل CSS مخصص، ستُعرض جميع الحقول المخصصة (سواء كانت اختيارية أم لا) في نموذج التسجيل. وهذا يحد إلى حد ما من عدد الحقول المخصصة التي يمكن تطبيقها، لأن وجود عدد كبير منها قد يجعل نموذج التسجيل مزدحمًا ومخيفًا للمستخدمين الجدد.

[pfaffman (Jay Pfaffman)]

في بعض الأحيان، من الجيد أن يكون لديك مجموعة من حقول المستخدمين المخصصة لجمع معلومات لا ترغب في إزعاج المستخدمين بها عند التسجيل. على سبيل المثال، قد ترغب في تمكين المستخدمين من تقديم عنوانهم أو الرمز البريدي أو لون شعرهم، ولكن عند التسجيل تطلب منهم فقط اسمهم وعنوان بريدهم الإلكتروني.

وهذا ممكن الآن من خلال استخدام مكون للموضوع لإخفاء جميع الحقول المخصصة ثم إظهار الحقول التي تريدها فقط. سيكون من الرائع وجود خانة اختيار في إعدادات حقل المستخدم المخصص.

[nathank (Nathan Kershaw)]

سيكون ذلك رائعًا.

كما سيكون من المفيد التمييز بين المشتركين والمدعوين، خاصة إذا كان حقل ما إلزاميًا لكلا المجموعتين أو للمشتركين فقط.

على سبيل المثال، نطلب من الأشخاص تزويدنا بـ “سبب الانضمام” لمساعدتنا في تحديد ملاءمتهم ومجموعتهم. هذا تكرار غير ضروري عندما يصل الأشخاص عبر رابط دعوة، لكنه لا يمكن إخفاؤه إذا كان إلزاميًا لأن ذلك سيعطل عملية التسجيل بالنسبة لهم.

[darkpixlz (Pyx)]

مرحباً،

هناك بعض حقول المستخدم في موقعي التي لا تحتاج حقًا إلى أن تكون موجودة عند التسجيل، مثل وسائل التواصل الاجتماعي.

أعتقد أنه يمكننا الاستفادة من خيار “عدم العرض عند التسجيل”، مما يجعله مخفيًا أثناء التسجيل ومرئيًا فقط عند تعديل ملف تعريف المستخدم الخاص بك.

[nathank (Nathan Kershaw)]

يمكنك تحقيق ذلك بالفعل عبر CSS:

@awesomerobot

الآن في صفحة التسجيل، تحتوي جميع حقول المستخدم على فئة بالشكل user-field-name

ولكن نعم، سيكون من الجميل جدًا أن يكون هذا خيارًا صريحًا! لقد تم طلبه عدة مرات الآن.

لقد قمت بدمج جميع مواضيع Feature في هذا الموضوع.

[JammyDodger]

وحظيت أيضًا ببعض الاهتمام في هذا الموضوع أيضًا:

@codinghorror

لقد ظهر هذا عدة مرات في meta، ربما يجب أن نضيف

[ ] عرض عند التسجيل

حقل هنا @sam؟

[Richie (Richie Rich)]

هل تغير شيء ما في نافذة التسجيل قد يتسبب في عدم عمل هذا الـ CSS بعد الآن؟

لا يمكنني إخفاء أي حقول مخصصة في صفحة التسجيل باستخدام الكود الموجود في المنشور الأول بواسطة @pfaffman - ولا يمكنني إخفاء جميع الحقول المخصصة باستخدام الكود من @awesomerobot:

@awesomerobot

.create-account div[class*="user-field-"] {
    display: none;
}

لقد كنت أطبق الـ CSS على السمات > المشترك > CSS.

[awesomerobot (Kris)]

يبدو أنه تمت إضافة CSS أكثر تحديدًا في مكان آخر في Discourse، وهذا يتجاوز display:none…

.d-modal.create-account .user-field {
  display: flex;
}

سألقي نظرة سريعة على وأرى ما إذا كنا بحاجة إلى أن نكون محددين جدًا، ولكن في هذه الأثناء، سيعمل هذا التحديث :

.d-modal.create-account div[class*="user-field-"] {
  display: none;
}

[Richie (Richie Rich)]

@كريس، مشاركة:20، موضوع:130990، اسم المستخدم:awesomerobot

سألقي نظرة سريعة على وأرى ما إذا كنا بحاجة إلى أن نكون محددين للغاية، ولكن في هذه الأثناء، هذا التحديث يجب أن يعمل:

.d-modal.create-account div[class*=\"user-field-\"] {
  display: none;
}

تم التأكيد، نجح هذا تمامًا في إخفائها جميعًا!

شكرًا جزيلاً لك كريس @awesomerobot

[Moin]

تمت إضافة إعداد لإخفاء حقول المستخدمين من نموذج التسجيل:

@hugh

خيار لإخفاء الحقول المخصصة في نموذج التسجيل