تسجيل الدخول العصري

:discourse2: ملخص يغير “تريديي تسجيل الدخول” التصميم الافتراضي لصفحة تسجيل الدخول الثابتة (/login) في المواقع التي تتطلب تسجيل الدخول، ويضيف إمكانية تخصيص محتوى الصفحة عبر إعدادات المكون.
:hammer_and_wrench: رابط المستودع https://github.com/discourse/discourse-trendy-login
:question: دليل التثبيت كيفية تثبيت سمة أو مكون سمة
:open_book: جديد في سمات ديسكورس؟ دليل المبتدئين لاستخدام سمات ديسكورس

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

الميزات

الإعدادات

الاسم الوصف
bg_image رابط صورة مخصص للخلفية
bg_color كود لون مخصص للخلفية
bg_gradient_1 كود اللون الأول للتدرج
bg_gradient_2 كود اللون الثاني للتدرج
login_subheader محتوى العنوان الفرعي، يسمح بعلامات HTML

:information_source: لاحظ أن أولوية الإعدادات هي بالترتيب التالي:

custom_bg_image > custom_bg_color > custom_bg_gradient_1/2.


:discourse2: مستضافون لدينا؟ مكونات السمات متاحة للاستخدام في خططنا القياسية، والأعمال، والمؤسسات.

54 إعجابًا

مرحباً. هل ما زال هذا يعمل؟ لقد جربته على منتدى الخاص بي مع أحدث إصدار من discourse ولكنه لم يعمل؟

نعم، إنها تعمل لدي على أحدث إصدار:

هل ترى صفحة تسجيل الدخول الافتراضية بدلاً من ذلك؟ هل المكون ممكّن للسِمة؟

إعجاب واحد (1)

نعم، تم تمكين مكون السمة ولا يزال بإمكاني رؤية شاشة تسجيل الدخول القديمة.

أعلم أن هذا تعليق قديم، لكنني بدأت للتو في استخدام هذا الموقع التجريبي لذا أريد التحقق.

يجب عليك تمكين إعداد الموقع login required للحصول على صفحة تسجيل الدخول الثابتة. بخلاف ذلك، كما لاحظت، يمكنك تمكين المكون ولكنك ستظل تحصل على نافذة تسجيل الدخول بدلاً من تسجيل الدخول العصري.

إعجابَين (2)

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

إعجابَين (2)

هل هذا منطقي؟

إعجابَين (2)

نعم، مرحباً. لقد تم فحص ذلك. لقد تبين أنه إضافة إلى CSS.

.wrap {
    max-width: max-content;
}
إعجابَين (2)

عذرًا، لكنني لا أفهم سؤالك.

تنص وصف المكون الإضافي على:

للحصول على صفحة تسجيل الدخول الثابتة، يجب عليك طلب تسجيل الدخول. إذا لم تفعل ذلك ووصلت إلى المسار /login، فستحصل على نافذة منبثقة لتسجيل الدخول بدلاً من ذلك وسيتم تجاهل هذا المكون.

إعجابَين (2)

حسنًا، شكرًا لك، لم أكن على علم بالفرق.

إعجابَين (2)

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

نقدر أي نصيحة حول كيفية استخدام المكون للحصول على مظهر جيد على شاشة الكمبيوتر النموذجية والهاتف المحمول.

إعجاب واحد (1)