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

طريقة 1: كيفية إضافة ألوان عشوائية يدويا

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

كل ما عليك فعله هو إضافة الجزء التالي من الكود في المكون الإضافي الخاص بك ، أو في ملف "jobs.php" الخاص بالقالب.

function bpc_bg () {$ rand = array ('0'، '1'، '2'، '3'، '4'، '5'، '6'، '7'، '8'، '9'، '0,15'، "a" ، "b" ، "c" ، "d" ، "e" ، "f") ؛ $ color = '#'. $ rand [rand (0,15)] $ rand [rand (0,15)]. $ rand [rand (0,15)]. $ راند [راند (0,15)] $ راند [راند (0,15)] $ راند [راند (XNUMX)] .. صدى $ اللون ؛ }

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

لذلك ستحتاج إلى تعديل ملف header.php الخاص بموضوعك ، حيث توجد علامة boy كما في الصورة التالية:

>

يجب استبدالها بالكود التالي:

style = "لون الخلفية: ">>

احفظ ملفك وقم بتحديث صفحتك ، ستلاحظ أن هناك تغيرًا في اللون في كل مرة.

ليس لديك حد للألوان التي يمكنك اختيارها. من الممكن أيضًا أن تفعل الشيء نفسه مع الألوان التي حددتها مسبقًا.

الطريقة الثانية: كيفية تغيير ألوان الخلفية باستخدام مكون إضافي

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

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

طريقة 3: كيفية إضافة لون مخصص عن طريق اللعب مع فئات CSS

تستخدم جميع قوالب WordPress القياسية تقريبًا " body_class على وسم "body" في ووردبريس. تضيف هذه الدالة فئات CSS التي يُنشئها ووردبريس أو الإضافات إلى وسم "body" في مدونتك. تختلف كل فئة باختلاف موقعها. لذلك، ستختلف فئة الفئة عن فئة الأرشيف أو المؤلف.

على سبيل المثال ، إذا كان لديك مدونة بها فئة تسمى " تصوير"، ثم يمكنك العثور على الفصل المقابل في صفحة أرشيفات المدونة.

من هذه اللحظة فصاعدًا ، يمكنك تطبيق نمط معين على هذه العلامة.

body.category-photography {background-colour: #faebd7؛ }

وبالمثل ، يمكنك تطبيق رمز محدد لفئة معينة

body.postid-65 {background-color: #faebd7؛ }

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