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

طريقة 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

بريسكي تيوس ليه وورد المواضيع استخدام قياسي للوظيفة " body_class » من WordPress على علامة "الجسم". تضيف هذه الوظيفة فئات CSS التي تم إنشاؤها بواسطة WordPress أو المكونات الإضافية إلى علامة النص الخاصة بـ بلوق الخاص بك. يختلف كل فصل حسب المكان الذي يتواجد فيه. وبالتالي فإن فئة الفئات ستكون مختلفة عن فئة المحفوظات أو المؤلفين.

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

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

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

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

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

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