تبلیغات
حراجی دامنه های ویژهمشاهده

تبلیغات
تبلیغات تبلیغات

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

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

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

 

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

 

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

 

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

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

 

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

 

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

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

 

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

 

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

 

<meta name="theme-color" content="#ff6600" />

 

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

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

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

دانلود


هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 4 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=18864
کلمات کلیدی پست :
مطالب مرتبط
9,766افزودن آیکون پرچم در وردپرس با افزونه Flag Icons تاریخ : 2018/01/8
33,092دانلود قالب وردپرس حرفه ای و چند منظوره Elision تاریخ : 2015/08/6
2,996پوسته وبلاگی و مجله ای Reco برای وردپرس تاریخ : 2019/03/15
2,128DNS چیست و چگونه کار می‌کند؟ تاریخ : 2019/06/11
5,132ساخت پیش نمایش انواع فایل در وردپرس با افزونه Embed Any Document تاریخ : 2017/05/30
1,568افزودن اسکرول به بالا با استفاده از jQuery تاریخ : 2019/09/13
4,706افزونه وردپرس پروفایل کاربری مشابه فیس بوک User Profile تاریخ : 2017/01/14
4,811نشانه گذاری خودکار دیدگاه های حاوی لینک های طولانی به عنوان جفنگ تاریخ : 2016/04/13
1,916عبارت “rel=”noopener به چه معناست ؟ تاریخ : 2020/05/26
9,676افزایش امنیت وردپرس با اصلی ترین کد های htaccess تاریخ : 2016/06/27
7,196نحوه نمایش نوار تبلیغاتی شناور در وردپرس تاریخ : 2017/09/9
5,755آپلود فایل های متنوع در رسانه وردپرس تاریخ : 2017/02/21
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات
تبلیغات