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