هل لاحظت مؤخرًا أثناء تصفح المواقع الإلكترونية الكبرى تغيير لون الشريط العلوي بالمتصفح عندما تدخل أحد المواقع الإلكترونية مثل فيسبوك؟ هذا الشريط لا علاقة له بالموقع إنما هو للمتصفح ومع ذلك بالإمكان التحكم بلونه بسهولة على الهواتف الذكية طبعًا هذه الميزة فقط.

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

كيف تقوم بتغيير لون شريط المتصفح العلوي بلون مدونتك على الهواتف الذكية؟

لتغيير لون شريط المتصفح العلوي في مدونات بلوجر أنتقل إلى لوحة تحكم المدونة --> القالب --> تحرير HTML ثم قم بالبحث عن الرمز </head> وأضف الكود التالي فوقه مباشرةً
<!-- لمتصفح أندرويد -->
<meta content='#
15587D' name='theme-color'/>
<!-- ويندوز فون -->
<meta content='#
15587D' name='msapplication-navbutton-color'/>
<!-- لنظام سفاري iso -->
<meta content='#
15587D' name='apple-mobile-web-app-status-bar-style'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
غير اللون #15587D بما يناسب لون قالب مدونتك بإستخدام الأداة 

أنقر حفظ القالب


للتغير في ووردبريس
أنتقل من لوحة التحكم إلى المظهر --> المحرر ثم أبحث عن ملف header.php
أنقر على ملف header.php ثم أبحث عن الرمز </head> ثم أضف الكود السابق فوقه مباشرةً ولا تنسى تغيير اللون المناسب لمظهر موقعك.



By