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

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

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

يمكنك تعلم كيفية تغيير لون النص في ووردبريس

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

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

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

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

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

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

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

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

أول شيء عليك القيام به هو تثبيت وتفعيل الإضافة Custom Highlight Color. .

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

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

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

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

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

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

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

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

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

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

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