كيفية تغيير لون تحديد النص الافتراضي في ووردبريس

هل تريد تغيير لون تحديد النص الافتراضي في  ووردبريس؟

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

في هذه المقالة ، سنوضح لك كيفية تغيير لون تحديد النص الافتراضي في قالب  ووردبريس الخاص بك.

كيفية تغيير لون تحديد النص الافتراضي في  ووردبريس

لماذا تغيير لون تحديد النص الافتراضي؟

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

أحد التفاصيل التي غالبًا ما يتم نسيانها هو لون التمييز المعطى للنص المحدد. لن يبدو اللون الافتراضي جيدًا في كل موقع.

قد يمنحك موضوع  ووردبريس الخاص بك خيار تغيير هذا اللون ، لكن معظمهم لا يفعل ذلك. إذا لم يكن لديك ، فيمكنك تغيير لون تحديد نص القالب الخاص بك باستخدام مكون إضافي أو مقتطف رمز.

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

الطريقة الأولى: استخدام البرنامج المساعد لتغيير لون تحديد النص

الطريقة الثانية: استخدام الرمز لتغيير لون تحديد النص

الطريقة الأولى: استخدام البرنامج المساعد لتغيير لون تحديد النص

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

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

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

انتقل إلى قسم الألوان في أداة تخصيص السمة

ستحتاج إلى النقر فوق Highlight Color لكتابة الرمز السداسي العشري للون المطلوب أو استخدام منتقي الألوان. ثم ببساطة انقر فوق الزر “نشر” لتنشيط لون التمييز الجديد.

لون تمييز مخصص

الطريقة الثانية: استخدام الرمز لتغيير لون تحديد النص

الطريقة الثانية تستخدم مقتطف كود CSS . قد يكون هذا أمرًا صعبًا للمبتدئين ، وقد يؤدي ارتكاب خطأ إلى كسر موقع  ووردبريس الخاص بك .

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

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

بعد ذلك ، يمكنك ببساطة نسخ ولصق الأنماط التالية.

::-moz-selection {
    background-color: #ff6200;
    color: #fff;
}
  
::selection {
    background-color: #ff6200;
    color: #fff;
}

لاحظ أننا أضفنا نمطين. يعمل محدد CSS :: moz-selected مع متصفح Firefox ، ويعمل محدد CSS :: select مع المتصفحات الشائعة الأخرى مثل Chrome و Safari و IE9 + و Opera.

قسم الألوان لمخصص النسق

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

يمكنك الآن الانتقال إلى موقع الويب الخاص بك لمعرفة التغيير قيد التنفيذ. فيما يلي لقطات شاشة قبل وبعد من موقع الويب الخاص بنا للاختبار.

معاينة لون تحديد النص المتغير

نأمل أن يساعدك هذا البرنامج التعليمي في تعلم كيفية تغيير لون تحديد النص الافتراضي في  ووردبريس.

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

خدمات مميزة لآجلك

نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.

اشترك معنا لمزيد من المعرفة

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