احتمالا شما هم متوجه این موضوع شده اید که با مراجعه به سایت های بزرگ توسط مرورگرهای مدرن موبایل ، رنگ نوار آدرس مرورگر با رنگ سایت هماهنگ شده و تغییر می کند . این قابلیتی است که در ورژن ۳۹ به بعد مرورگر کروم برای آندروید اضافه شده است و از جمله قابلیت های آندروید Lollipop محسوب می شود . با استفاده از این قابلیت ، هر گاه که یک کاربر به سایت شما مراجعه کند ، رنگ نوار آدرس مرورگر وی به رنگ اصلی سایت شما تغییر رنگ خواهد داد و کاملا با طراحی سایت شما هماهنگ خواهد شد .
لازم به ذکر است که این آموزش فقط برای وردپرس نیست و می توانید از آن در سایر سایت ها و وبلاگ ها استفاده کنید . در ادامه مطلب همراه ما باید تا روش این کار را با هم بررسی کنیم .
چرا از این قابلیت استفاده کنیم ؟
امروزه اکثر قالب هایی که طراحی می شوند واکنش گرا هستند و به خوبی در دستگاه های مدرن نمایش داده می شوند . اما یک مشکل وجود دارد ، باز هم سایت شما شکل و شمایل یک وبگاه اینترنتی را داراست .
برای حل این مشکل و شبیه شدن هرچه بیشتر سایت شما به یک اپلیکیشن موبایل ، استفاده از این قابلیت توصیه می شود . همچنین این کار باعث بهبود تجربه کاربری بازدیدکننده و به تبع آن افزایش بازدید و فروش خواهد شد .
به هر حال این نکته را مد نظر داشته باشید که این قابلیت تنها در مرورگر کروم روی آندروید نسخه Lollipop و جدیدتر نمایش داده می شود .
نحوه تغییر رنگ نوار آدرس برای تطبیق با رنگ سایت شما
برای این کار کافی است که کد زیر را در فایل Header.php قالب وردپرس قبل از بسته شدن تگ </head> قرار دهید .
1 | <meta name="theme-color" content="#ff6600" /> |
فراموش نکنید که مقدار ff6600 در کد بالا را با کد رنگ دلخواه خود جایگزین کنید . این کد به مرورگر کروم می فهماند که رنگ اصلی سایت شما چه رنگی است و نوار آدرس باید به آن تغییر رنگ دهد .
برای به دست آوردن کد رنگ دلخواه خود هم می توانید از ابزاری مثل فتوشاپ ، HTML color picker و یا افزونه ColorZilla برای مرورگر استفاده کنید .
به همین سادگی شکل و شمایل سایت شما در مرورگر کروم در گوشی های هوشمند زیباتر و حرفه ای تر می شود . عضویت در کانال تلگرام را فراموش نکنید .
- مشکلی دارید؟ جواب خود را در پست فروم بگیرید
- منبع : بیست اسکریپت لطفا رعایت کنید
