كيف يمكنني تغيير Elementor إلى Dark Mode؟
نشرت: 2022-10-18يعد إنشاء موقع ويب عالي الأداء أمرًا يمكنك القيام به بسهولة حتى بدون أي خبرة سابقة. أنت فقط تستخدم مكون WordPress الإضافي مثل Elementor. ولكن عندما يتعلق الأمر بتعزيز قابلية قراءة موقع الويب الخاص بك ، فسيتعين عليك التفكير في تغيير العنصر إلى الوضع المظلم. الآن ، ربما تتساءل ، كيف يمكنني تغيير العنصر إلى الوضع المظلم في المقام الأول؟
حسنًا ، على عكس البرنامج المساعد مثل QS dark mode ، لا يحتوي elementor على مكون إضافي افتراضي للوضع المظلم. هذا يعني أنه يجب عليك تثبيت المكونات الإضافية لجهات خارجية. فائدة أخرى لاستخدام البرنامج المساعد للوضع المظلم QS هو أنه سهل التنفيذ وأكثر سهولة في الاستخدام من elementor.
لذلك ، في هذا البرنامج التعليمي ، سنلقي نظرة على الخطوات الخاصة بكيفية تغيير elementor إلى الوضع المظلم عبر مكونات إضافية مختلفة.
جدول المحتويات
لماذا تحتاج إلى تنشيط Elementor Dark Mode؟
يتزايد استخدام الوضع المظلم أو العنصر في كل من الضرورة والشعبية. لذا ، إذا كنت تتساءل عما إذا كنت تحتاج حقًا إلى تمكين الوضع المظلم أم لا ، فإليك الإجابات.
يقلل إجهاد العين
يمكن أن يؤدي التعرض للضوء الأزرق لفترة طويلة إلى إجهاد العين الرقمي وأعراض مثل جفاف العين والصداع. لذلك ، فإن تنشيط العنصر أو الوضع الداكن يمكن أن يساعد في حماية عينيك من إجهاد العين والتعب الناجم عن الأضواء الساطعة.
يحسن القراءة
فائدة أخرى لاستخدام الوضع المظلم لـ elementor هي أنه يجعل شاشتك أكثر كفاءة لتحسين إمكانية القراءة. يحدث هذا بشكل خاص عندما يكون هناك الكثير من ضوء الشمس في الغرفة ، مما قد يجعل القراءة صعبة. لذلك ، إذا كان لديك مدونة ، فمن المرجح أن يقضي المستخدمون وقتًا أطول على موقع الويب الخاص بك.
رؤية أفضل
يعد استخدام الوضع المظلم مفيدًا أيضًا في إعدادات الإضاءة المنخفضة. ببساطة ، يوفر رؤية أفضل في البيئات المظلمة أو المعتمة. على سبيل المثال ، يمكنك استخدامه في السرير دون القلق من إيقاظ شريكك.
يحفظ عمر البطارية
يميل كل من elementor أو wordpress dark mode android إلى استخدام طاقة أقل مقارنة بالوضع العادي. نتيجة لذلك ، قد تدوم بطارية هاتفك أو الكمبيوتر المحمول لفترة أطول. يقترح بعض الخبراء أنه يمكن أن يزيد عمر البطارية بحوالي 30٪.
لأغراض جمالية
بالمقارنة مع أنظمة الألوان الأخرى في الوضع العادي أو العنصر ، يوفر هذا الوضع واجهة مستخدم أنيقة المظهر وحسن المظهر حقًا. يوفر لك شيئًا يبدو غامضًا وجديدًا.
كيف يمكنني تغيير Elementor إلى الوضع المظلم؟
إذن ، كيف يمكنك بالضبط تغيير عنصر موقع الويب الخاص بك إلى الوضع المظلم؟ بعد كل شيء ، لا توجد طريقة لتمكين ميزة الوضع المظلم افتراضيًا في مدونة elementor الخاصة بك. في هذه الحالة ، ما عليك سوى استخدام مكون إضافي تابع لجهة خارجية مثل WP Dark Mode أو Plus Addons للعنصر. كلا الخيارين متاحان في الإصدارات المجانية والإصدارات الاحترافية.
الطريقة الأولى: استخدام WP Dark Mode
هذا هو البرنامج المساعد الأكثر شيوعًا وشعبية لتغيير العنصر إلى الوضع المظلم. يوفر الكثير من الميزات ، بما في ذلك الوضع المظلم لعنصر واجهة المستخدم وأنماط التبديل المتعددة. فيما يلي خطوات حول كيفية استخدام هذا البرنامج المساعد.
الخطوة 1: تخطيط ألوان الوضع الداكن
تحتاج أولاً إلى تحديد العنصر أو العناصر التي تريد تغييرها إلى الوضع المظلم. هذا لأنه ، في بعض الحالات ، من المحتمل أن يكون لديك بالفعل خلفيات داكنة لن تضطر إلى تغييرها. في معظم الحالات ، قد تضطر إلى تغيير ألوان الخلفية الإجمالية ، بما في ذلك الخطوط والصور.
الخطوة 2: قم بتثبيت WP Dark Mode
بعد ذلك ، يجب عليك تنزيل المكون الإضافي WP Dark Mode . ما عليك سوى البحث عن المكونات الإضافية في لوحة معلومات WordPress الخاصة بك والنقر عليها. ثم اختر إضافة جديد وابحث عن WP Dark Mode. وأخيرًا ، انقر فوق التثبيت الآن لتنشيط المكون الإضافي.
الخطوة 3: قم بتمكين الوضع المظلم
بعد الانتهاء من تثبيت WP Dark Mode ، فإن الشيء التالي هو تمكين الوضع المظلم. يمكنك اختيار تفعيله لصفحة واحدة أو الموقع بأكمله.
الخطوة 4: تنشيط الوضع الداكن لصفحة واحدة
أولاً ، يجب عليك إضافة صفحة جديدة أو ببساطة استخدام صفحة موجودة بالفعل. في لوحة تحكم مسؤول WordPress الخاصة بك ، ما عليك سوى النقر فوق الصفحات ثم إضافة جديد. بعد ذلك ، قم بتسمية صفحتك وعلى الشريط الجانبي الأيمن ، حدد قالب الصفحة كـ Elementor Full Width. بعد ذلك ، اختر خيار التحرير باستخدام Elementor.
بعد ذلك ، ابحث عن Dark Mode في خيار أداة البحث. من هنا ، قم بسحب الأداة وإفلاتها في الصفحة التي تقوم بتحريرها. بمجرد الانتهاء ، يمكنك نشر صفحتك.
الخطوة 5: قم بتنشيط WP Dark Mode للموقع بأكمله
يمكنك أيضًا اختيار تغيير العنصر إلى الوضع المظلم لموقع الويب بالكامل. في هذه الحالة ، تبدأ بتحديد عنصر واجهة WP Dark Mode في لوحة تحكم مسؤول WordPress ، ثم الإعدادات. بعد ذلك ، انقر فوق Enable Frontend Dark mode في الإعدادات العامة.
بعد ذلك ، انقر فوق علامة التبويب إظهار التبديل العائم في الإعدادات لتشغيله. ستلاحظ أن مفتاح تبديل جديد سيظهر أعلى شريط إدارة WordPress الخاص بك. هذا ما ستستخدمه لتغيير العنصر أو الوضع المظلم.
الخطوة 6: اختر نمط التبديل العائم
بعد تنشيط الوضع المظلم لـ wp admin ، يمكنك بعد ذلك تخصيصه للحصول على مظهر مخصص. هناك نوعان من أنماط التبديل العائمة التي يمكنك الاختيار من بينها. لذلك ، تحتاج فقط إلى اختيار موضوع يطابق موضوع مدونتك.
انقر فوق علامة تبويب الوضع الليلي ثم اختر إعدادات التبديل. سترى أنماطًا مختلفة من المفاتيح العائمة للواجهة الأمامية ، بما في ذلك مظهر فاتح وواحد داكن. أخيرًا ، اختر حفظ الإعدادات. يجب الآن تنشيط الوضع المظلم لـ elementor على جميع صفحات موقع الويب الخاص بك.
الطريقة الثانية: استخدام إضافات Plus
تشتمل Plus Addons for elementor على مجموعة من الأدوات والقوالب لمساعدتك على تخصيص موقعك باستخدام elementor. يتيح لك هذا المكون الإضافي إضافة عناصر واجهة مستخدم في منطقة الرأس أو التذييل. اتبع هذه الخطوات حول كيفية تغيير عنصر مدونتك إلى الوضع المظلم باستخدام هذه الأداة.
الخطوة 1: قم بتنزيل Plus Addons
في لوحة تحكم مسؤول WordPress الخاصة بك ، انقر فوق المكونات الإضافية واختر إضافة جديد. سيتم توجيهك إلى مستودع البرنامج المساعد. في شريط البحث ، اكتب The Plus Addons for Elementor وانقر على زر التثبيت الآن.
بعد التثبيت ، يجب أن تظهر إعدادات Plus في الجزء السفلي في الزاوية اليسرى من لوحة القيادة.
الخطوة 2: تنشيط أداة الوضع المظلم
بعد تثبيت Plus Addons ، حدد Plus Widgets في لوحة معلومات Plus Addon. بعد ذلك ، اكتب الوضع المظلم في مربع البحث وقم بتشغيله ببساطة عن طريق تحريك مفتاح التبديل إلى الجانب الأيمن.
الخطوة 3: أضف الأداة في محرر العنصر الخاص بك
لإضافة عنصر واجهة مستخدم الوضع المظلم ، افتح رأس موقع الويب الخاص بك ، ثم اضغط على علامة التبويب "تحرير باستخدام العنصر". بعد ذلك ، اكتب أداة الوضع المظلم في لوحة عناصر واجهة المستخدم Elementor. وأخيرًا ، اسحب الأداة وأسقطها جهة اليمين.
الخطوة 4: قم بتغيير elementor إلى الوضع المظلم
في عنصر واجهة المستخدم أو الوضع المظلم ، اختر علامة تبويب المحتوى. سترى ثلاثة خيارات ، بما في ذلك الوضع المظلم والموضع والخيار الإضافي. اختر خيار الوضع المظلم لتحديد سمة تناسب موقع الويب الخاص بك أو علامتك التجارية من الظلال المختلفة للوضع المظلم.
وإذا كنت ترغب في تخصيص الوضع المظلم بشكل أكبر ، فيمكنك استخدام إعداد الخيار الإضافي. انقر فوق حفظ الإعدادات لتطبيق التغييرات. في هذه المرحلة ، يجب أن يكون العنصر في إعداد الوضع المظلم.
الوضع العادي في مقابل الوضع المظلم Elementor: ما هي الاختلافات؟
يأتي الوضع العادي للعنصر مع 4 ألوان عامة محددة مسبقًا أو افتراضية. تتضمن هذه الألوان ألوانًا أساسية ونصية وصعودية وثانوية. الألوان الأساسية للعناوين والرموز ، بينما الألوان الثانوية لعناصر القائمة وخلفيات جدول الأسعار والعناوين الفرعية. وفي الوقت نفسه ، فإن ألوان النص مخصصة لعناصر القائمة والفقرات ، بينما تكون ألوان التمييز مخصصة للشارات والروابط.
مع الوضع المظلم elementor ، يتألف من ألوان خلفية أغمق بالإضافة إلى ألوان مقدمة أفتح. بخلاف الوضع العادي ، لا يأتي هذا الوضع كإعداد افتراضي مع Elementor. لذلك ، سيتعين عليك استخدام المكونات الإضافية المجانية أو الاحترافية للوضع المظلم لتنشيطه. في الوضع المظلم ، يستخدم العنصر مجموعتين فقط من ألوان الخلفية لإنشاء مظهر الوضع الليلي.
ما هي استخدامات منتقي الألوان في الوضع الداكن؟
عند استخدام الوضع الداكن ، توجد لوحات ألوان داكنة مختلفة يمكنك اختيارها لتتناسب مع نمط موقع الويب الخاص بك. يساعدك منتقي الألوان في تحديد أفضل ألوان العناصر المرئية. بمعنى آخر ، يمكنك استخدام منتقي ألوان الوضع الداكن لاختيار لون سريعًا لاستخدامه في تصميماتك.
بالإضافة إلى السماح لك باختيار الألوان ، فإن منتقي الألوان للوضع الداكن يمكّنك من تخزين هذه الألوان. يمكنك بسهولة حفظ الألوان المستخدمة بكثرة لسهولة الوصول إليها في أي وقت تحتاج إليها.
بالإضافة إلى ذلك ، تتيح لك منتقي الألوان حذف الألوان التي لم تعد بحاجة إليها عبر ميزة السحب والإفلات. والأهم من ذلك ، أنه يتيح لك إعادة ترتيب أفضل ألوان الوضع الداكن مباشرة من أداة التحديد بالترتيب الصحيح.
استنتاج
سواء كنت ترغب في تغيير العنصر إلى الوضع المظلم لتحسين إمكانية القراءة أو الرؤية ، يمكنك القيام بذلك بسهولة. تحتاج فقط إلى معرفة المكونات الإضافية التي يجب استخدامها والخطوات التي يجب اتباعها لتنشيط الوضع المظلم أو العنصر الخاص بك. هذا لأنه ، على عكس المكونات الإضافية مثل الوضع المظلم QS ، لا يحتوي elementor على مكون إضافي افتراضي مدمج للوضع المظلم.
من حسن حظك أن تجد كل هذه المعلومات أعلاه. ومع ذلك ، تجدر الإشارة إلى أن هناك مكونات إضافية أخرى يمكنك استخدامها لتغيير العنصر إلى الوضع المظلم.
ولمزيد من الراحة ، نوصي باستخدام منتقي الألوان للوضع الداكن. قد يوفر لك الوقت عندما يتعلق الأمر باختيار لون الوضع الداكن المناسب والمظهر المناسب لصفحاتك المختلفة.
قالب منشور مدونة واحد