كيفية إضافة الوضع المظلم إلى موقع ووردبريس الخاص بك (سهل)

هل تريد إضافة الوضع المظلم إلى موقع ووردبريس الخاص بك؟

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

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

إضافة الوضع المظلم إلى موقع ووردبريس الخاص بك (بسهولة)

ما هو الوضع الداكن ولماذا تضيفه إلى موقع الويب الخاص بك؟

يستخدم الوضع الداكن على الأجهزة المحمولة وأجهزة الكمبيوتر لتقليل مقدار الضوء الأبيض من الشاشة.

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

إذا كان لديك جهاز iPhone أو Android ، فقد تتمكن من التبديل إلى الوضع المظلم ببساطة عن طريق استخدام مفتاح التبديل.

بدلاً من ذلك ، على جهاز الكمبيوتر الخاص بك ، يمكنك عرض مواقع الويب في الوضع المظلم باستخدام امتداد Chrome مثل Night Eye. إليك كيف يبدو موقع WPBeginner باستخدام هذا الامتداد:

تم عرض موقع ووردبريس الإلكتروني باستخدام امتداد Chrome ‘Night Eye’

تتيح إضافة الوضع المظلم إلى موقعك للمستخدمين خيار تشغيل الوضع المظلم وإيقاف تشغيله أثناء عرض موقعك. يمنحك أيضًا مزيدًا من التحكم في كيفية ظهور موقعك في الوضع المظلم.

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

عرض YouTube مع تشغيل خيار المظهر الداكن

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

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

نصيحة: هل تريد موقع ويب بنظام ألوان داكن ، حتى مع وجود جهاز المستخدم في الوضع العادي أو وضع النهار؟ ثم تحقق من قائمتنا لأفضل السمات المظلمة لـ ووردبريس .

إضافة Dark Mode إلى موقع ووردبريس الخاص بك

أولاً ، تحتاج إلى تثبيت وتفعيل المكون الإضافي WP Dark Mode . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .

عند التنشيط ، انتقل إلى الإعدادات » صفحة WP Dark Mode في مسؤول ووردبريس الخاص بك وانقر فوق علامة التبويب الإعدادات العامة. يجب إعادة توجيهك هناك تلقائيًا.

هنا ، تم تشغيل الإعداد “تمكين نظام التعرف على الوضع الداكن” من أجلك. هذا يعني أن الزوار سيرون تلقائيًا إصدار الوضع المظلم لموقعك عندما يتم ضبط أجهزتهم على الوضع المظلم.

تم أيضًا تشغيل الإعداد “Show Floating Switch”. هذا يعني أنه يمكن للمستخدمين تبديل طريقة عرضهم للموقع إلى الوضع المظلم في أي وقت ، حتى إذا لم يتم تمكين خيار الوضع الداكن على أجهزتهم.

صفحة الإعدادات العامة للمكون الإضافي WP Dark Mode

ما عليك سوى زيارة موقع الويب الخاص بك ، وسترى المفتاح في الزاوية اليمنى السفلية. انقر فوقه لتبديل موقعك على الفور إلى الوضع المظلم على جهازك:

يتم الآن عرض مفتاح الوضع المظلم على موقع الويب للزوار

هناك المزيد من خيارات التخصيص المتاحة في الإعدادات » صفحة WP Dark Mode . ومع ذلك ، فهي محدودة للغاية مع البرنامج المساعد المجاني.

على سبيل المثال ، ما عليك سوى النقر فوق علامة التبويب “إعدادات العرض” لتغيير نمط المفتاح العائم:

اختيار نوع زر تبديل الوضع الليلي في إعدادات العرض

يمكنك أيضًا تخصيص ألوان الوضع الداكن باستخدام علامة التبويب إعدادات النمط:

اختيار نظام ألوان الوضع الداكن في إعدادات النمط

تأكد من النقر فوق الزر حفظ الإعدادات بعد إجراء أي تغييرات.

ملاحظة: مع الإصدار المجاني من WP Dark Mode ، ستحصل فقط على أول نمطين من أنماط التبديل العائمة وأول 2 إعدادات مسبقة للون للاختيار من بينها.

يوفر الإصدار الاحترافي من WP Dark Mode الكثير من خيارات التصميم ، بالإضافة إلى القدرة على تشغيل الوضع المظلم في أوقات محددة وخيار إضافة رمز CSS مخصص.

إضافة الوضع الداكن إلى مسؤول ووردبريس الخاص بك

يأتي ووردبريس مع أنظمة ألوان المسؤول ، لكن لا يوجد أي من أنظمة الألوان الافتراضية يقلل من الضوء الأبيض القادم من شاشتك. لحسن الحظ ، يحل هذا المكون الإضافي أيضًا هذه المشكلة.

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

ما عليك سوى الانتقال إلى صفحة الإعدادات »WP Dark Mode والنقر فوق علامة التبويب إعدادات عامة. بعد ذلك ، قم بتبديل مفتاح “Enable Backend Darkmode” إلى وضع التشغيل. لا تنس النقر على زر حفظ الإعدادات أسفل الصفحة:

قم بتشغيل تبديل Enable Backend Dark Mode حتى تتمكن من استخدام الوضع الداكن في مسؤول ووردبريس الخاص بك

سترى الآن مفتاح تحويل جديد في الشريط العلوي لمنطقة الإدارة الخاصة بك:

مفتاح التبديل في مسؤول ووردبريس لديك للتبديل بين الضوء (العادي) والظلام لواجهة المسؤول الخاصة بك

ما عليك سوى النقر فوق هذا المفتاح لتبديل منطقة الإدارة على الفور إلى الوضع المظلم.

نصيحة: إذا كان موقعك يحتوي على العديد من مستخدمي ووردبريس ، فيمكن لكل شخص تشغيل الوضع المظلم وإيقاف تشغيله كما يفضل.

نظرًا لأن “ Dark Mode ” ليس نظام ألوان مسؤول ، يمكنك استخدامه بسهولة مع نظام ألوان مسؤول ووردبريس موجود. لتعيين هذا ، ما عليك سوى الانتقال إلى المستخدمين »الملف الشخصي والنقر على خيار ضمن مخطط ألوان المسؤول.

لاحظ أنك ستحتاج إلى إيقاف تشغيل الوضع الداكن لرؤية خيارات نظام ألوان المسؤول:

تحديد نظام ألوان المسؤول في ووردبريس ، على صفحة ملف تعريف المستخدم الخاص بك

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

تشغيل الوضع المظلم في محرر قوالب ووردبريس

الآن ، يمكنك الكتابة والعمل بشكل مريح على موقع الويب الخاص بك في الليل دون إجهاد عينيك.

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

خدمات مميزة لآجلك

نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.

اشترك معنا لمزيد من المعرفة

إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..