• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

سعيد البقالي

مطوّر ووردبريس

  • الرئيسية
  • المدونة
  • الأرشيف
  • راسلني
أنت في:الرئيسية / شرحات ووردبريس / تغيير لون ولون خلفية النص المُحدّد

تغيير لون ولون خلفية النص المُحدّد

أخر تحديث في 18 أبريل، 2021 بواسطة سعيد البقالي تعليق واحد فقط

عندما يتعلق الأمر بتخصص مواقعنا الخيارات المتوفرة لنا لا حدود لها، فمثلا في ووردبريس وكما رأينا سابقا يمكننا فعل أشياء كثيرة منها، تغيير لون تعليقات الأعضاء، تغيير شكل القوائم الغير مرتبة، تخصيص صفحة تسجيل الدخول، عرض محتوى المقالات على شكل أعمدة…

تغيير لون الخلفية عند تحديد النص في ووردبريس

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

موضوعنا اليوم يا سادة هو تغيير لون الخلفية عند تحديد النص، افتراضيا المتصفحات تضع خلفية زرقاء ولون خط أبيض للنصوص عند تحديدها، لكن بواسطة المحدد ::selection يمكننا التحكم في هذا التنسيق وجعله كما نريد.

فمثلا إذا قمت الآن بتحديد أي كلمة، جملة أو فقرة في هذه التدوينة ستجد أن الخلفة تصبح سوداء عوض الخلفية الزرقاء الإفتراضية, للحصول على هذا فقط عليك إضافة المحدد ::selection إلى ملف تنسيقات CSS للقالب المفعل وتطبق التنسيقات التي تفضلها، كهذا المثال:

::-moz-selection {
background-color: #2e2f33;
color: #fff;
}
::selection {
background-color: #2e2f33;
color: #fff;
}

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

المحدد ::selection يدعم color, background, background-color و text-shadow. أما background-image فيتم تجاهلها. هو مدعوم من طرف IE9+, Opera, Google Chrome y Safari. والمحدد الآخر ::-moz-selection هو الذي يدعمه Firefox.

يمكنك أيضا تطبيق هذا التنسيق فقط على أماكن معينة من الموقع، فمثلا لتطبقه فقط على الفقرات يمكنك جعله هكذا:

p ::-moz-selection {
background-color: #2e2f33;
color: #fff;
}
p ::selection {
background-color: #2e2f33;
color: #fff;
}

هل أعجبك شرح اليوم؟ هل ستطبقه على موقعك؟
لا تبخل علينا برأيك فهو يهمنا.

قم بالتسجيل على قائمتي البريدية لكي تكون من الأوائل في الحصول على تدوينات وشروحات حصرية

أنا لا أرسل أبدا البريد المزعج! اقرأ سياسة الخصوصية لمزيد من المعلومات.

افحص البريد الوارد أو مجلد (غير هام) للعثور على رسالة تأكيد الاشتراك.

تحت تصنيف:شرحات ووردبريس

عن سعيد البقالي

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

قم بالتسجيل على قائمتي البريدية لكي تكون من الأوائل في الحصول على تدوينات وشروحات حصرية

أنا لا أرسل أبدا البريد المزعج! اقرأ سياسة الخصوصية لمزيد من المعلومات.

افحص البريد الوارد أو مجلد (غير هام) للعثور على رسالة تأكيد الاشتراك.

Reader Interactions

أضف رأيك حول الموضوع


المرجو الكتابة باللغة العربية الفصحى لكي يفهم الجميع و شكرا

  1. مختار قال

    29 ديسمبر، 2017 بتوقيت 9:30 صباحًا

    السلام عليكم

    وهل توجد طريقة اضافة خلفية للمضوع بدون صورة بل 2 لونان نصف اخضر ونصف بني

    رد

أضف رأيك حول الموضوع إلغاء الرد

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

القائمة الجانبية الرئيسية

البحث

  • حسابي على تويتر
  • رابط صفختي على انستغرام
  • رابط قناتي على اليوتوب
  • صفحتي على فايسبوك
  • ربط حسابي على جيت هاب
  • رابط حسابي على تلغرام
  • ربط حسابي على الموقع الرسمي لووردبريس
  • CodePen

قم بالتسجيل على قائمتي البريدية لكي تكون من الأوائل في الحصول على تدوينات وشروحات حصرية

أنا لا أرسل أبدا البريد المزعج! اقرأ سياسة الخصوصية لمزيد من المعلومات.

افحص البريد الوارد أو مجلد (غير هام) للعثور على رسالة تأكيد الاشتراك.

المواضيع الأكثر شعبية

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

دروس ووردبريس من الصفر للمبتدئين بالفيديو

10 من أفضل قوالب ووردبريس المجانية

شرح إضافة Yoast SEO بالفيديو

طريقة إضافة نجوم تقييم المقالات في ووردبريس

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

شارة شركة ديجيتال أوشن
مارس 2023
نثأربخجسد
 12345
6789101112
13141516171819
20212223242526
2728293031 
« مارس    

جميع الحقوق محفوظة © 2023

  • سياسة الخصوصية
  • شروط الاستخدام