استعراض إضافات

إضافة WP Dark Mode لتفعيل الوضع الليلي في موقع ووردبريس

يحب الكثير منا استخدام الوضع الداكن أو الوضع الليلي في المواقع والتطبيقات؛ لما يوفره من مظهر أنيق واستخدام مريح للعين، وأنت كصاحب مدونة ووردبريس قد ترغب في توفير هذا الخيار لزوار موقعك، وهذا ما تفعله بسهولة إضافة WP Dark Mode المتميزة.

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

مَيزات إضافة WP Dark Mode

  • سهلة العمل، بمجرد تفعيل الإضافة يتمكن زوار الموقع من التبديل إلى الوضع الليلي.
  • يتغير وضع موقعك تلقائيًّا بناء على إعدادات جهاز الزائر، وتدعم الإضافة العديد من أنظمة التشغيل، مثل: Android – iOS – Windows – macOS. وفي نهاية المقال ستجد ملحقًا لشرح تفعيل الوضع الليلي في أنظمة التشغيل المختلفة.
  • تفعيل الوضع الليلي في لوحة تحكم ووردبريس للمدير.
  • الإضافة متوافقة مع العديد من قوالب ووردبريس، ومنها: قالب مهارتي، وقالب جنة، وقالب أفادا… وغيرهم.
  • يمكن استخدام زر التبديل بين الوضع العادي والليلي كمكون ضمن مكونات محرر Gutenberg.
تفعيل الوضع الليلي تلقائيًّا في موقع ووردبريس بناء على إعدادات جهاز الزائر باستخدام إضافة WP Dark Mode
لون موقعك سوف يتحول تلقائيًّا بناء على الوضع المستخدم في جهاز الزائر

إعدادت إضافة WP Dark Mode الأساسية

  • توفير زر عائم على صفحات موقعك للتبديل بين الوضع الليلي والوضع العادي.
  • إمكانية جعل الوضع الليلي هو الافتراضي لزائر الموقع.
  • إمكانية تفعيل الوضع الليلي للمدير في لوحة التحكم.
  • إمكانية تفعيل اكتشاف وضع جهاز المستخدم، فإذا كان الوضع الليلي مفعلًا في جهاز الزائر، فإن موقعك سيعمل على نسخة الوضع الليلي تلقائيًّا.
  • إمكانية تفعيل الوضع الليلي في محرر ووردبريس Gutenberg عند تعديل المقالات والصفحات، وهذا يمنحك رؤية فورية لكيفية ظهور مقالتك في الوضع الليلي والوضع العادي، ما يساعدك على إعداد جيد لمحتوى موقعك.
  • إمكانية جعل الوضع الداكن هو الوضع الافتراضي الذي يراه الزائر في البداية، ثم يبدل إلى الوضع العادي إن رغب في ذلك.
  • إمكانية اختيار مجموعة ألوان إضافية يتم تحويل موقعك إليها في الوضع الداكن، متوفر حاليًا مجموعة اللون الذهبي مع الوضع الداكن، وكذلك اللون السماوي مع الوضع الداكن، بالإضافة إلى إحدى عشرة مجموعة أخرى في النسخة المدفوعة من الإضافة.
  • إمكانية اختيار شكل زر التبديل الذي يبدل منه الزوار بين الوضع الداكن والعادي، حيث تتوفر 3 أشكال في النسخة المجانية، بالإضافة إلى 16 شكلًا في النسخة المدفوعة.
  • إمكانية تحديد حجم زر التبديل بين الوضعين، حيث تجد 5 أحجام مختلفة، بالإضافة إلى خيار سادس هو تعيين حجم خاص من اختيارك.
  • إمكانية اختيار مكان ظهور زر التبديل إلى الوضع المظلم، حيث يمكنك إظهاره أسفل الشاشة يمينًا أو يسارًا. بالإضافة إلى إمكانية تحديد مكان مخصص من اختيارك في النسخة المدفوعة.
  • إمكانية إضافة تأثير حركي على زر التبديل لجذب الانتباه، فالنسخة المجانية توفر تأثيرين، بالإضافة إلى العديد من التأثيرات في النسخة المدفوعة.
  • إمكانية تفعيل اختصار لوحة المفاتيح ليستخدمه زوار موقعك للتبديل إلى الوضع الداكن، الاختصار هو الضغط على Ctrl + ALt + D.
  • إمكانية تقليل إضاءة الصور في الوضع الداكن لتكون 80% من الإضاءة الطبيعية، وهذا للعمل على راحة العين والانسجام أكثر مع الوضع الليلي. بالإضافة إلى إعداد قوي جداًّ متعلق بالصور تجده في النسخة المدفوعة كما هو موضح في القسم التالي من المقالة.
  • إمكانية تحويل الصور إلى تدرج الرمادي بدلًا من إبقائها ملونة.
  • إمكانية تحديد طريقة ظهور النسخة الأخرى من الموقع عند الضغط على زر التبديل، حيث يمكن أن تظهر النسخة المطلوبة من أحد الجوانب، أو مع تأثير التكبير، وغير ذلك من المؤثرات.
إضافة WP Dark Mode تحول الصور إلى تدرج الرمادي في الوضع المظلم
يمكنك تحويل الصور إلى تدرج الرمادي في الوضع المظلم

إعدادات النسخة المدفوعة من إضافة WP Dark Mode

تتوفر نسخة مدفوعة من إضافة WP Dark Mode تشمل العديد من الميزات والخصائص القوية، منها:

  • إمكانية تشغيل وإيقاف الوضع الليلي على موقعك في ساعات محددة من اختيارك بناء على ساعات الليل والنهار.
  • إمكانية تشغيل الوضع الليلي بناء على وقت غروب الشمس، وهذا قد يحتاج إلى طلب الوصول إلى موقع الزائر عند استخدامه موقعك أول مرة، وبعد ذلك يتغير وضع الموقع تلقائيًّا بناء على غروب وشروق الشمس في بلد الزائر.
  • إمكانية التحكم في درجة سطوع ضوء الشاشة في الوضع الداكن.
  • إمكانية التحكم في درجة تباين الألوان (مدى اختلاف لون النص ونحوه عن لون الخلفية بحيث يظهر بشكل أوضح) في الوضع الداكن.
  • إمكانية اختيار مجموعات ألوان إضافية منها: الأخضر، والأصفر، والوردي، وألوان فيسبوك، وألوان تويتر، وغير ذلك.
  • إمكانية تحديد وتخصيص مجموعة ألوان من اختيارك للوضع الليلي.
  • وجود 16 شكلًا إضافيًّا لزر التبديل بين الوضع العادي والوضع المظلم.
  • إمكانية اختيار مكان مخصص من اختيارك لظهور زر التبديل بين الوضع الليلي والوضع العادي.
  • وجود 6 تأثيرات حركية إضافية لزر التبديل بين الوضعين لجذب انتباه الزائر.
  • إمكانية إضافة جملة نصية بجوار زر التبديل للدعوة لتجربة الوضع الآخر.
  • إمكانية دمج زر التبديل بين الوضعين في قائمة الموقع.
  • إمكانية إضافة كود قصير لإظهار زر التبديل في أي مكان تريد، والكود هو: [wp_dark_mode_switch] بحسب إفادة مبرمج الإضافة.
  • إمكانية تعيين أيقونة مخصصة لزر التبديل بحسب رغبتك، أو كتابة نص بدلًا منها.
  • إمكانية تضمين أو استبعاد عناصر معينة من نظام الوضع الليلي بناء على محددات العناصر باستخدام Class أو ID.
  • إمكانية استثناء بعض المحتويات من الوضع الليلي، ويمكنك في هذا الإعداد استثناء محتوى بعينه (صفحة، أو مقالة) كما يمكنك استثناء تصنيف كامل، وكذلك استثناء المقالات بناء على الوسوم أو أنواع أخرى مخصصة من البيانات.
  • إمكانية تأخير تحميل ملفات جافا سكريبت حتى اكتمال تحميل الصفحة، وهذا يساعد بقوة في دعم SEO الموقع.
  • إمكانية استبعاد منتجات متجر Woocommerce محددة أو أقسام كاملة من المتجر، بحيث لا تنطبق عليها إعدادت الوضع الليلي.
  • إمكانية وضع نسختين من الصور في موقعك، لتظهر إحداهما في الوضع العادي، والأخرى في الوضع الليلي.
  • يمكنك فعل الأمر السابق مع الفيديوهات كذلك.
  • إمكانية كتابة أكواد CSS لمزيد من تخصيص موقعك لتعمل مع الوضع الداكن فقط، ما هذا الأمر الرائع!
  • إمكانية الحصول على تقريرات وإحصائيات بعدد زوار مدونتك الذين يستخدمون الوضع الداكن والوضع العادي، ما يوفر لك مرجعًا مهما لاتخاذ بعض القرارات المتعلقة بمظهر موقعك.

سلبيات إضافة WP Dark Mode

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

كيفية تفعيل الوضع الليلي على الأجهزة المختلفة

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

تابعنا دائمًا للحصول على الجديد والمفيد في مجال إضافات ووردبريس مع موقع ويكي إضافات.

قسيمة تخفيض قالب مهارتي 10% مدونة ويكي إضافات

عبد الرحمن المكاوي

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

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني.

زر الذهاب إلى الأعلى