 |
الملخص | يستبدل زر “تسجيل الدخول” على الهاتف المحمول بزر موحد “إنشاء حساب / تسجيل الدخول” يفتح نافذة منبثقة تحتوي على روابط |
 |
المستودع | https://github.com/Lillinator/discourse-combined-auth-button |
 |
دليل التثبيت | كيفية تثبيت سمة أو مكون سمة |
تثبيت مكون السمة هذا
نظرة عامة
يجمع مكون السمة هذا بين أزرار إنشاء حساب وتسجيل الدخول في زر واحد يحتوي على خيارات منسدلة، مما يوفر مساحة أنظف في الرأس ويحسن تجربة المستخدم (خاصة لمستخدمي الأجهزة المحمولة).
على وجه الخصوص، يخفي عرض المنتدى الافتراضي في Discourse على الهاتف المحمول زر “إنشاء حساب” ويظهر فقط زر “تسجيل الدخول” الحالي؛ وهذا قد يكون محيرًا وغير بديهي للزوار الجدد في منتديات Discourse (العرض المجهول). علاوة على ذلك، يربط زر “تسجيل الدخول” في العرض الافتراضي على الهاتف المحمول بصفحة تسجيل الدخول التي تحتوي بدورها على رابط لصفحة إنشاء الحساب؛ مما يخلق احتكاكًا غير ضروري للمستخدمين الجدد على الأجهزة المحمولة.
العرض الافتراضي على الهاتف المحمول بدون المكون:
يستبدل هذا المكون البسيط لـ Discourse زر “تسجيل الدخول” الحالي بزر موحد يحتوي على تسميات أوضح - الافتراضي هو “إنشاء حساب / تسجيل الدخول”. عند النقر عليه أو لمسه، يفتح قائمة منسدلة أو نافذة منبثقة على الهاتف المحمول تحتوي على روابط لصفحات إنشاء الحساب أو تسجيل الدخول. يوجد إعداد للمسؤول يمنح خيار إخفاء أيقونة الزر الموحد لمزيد من مساحة الرأس، بالإضافة إلى إعدادات لتغيير أيقونات وسلاسل النصوص لتخصيص جميع تسميات الأزرار.
الزر والنافذة المنبثقة على الهاتف المحمول مع الإعدادات الافتراضية للمكون:
الزر والقائمة المنسدلة على سطح المكتب مع الإعدادات الافتراضية للمكون:
توجد إعدادات للمسؤول تسمح بإظهار أيقونة الزر الموحد لمزيد من مساحة الرأس في العرض على الهاتف المحمول، بالإضافة إلى تغيير جميع أيقونات الأزرار. يمكنك أيضًا تخصيص جميع تسميات الأزرار.
الإعدادات وترجمات السمة
| الإعداد | الوصف |
|---|---|
enable_on_desktop |
تمكين زر المصادقة الموحد على جميع أحجام العرض |
hide_mobile_login_button_icon |
إخفاء أيقونة زر المصادقة الموحد في العرض على الهاتف المحمول لتوفير مساحة الرأس |
login_button_icon |
أيقونة SVG لزر تسجيل الدخول (& زر المصادقة الموحد إذا تم تعطيل 'إخفاء أيقونة زر تسجيل الدخول على الهاتف المحمول`) |
signup_button_icon |
أيقونة SVG لزر إنشاء حساب |
button_labels.auth |
نص الزر الموحد لترجمات السمة |
button_labels.log_in |
نص زر تسجيل الدخول لترجمات السمة |
button_labels.sign_up |
نص زر إنشاء حساب لترجمات السمة |
المزيد من لقطات الشاشة
ملاحظات
- هذا المكون متوافق مع قائمة هامبرغر على الجانب الأيسر على الهاتف المحمول، لكن توسيط شعار الموقع قد يسبب مشاكل في الازدحام في الرأس.
اطّلع على أشياء أخرى لي في Discourse
