\u003e 
يشرح هذا الدليل كيفية إعداد لوحات ألوان الوضع الفاتح والداكن لموضوع موقع Discourse الخاص بك. ويغطي تكوين كل سمة، وتعيين اللوحات، واعتبارات واجهة المستخدم.
\u003e
\u003e 
مستوى المستخدم المطلوب: مسؤول
يتيح لك تكوين لوحات ألوان مميزة للوضع الفاتح والداكن تقديم مجتمع Discourse الخاص بك بطريقة تتماشى مع علامتك التجارية، وتحسين إمكانية الوصول، ومنح المستخدمين التحكم في تجربة المشاهدة الخاصة بهم. تتيح التحسينات الأخيرة لنظام السمات في Discourse تعيين لوحة فاتحة وداكنة مفضلة لكل سمة، والسماح للمستخدمين باختيار المظهر المطلوب.
ملخص
يغطي هذا الدليل:
- فهم تعيينات لوحات الوضع الفاتح والداكن
- تعيين لوحات الألوان الفاتحة والداكنة لسمة
- إدارة لوحات ألوان موقعك
- فهم الخيارات المواجهة للمستخدم
- أفضل الممارسات لاستخدام اللوحات وإمكانية الوصول
فهم تعيينات لوحات الوضع الفاتح والداكن
تدعم سمات Discourse تعيينًا صريحًا لكل من لوحة الألوان “الفاتحة” و “الداكنة”. بهذه الطريقة، يمكن لأي سمة التبديل تلقائيًا بناءً على إعدادات نظام المستخدم، أو السماح للمستخدم باختيار وضع مفضل، مع الحفاظ على ألوان علامتك التجارية المفضلة.
تعيين لوحات فاتحة وداكنة لسمة
لتكوين لوحات ألوان السمة الخاصة بك:
-
انتقل إلى المسؤول > المظهر > السمات والمكونات (
/admin/customize/themes) -
انقر على السمة التي تريد تعديلها.
-
في إعدادات السمة، حدد موقع قسم لوحات الألوان.
-
لكل من لوحة الألوان و لوحة الألوان الداكنة، حدد اللوحة التي تريد استخدامها.
-
انقر على حفظ في أسفل صفحة إعدادات السمة.
يضمن هذا أن تستخدم سمة موقعك اللوحة الصحيحة لكل من مستخدمي الوضع الفاتح والداكن. لاحظ أنه لا يزال بإمكان أعضائك تحديد لوحات أخرى قابلة للاختيار من قبل المستخدم، ولكن تلك التي تحددها هنا ستكون الافتراضيات.
إدارة لوحات الألوان الخاصة بك
يمكن إدارة جميع لوحات الألوان المتاحة (وتعييناتها المرتبطة) مركزيًا:
-
انتقل إلى المسؤول > المظهر > لوحات الألوان (
/admin/customize/colors) -
هنا يمكنك تعديل أو إضافة أو إزالة اللوحات، وتحديدها على أنها قابلة للاختيار من قبل المستخدم، وتعيينها كلوحات الوضع الفاتح والداكن الافتراضية لسمتك.
خيارات للمستخدم
تفضيلات المستخدم
يمكن للمستخدمين اختيار الوضع المفضل لديهم لعرض الموقع:
-
انتقل إلى تفضيلات المستخدم > الواجهة
-
في قسم “لوحة الألوان”، يمكن للأعضاء تحديد لوحات الوضع الفاتح والداكن المفضلة لديهم، بالإضافة إلى الوضع الذي يرغبون في استخدامه: فاتح، داكن، تلقائي:
إذا تم تحديد “تلقائي”، فسيتكيف Discourse مع تفضيل مخطط الألوان لنظام المستخدم.
أفضل الممارسات
- اتساق العلامة التجارية: قم بتخصيص اللوحات لتتناسب مع علامتك التجارية لكلا الوضعين. حافظ على اتساق الألوان الأساسية ولكن اضبطها للتباين والقراءة.
- إمكانية الوصول: تأكد من أن نسب تباين الألوان تلبي إرشادات WCAG (قد تساعد هذه الأداة)، خاصة في الوضع الداكن، حيث قد تبدو بعض الألوان باهتة.
- الاختبار على أجهزة متعددة: تحقق من المظهر في كلا الوضعين، عبر الأجهزة والمتصفحات.
- أصول الشعار: يمكنك تحميل شعارات منفصلة للوضع الفاتح والداكن في المسؤول > المظهر > الشعارات.
- حافظ على عدد اللوحات معقولاً: قدم فقط اللوحات التي يحتاجها المستخدمون أو التي تعتقد أنها ستكون معقولة.
الأسئلة الشائعة
هل يمكن أن يكون لدي أكثر من لوحة داكنة أو فاتحة؟
نعم، ولكن يوصى بالاحتفاظ بلوحة رئيسية واحدة لكل منهما لتقليل الارتباك. قم بتعيين اللوحات الأساسية فقط للسمات ليختارها المستخدمون.
هل يمكنني إجبار الجميع على استخدام الوضع الفاتح (أو الداكن) فقط؟
يمكنك القيام بذلك عن طريق تعيين نفس اللوحة كلوحات افتراضية فاتحة وداكنة، والتأكد من عدم وجود لوحات أخرى قابلة للاختيار من قبل المستخدم.
هل ستقوم مكونات السمة المخصصة بضبط الألوان تلقائيًا؟
إذا استخدمت متغيرات ألوان CSS الخاصة بـ Discourse (على سبيل المثال، --primary، --secondary)، فستكتسب اللوحة. من الأفضل تجنب الألوان الثابتة في CSS المخصص.
هل يؤدي تبديل اللوحة إلى تغيير السمة بأكملها، أم الألوان فقط؟
تتغير متغيرات الألوان فقط. يظل الهيكل والخطوط والتخطيط كما هو عند تغيير لوحات الألوان.