كيفية تغيير لون الخلفية في ووردبريس (WordPress)

في مقال اليوم، سنريك طريقتين لتغيير لون خلفية موقع ووردبريس (WordPress) الخاص بك.

سنرى أيضًا كيفية تغيير لون خلفية مقال أو صفحة معينة باستخدام كودات CSS بسهولة و باستخدام إضافة.

1. تغيير لون خلفية كامل الموقع باستخدام أداة تخصيص ووردبريس (WordPress Customizer)

تتضمن معظم قوالب ووردبريس (WordPress) خيارًا يسمح لك بتغيير لون خلفية موقع الويب الخاص بك. يمكنك العثور على هذا الخيار في أداة تخصيص ووردبريس (WordPress).

سجّل الدخول إلى لوحة تحكّم ووردبريس (WordPress)، انقر على "المظهر"، ثم انقر على "تخصيص". سيؤدي هذا إلى فتح أداة تخصيص ووردبريس (WordPress).

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

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

اختر لونًا لخلفيتك باستخدام منتقي الألوان، و عند الانتهاء، اضغط على زر "نشر".

الآن قم بزيارة موقع الويب الخاص بك لرؤية لون الخلفية الجديد الخاص بك.

2. تغيير لون خلفية الموقع باستخدام كودات CSS

طريقة أخرى لتغيير لون خلفية موقع الويب الخاص بك و هي عن طريق استخدام أكواد CSS.

افتح أداة تخصيص ووردبريس (WordPress Customizer) مرة أخرى (المظهر ← تخصيص)، ثم انقر على "تنسيقات (CSS) إضافية".

قم بنسخ الكود أدناه و ألصقه في صندوق الكودات، استبدل "color_code" باللون الذي تريد استخدامه لخلفيتك، ثم اضغط على زر "نشر".

body {
  background-color: #code_color;
}

يمكنك استخدام أي منتقي ألوان عبر الإنترنت للحصول على رمز لون لخلفيتك.

3. تغيير لون خلفية مقال أو صفحة معينة باستخدام أكواد CSS

إذا كنت تريد تغيير لون الخلفية لمقال أو صفحة معينة، فيمكنك تحقيق ذلك باستخدام كودات CSS. لكن أولاً، ستحتاج إلى الحصول على معرّف (ID) المقال أو الصفحة التي تريد تغيير لون خلفيتها.

للحصول على معرّف (ID) مقال أو صفحة، انقر على "مقالات" أو "صفحات"، ثم مرر الفأرة فوق عنوان المقال أو عنوان الصفحة التي تريد الحصول على معرّفها.

انظر إلى الجزء السفلي من شاشتك، و سترى عنوان URL يحتوي على معرّف المقال أو الصفحة.

معرّف المقال أو الصفحة هو الرقم الذي يأتي بعد "=post?". في المثال أعلاه، معرف المقال هو 47.

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

الآن بعد أن تعلمت كيفية الحصول على معرّف مقال أو صفحة، انتقل إلى المظهر ← تخصيص و انقر على "تنسيقات (CSS) إضافية".

إذا كنت تريد تغيير لون خلفية مقال معيّن، انسخ الكود أدناه و ألصقه في صندوق الكودات، ثم استبدل "id" بمعرّف المقال التي تريد تغيير لون خلفيته، و استبدل "code_color" باللون الذي تريد استخدامه لخلفية المقال، و اضغط على زر "نشر".

.postid-number {
  background-color: #code_color;
{

إذا كنت تريد تغيير لون خلفية صفحة معيّنة، انسخ الكود أدناه وألصقه في صندوق الكودات، ثم استبدل "id" بمعرف الصفحة التي تريد تغيير لون خلفيتها، و استبدل "code_color" باللون الذي تريد استخدامه لخلفية الصفحة، و اضغط "نشر".

.page-id-number {
  background-color: #code_color;
}

تغيير لون خلفية مقال أو صفحة معينة باستخدام إضافة

يمكنك أيضًا تغيير لون خلفية مقال أو صفحة معينة باستخدام إضافة تسمى "Change Background Color for Pages, Posts, Widgets".

انتقل إلى "إضافات، انقر على "أضف جديد"، ابحث عن إضافة "Change Background Color for Pages, Posts, Widgets"، ثم قم بتثبيتها وتفعيلها.

افتح الآن أي مقال أو صفحة وسترى خيارًا جديدًا لتغيير لون الخلفية في الشريط الجانبي الأيسر.

اقرأ أيضا

كيفية إيجاد معرّف مقال أو صفحة في ووردبريس (WordPress)