طريقة تلوين شريط العنوان في متصفح الجوال

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

ربما لاحظ الكثيرون بالفعل أنه عند فتح مواقع ويب معينة على هاتفك الذكي ، يظهر شريط عنوان المتصفح بلون مناسب للصفحة. يمكن ملاحظة ذلك ، على سبيل المثال ، على صفحة Facebook للجوال.

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

<meta name="theme-color" content="#ff6600" />

يمكنك تغير اللون وحسب رغبتك :

لست متأكدًا من كيفية الحصول على رمز اللون؟

يمكنك الحصول على قيمة HEX للون باستخدام أي برنامج لتحرير الصور مثل Adobe Photoshop و Gimp و Paint .

مع ذلك ، هناك قيود صغيرة: حاليًا ، يدعم الإصدار 39 من Google Chrome والإصدارات الأحدث هذه العلامة الوصفية في نظام Android.

إذا كنت تريد تضمين سطر الكود في موقع الويب الخاص بك ، يجب عليك تغيير كود HTML للقالب المستخدم. يمكن القيام بذلك تحت WordPress عن طريق تخصيص ملف header.php. بالنسبة لمستخدمي جملة ، توفر معظم القوالب خيار إدراج رمز تم إنشاؤه بواسطة المستخدم في منطقة <head> من القالب عبر واجهة المسؤول.

 

Exit mobile version