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

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

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

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

بیشتر قالب های محبوب وردپرس ریسپانسیو (واکنشگرا : اجزای سایت در دیوایس های مختلف مثل موبایل ، تبلت ، مانیتور های ۴:۳ که طول و عرض متفاوتی دارند ، شکل های مختلفی به خود می گیرید و به راحتی قابل استفاده برای کاربر مورد نظر است) هستند که باعث می شود سایت شکل بهتر و راحت تری را از خود نشان دهد .

تغییر رنگ آدرس بار سایت در مرورگر موبایل  به کاربر حس استفاده از سایت بر روی یک اپلیکیشن مخصوص به شما را منتقل می کند .که باعث تقویت تجربه کاربری بهتر (user experience) می شود که نهایتا باعث افزایش فروش و نرخ تبدیل می گردد.

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

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

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

این خط HTML یک تگ meta برای مرورگر گوگل کروم بر روی اندروید است که باعث تغییر رنگ آدرس بار سایت وردپرسی در مرورگر موبایل می شود.

کد بالا ، کد رنگی hex است .

برای بدست آوردن مقدار کد رنگی hex از نرم افزاری مثل فتوشاپ ، paint و غیره .. استفاده کنید و یا اینکه از سایت http://htmlcolorcodes.com  استفاده کنید

همچنین می توانید به سادگی از ابزار HTML color picker استفاده کنید

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

خب کار ما اینجا تمام شد. امیدوارم از آموزش تغییر رنگ آدرس بار سایت در مرورگر موبایل  برای سایت وردپرسی ، جوملا و یا هر cms دیگری که دارید استفاده کنید .

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

موفق و پیروز باشید.