الوضع الداكن أو الوضع الليلي وهو أحد الميزات التي توفر نظرة داكنة أو ليلية على مواقع الويب والتطبيقات. بشكل عام ، غالبًا ما توجد هذه الميزة على مواقع الويب وتطبيقات الوسائط الاجتماعية مثل Facebook و Instagram و Twitter وغيرها الكثير.
ومع ذلك ، مع تطور الزمن والتكنولوجيا ، بالإضافة إلى العديد من المبرمجين الخبراء في صناعة البرامج النصية ، لا يمكن استخدام ميزة الوضع الليلي أو الوضع الداكن مرة أخرى فقط على مواقع التواصل الاجتماعي ، ولكن يمكن استخدامها بالفعل على مواقع الويب الشخصية أو المدونات. على سبيل المثال ، إذا كنت تستخدم WordPress.
مقتبس من ويكيبيديا WordPress هو تطبيق أو منصة مفتوحة المصدر تحظى بشعبية كبيرة لاستخدامها كمحرك مدونة (CMS).
بالحديث عن WordPress و Night Mode ، في هذه المناسبة سيقدم المؤلف برنامجًا تعليميًا قصيرًا حول Easy Ways to Dark Mode على مدونة WordPress إذا كنت مهتمًا بصنعه ، يمكنك أن ترى في البرنامج التعليمي التالي.
كيفية جعل الوضع الليلي على مدونة وورد
1. قم بتسجيل الدخول أو تسجيل الدخول إلى حساب WordPress الخاص بك .
2. بعد دخول الصفحة الرئيسية ، حدد قائمة البرنامج المساعد → إضافة جديد.
3. في حقل البحث، أدخل كلمة أو كلمات " WP الوضع الليلي " → ثم قمت بتحميل البرنامج المساعد من خلال النقر على التثبيت الآن و تمكين الإضافات لها.
إذا اكتملت عملية التنزيل ، فلن تجد أي قائمة من المكون الإضافي ، ويجب أن تكون المقالة لتنشيط المكون الإضافي عبر css.
4. لمعرفة كيفية تنشيطها ، يرجى تحديد قائمة العرض ← القائمة ← إنشاء قائمة جديدة ← تعبئة اسم القائمة وتحديد إنشاء قائمة.
5. بعد ذلك سنقوم بإضافة CSS. نعم ، قبل إضافة css ، يرجى تحديد خيارات الشاشة والتحقق من عمود فئات CSS أو فئة CSS.
6. بعد ذلك، يمكنك ببساطة إنشاء رابط مخصص عن طريق اختيار القائمة سريعة مخصص على الجانب الأيسر من الصفحة. املأ عمود URL بـ "#" علامة سياج واملأ نص الرابط باسم "Dark Mode".
إذا كان الأمر كذلك ، فحدد Add Menu. بعد النقر فوق قائمة الإضافة ، سيظهر عمود جديد ، وهو عمود فئات CSS ، املأ الرمز أدناه وحدد حفظ القائمة.
7. بعد ضبط كل شيء ، لن تعمل ميزة الوضع هذه على الفور لعرض الوضع المظلم. لذلك ، يجب عليك تغيير لون خلفية الموقع قليلاً إذا تم النقر على زر الوضع الداكن . لمعرفة كيفية القيام بذلك ، يرجى تحديد Display → Adjust.
8. عندما تكون في صفحة التخصيص ، يمكنك تغيير لون الخلفية ، رابط النص ، رابط التمرير ورابط اللون. يمكنك ضبط اللون حسب الذوق. إذا كان الأمر كذلك ، فحدد نشر!
9. تم.
معلومات إضافية: التغلب على عناصر الموقع التي لم تغير اللون أيضًا
المزيد قليلاً ، إذا كانت هناك بعض عناصر موقع الويب التي لا تتحول إلى اللون الداكن ، يمكنك إضافة رمز css على تخصيص ← صفحة CSS إضافية ← أدخل رمز css أدناه.
1
body.wp-night-mode-on .class-elemen-yang-ingin-diperbaiki {color: #kodewarna;}
لمعرفة رمز العنصر ، يرجى فحص العنصر أولاً. إذا تمت إضافته ، ما عليك سوى حفظ التغييرات عن طريق تحديد الزر نشر!
التالي هو عرض Dark Mode الذي تم تثبيته على مدونة WordPress.
كيف ، سهل جدا أليس كذلك؟ مع هذا المظهر ، يبدو موقع الويب الخاص بك أكثر أناقة ورائعة ، كما أنه محترف لفئات مواقع الويب الشخصية.
حسنًا ، كان هذا برنامجًا تعليميًا حول كيفية إنشاء الوضع المظلم بسهولة على مدونة WordPress التي شاركها المؤلف معك. جرب.
تعليقات
إرسال تعليق