no-img
دس پرو | طراحی وب سایت و برنامه نویسی

تغییر رنگ آدرس بار سایت در مرورگر موبایل | دس پرو | طراحی وب سایت و برنامه نویسی


دس پرو | طراحی وب سایت و برنامه نویسی
مطالب ویژه
ads
گزارش خرابی لینک
اطلاعات را وارد کنید .

ادامه مطلب

تغییر رنگ آدرس بار سایت در مرورگر موبایل
zip
شهریور ۲۹, ۱۳۹۷

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

 



موضوعات :
طراحی سایت

دیدگاه ها


دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *