نحوه تغییر رنگ مرورگر موبایل هنگام باز کردن سایت

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

اگر برای وب گردی از گوشی‌های هوشمند استفاده می‌کنید باید تابه‌حال با متوجه رنگ نوار آدرس‌دهی سایت‌های مختلف شده باشید. در گوشی‌های هوشمند رنگ URL های سایت‌های مختلف به رنگ‌های مختلف تغییر می‌کند.

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

چراکه شما با انجام این کار می‌توانید تجربه کاربری مناسبی برای کاربران خود رقم بزنید و از این طریق باعث افزایش بازدید شوید و درنتیجه افزایش آمار بازدید باعث افزایش فروش و بازخوردها می‌شوید.

اما به یاد داشته باشید که فقط برای مرورگر Google Chrome در دستگاه‌های اندروید با استفاده از Lollipop یا نسخه‌های جدیدش کار می‌کند. با دکترگرافیک همراه باشید.

تغییر رنگ مرورگر موبایل هنگام باز کردن سایت

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

به راحتی این کد را در فایل header.php قبل از تگ </head>  وارد کنید.

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

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

همچنین اگر میخواهید برای خودتون سایت اختصاصی داشته باشید صفحه طراحی وب سایت وردپرس اختصاصی را مطالعه کنید.

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

اگر کد رنگی که می‌خواهید برای نوار آدرس سایت خود استفاده کنید را نمی‌دانید، می‌توانید با استفاده از هر نرم‌افزار ویرایشگر عکس مثل: فتوشاپ، گیمپ، پینت و … این کد را تهیه کنید و از آن در کد نویسی بالا استفاده کرده و رنگ URL سایت خود را تغییر دهید.

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

امید است این مقاله در خصوص تغییر رنگ نوار مرورگر موبایل هنگام باز کردن سایت به شما کمک کرده باشد.