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

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

آیا تا کنون متوجه شده اید که بسیاری از وبسایت های معروف مثل بی بی اس یا فیس بوک از رنگ های برند خود برای نوار آدرس در مرورگر خود استفاده می کنند؟در این مقاله ما به شما آموزش خواهیم داد که چگونه رنگ نوار آدرس خود را تغییر دهید.

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

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

در چند سال اخیر با گسترش تکنیک هایی مانند طراحی ریسپانیودسترسی به سایت های اینترنتی از طریق تلفن همراه بسیار ساده شده است و نمونه های بسیاری میتوان ذکر کرد که نسخه موبایل آنها بی شباهت به نرم افزارهای پیشرفته موبایل نیستند. کاربر با ورود به این سایت ها میتواند به راحتی مطالب مورد نظر خود را پیدا کرده و مطالعه کند. در چنین شرایطی با تغییر رنگ مرورگر کاربران حس بهتری از هماهنگی رنگ ها و تغییر محیط به آنها داد.

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

چگونه رنگ مرورگر را در موبایل کاربران تعیین کنیم؟

اگر ذره ای کدنویسی و HTML بلد باشید این کار را به راحتی انجام خواهید داد اما اگر بلد نیستید به آموزش ارائه شده در این بخش دقت کنید زیرا بسیار ساده است.

حتما بخوانید   آموزش ساخت روبات تلگرام

برای شروع شما باید به کدهای سایت یا وبلاگ خود دسترسی داشته باشید، هر صفحه HTML در اینترنت از دو بخش اصلی head و body تشکیل شده است. کدهایی که در head قرار میگیرند تنها برای ربات های خزنده و مرورگرها استفاده میشوند و کدهایی که در body قرار میگیرند به کاربران سایت نمایش داده میشود. برای تغییر رنگ مرورگر شما باید یک خط کد ساده در head صفحه خود قرار دهید که عبارت است از:

ین خط یک تگ متا HTML است که به وسیله Google Chrome در دستگاه های اندروید برای تغییر رنگ نوار آدرس مرورگر موبایل استفاده می شود. در قسمت content  یک کد hex هست برای رنگی که می خواهید به عنوان رنگ قالب استفاده کنید.

بین خط یک تگ متا HTML است که به وسیله Google Chrome در دستگاه های اندروید برای تغییر رنگ نوار آدرس مرورگر موبایل استفاده می شود. در قسمت content  یک کد hex هست برای رنگی که می خواهید به عنوان رنگ قالب استفاده کنید.

در تصویر بالا یک کد ۶ رقمی قرار دارد که تعین میکند مرورگر شما باید با چه رنگی در موبایل کاربران نمایش داده شود، برای اینکه بتواند کد ۶ رقمی مورد نظر خود را پیدا کنید میتوانید از نرم افزارهای گرافیکی مانند فتوشاپ یا paint استفاده کنید ولی ما به شما می آموزیم که چگونه این کار را با مرورگر کروم خود انجام دهید.

نمی دانید چطور این کد را بگیرید؟

می توانید با استفاده از هر نرم افزار ویرایشگر عکس مثل فتوشاپ،گیمپ،پینت و … این کد را تهیه کنید.

حتما بخوانید   آموزش استفاده از ایکون فونت با Font Awesome

برداشتن رنگ از تصاویر

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

مطالب مرتبط

دیدگاهی بنویسید.

بهتر است دیدگاه شما در ارتباط با همین مطلب باشد.