خانه / سیستمهای مدیریت محتوا / وردپرس / چگونه رنگ نوار آدرس را در مرورگر موبایل تغییر دهیم تا با سایت وردپرس ما هماهنگ شود

چگونه رنگ نوار آدرس را در مرورگر موبایل تغییر دهیم تا با سایت وردپرس ما هماهنگ شود

آیا تا به حال دقت کرده اید که وب سایت های مشهور مانند فیسبوک و بی بی سی از رنگ های برندشان در مرورگرهای موبایل استفاده می کنند. در این مقاله به شما نشان می دهیم که چگونه رنگ نوار آدرس را با وب سایت خود هماهنگ کنید.

 

چرا رنگ نوار آدرس را در مرورگر موبایل تغییر دهیم؟

بیشتر قالب های مشهور وردپرس برای موبایل نیز جواب می دهند. این باعث می شود که سایت شما در موبایل نیز خوب نمایش داده شود. اما همچنان شبیه و احساس یک وب سایت را می دهد.

هماهنگ کردن رنگ نوار آدرس با سایت وردپرس، احساس یک اپلیکیشن بودن را به مخاطب القا می کند. این باعث بهبود تجربه کاربری می شود که باعث بالا رفتن فروش و توجه به شما می گردد.

اما دقت داشته باشید که این در حال حاضر فقط برای مرورگر کروم در دستگاه های اندرویدی Lollipop و بالاتر اجرا می شود.

هماهنگ کردن نوار آدرس مرورگر موبایل با قالب وردپرس

با اضافه کردن این کد به قالب یا قالب مخصوص سربرگ فایل header.php به قبل از بسته شدن هشتگ </head> این کار انجام می شود.

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

این خط یک متا هشتگ HTML است که توسط گوگل کروم اندروید استفاده می شود تا رنگ نوار آدرس را تغییر دهد. در قسمت content شما کد مخصوص رنگی که می خواهید به عنوان رنگ قالب قرار دهید، را می توانید جای گذاری کنید.

مطمئن نیستید که چگونه کد رنگ را بگیرید؟

می توانید این کد را را با استفاده از ویرایشگرهای تصویر مانند فتوشاپ، پینت و یا Gimp به دست بیاورید.

همچنین می توانید از ابزارهای انتخاب رنگ HTML انلاین استفاده کنید. همچنین اگر می خواهید از یک صفحه وب رنگ انتخاب کنید می توانید از افزونه هایی مانند ColorZilla استفاده کنید.

 

منبع

مطلب پیشنهادی

چگونه مهلت نظر دادن در وردپرس را برای بعضی پست ها تغییر دهیم

یکی از راه حل هایی که اغلب اوقات برای کاهش میزان نظرات اسپم پیشنهاد می …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *