زر المصادقة المدمج

[Lilly (Lillian)]

	ملخص	يستبدل أزرار المصادقة الافتراضية بزر موحد يفتح قائمة منسدلة أو نافذة منبثقة تحتوي على روابط
	مستودع	https://github.com/Lillinator/combined-auth-button
	دليل التثبيت	كيفية تثبيت سمة أو مكون سمة

تثبيت مكون السمة هذا

نظرة عامة

يجمع مكون السمة هذا أزرار التسجيل وتسجيل الدخول في زر واحد مع خيارات منسدلة، من أجل مساحة رأس أنظف وتحسين تجربة المستخدم (خاصة لمستخدمي الهاتف المحمول).

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

عرض الهاتف المحمول الافتراضي بدون المكون:

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

زر الهاتف المحمول والنافذة المنبثقة مع الإعدادات الافتراضية للمكون:

زر سطح المكتب والقائمة المنسدلة مع الإعدادات الافتراضية للمكون:

---

الإعدادات وترجمات السمات

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

الإعداد	الوصف
enable_on_desktop	تمكين زر المصادقة الموحد على جميع أحجام شاشات العرض
hide_mobile_combined_button_icon	يخفي أيقونة زر المصادقة الموحد في عرض الهاتف المحمول لتوفير مساحة في الرأس
combined_button_icon	أيقونة SVG لزر القائمة المنسدلة للمصادقة الموحدة
login_button_icon	أيقونة SVG لزر تسجيل الدخول
signup_button_icon	أيقونة SVG لزر التسجيل
button_labels.auth	سلسلة نص زر المصادقة الموحد لترجمات السمات
button_labels.log_in	سلسلة نص زر تسجيل الدخول لترجمات السمات
button_labels.sign_up	سلسلة نص زر التسجيل لترجمات السمات

---

المزيد من لقطات الشاشة

صفحة الإعدادات

مع تمكين hide_mobile_combined_button_icon

تغيير تسميات وأيقونات الأزرار

الجوال:

سطح المكتب:

تخصيصه لمنتدىك للمتعة

---

ملاحظات

• هذا المكون متوافق مع قائمة الهامبرغر الجانبية اليسرى على الهاتف المحمول ولكن قد يؤدي توسيط شعار الموقع إلى حدوث مشاكل ازدحام في الرأس.

---

تصفح منتجات Discourse الأخرى الخاصة بي

[Lilly (Lillian)]

لقد قمت للتو بدفع تحديث لهذا الأمر يحسّن التجربة من خلال فتح نافذة منبثقة للجوال تربط بين صفحات التسجيل أو تسجيل الدخول. كما قمت بتحديث المنشور الأصلي أيضًا. شكرًا لـ @Moin على الفكرة!

لقطات شاشة

أزرار المكون الافتراضية:

تسميات الأزرار القابلة للتغيير:

[eisammy (Sammy)]

شكرًا جزيلاً لكِ @Lilly، سأختبره قريبًا

[Lilly (Lillian)]

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

[Lilly (Lillian)]

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