تبلیغات
طراحی و بهینه سازیمشاهده

هاست

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

مقالات,آموزش,ترفند , وردپرس

احتمالا شما هم متوجه این موضوع شده اید که با مراجعه به سایت های بزرگ توسط مرورگرهای مدرن موبایل ، رنگ نوار آدرس مرورگر با رنگ سایت هماهنگ شده و تغییر می کند . این قابلیتی است که در ورژن ۳۹ به بعد مرورگر کروم برای آندروید اضافه شده است و از جمله قابلیت های آندروید Lollipop محسوب می شود . با استفاده از این قابلیت ، هر گاه که یک کاربر به سایت شما مراجعه کند ، رنگ نوار آدرس مرورگر وی به رنگ اصلی سایت شما تغییر رنگ خواهد داد و کاملا با طراحی سایت شما هماهنگ خواهد شد .

 

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

 

لازم به ذکر است که این آموزش فقط برای وردپرس نیست و می توانید از آن در سایر سایت ها و وبلاگ ها استفاده کنید . در ادامه مطلب همراه ما باید تا روش این کار را با هم بررسی کنیم .

 

چرا از این قابلیت استفاده کنیم ؟

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

 

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

 

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

به هر حال این نکته را مد نظر داشته باشید که این قابلیت تنها در مرورگر کروم روی آندروید نسخه Lollipop و جدیدتر نمایش داده می شود .

 

نحوه تغییر رنگ نوار آدرس برای تطبیق با رنگ سایت شما

 

برای این کار کافی است که کد زیر را در فایل Header.php قالب وردپرس قبل از بسته شدن تگ </head> قرار دهید .

 

 

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

برای به دست آوردن کد رنگ دلخواه خود هم می توانید از ابزاری مثل فتوشاپ ، HTML color picker و یا افزونه ColorZilla برای مرورگر استفاده کنید .

به همین سادگی شکل و شمایل سایت شما در مرورگر کروم در گوشی های هوشمند زیباتر و حرفه ای تر می شود . عضویت در کانال تلگرام را فراموش نکنید .

لطفا به این مطلب امتیاز بدید


دانلود


هاست مناسب برای تمامی اسکریپت های 20script MyHBD.net >

هاست
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 4 مقالات,آموزش,ترفند , وردپرس

لینک کوتاه مطلب : https://www.20script.ir/?p=18864

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
1,872افزونه جستجو دسته‌بندی های وردپرس INLINE CATEGORY SEARCH تاریخ : 2018/11/9
5,102آموزش برنامه نویسی PHP از سطح پایه تاریخ : 2016/11/1
2,228افزونه نمایش نمونه کارها و ایجاد گالری در وردپرس Portfolio Manager Pro تاریخ : 2018/10/13
3,872نمایش آی فریم در وردپرس با افزونه Advanced iFrame تاریخ : 2018/11/2
4,384دانلود افزونه وردپرس UserCredits نسخه 4.1 تاریخ : 2015/04/25
2,696پوسته کاریابی وردپرس و ووکامرس Jobseek تاریخ : 2018/12/10
4,885نمایش پروفایل کاربری لینکدین در وردپرس تاریخ : 2017/07/13
3,744وردپرس را به آپلودسنتر تصاویر تبدیل کنید با افزونه Closify Press تاریخ : 2016/04/25
25,203قالب زیبای شهر خبر برای وردپرس تاریخ : 2014/06/11
712حل مشکل ثابت شدن تصاویر gif در وردپرس تاریخ : 2019/08/30
14,429دانلود قالب وردپرس اندروید RiseRoid فارسی تاریخ : 2017/01/22
3,401حذف کدهای کوتاه در وردپرس با افزونه Remove Orphan Shortcodes تاریخ : 2016/03/23
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب