طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

حسن شفیعی
مدرس ، پنتستر ، توسعه دهنده اپلیکیشن های تحت وب ، عضو مرکز حامی نخبگان و از مدیران و اعضای رسمی تیم امنیتی آشیانه هستم . علاقه خاصی به زبان های تحت وب, امنیت شبکه و لینوکس دارم و هر روز تلاش می کنم به این حوزه ها مسلط تر شوم و اطلاعاتم را در وب به اشتراک بگذارم

دیدگاه کاربران

avatar

دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

سورس فروشگاهی دیجی کالا

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

مجوزهای ما

logo-samandehi

دانلود کتاب

عضویت رایگان خبرنامه