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

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

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

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

 

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

 

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

 

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

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

 

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

 

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

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

 

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

 

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

 

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

 

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

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

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

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 4 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=18864
کلمات کلیدی پست :
مطالب مرتبط
7,825نمایش برگه های مرتبط در وردپرس تاریخ : 2017/09/15
7,124فشرده سازی تصاویر وردپرس با الگوریتم Lossy و Lossless تاریخ : 2019/12/1
3,724آموزش رفع خطای لود نشدن فایل rtl در وردپرس تاریخ : 2019/11/6
10,405اسکریپت افکت قطرات باران در تصاویر تاریخ : 2014/07/24
14,024افزونه ایجاد صفحه : در حال بروزرسانی هستیم + آموزش تاریخ : 2014/10/19
4,552استفاده صحیح از برچسب در وردپرس و قوانین نانوشته سئو تاریخ : 2020/06/3
9,426محدودیت دسترسی به wp-login.php از طریق IP تاریخ : 2017/09/6
6,537افزونه وردپرس ابزارهای کاربردی GetSiteControl Widgets تاریخ : 2016/12/26
9,155درون ریزی نوشته ها از PDF در وردپرس با PDF 2 Post تاریخ : 2017/04/29
12,681قالب زیبای مهر گستر دانلود برای وردپرس تاریخ : 2014/06/14
6,549افزونه پیشرفته نقشه گوگل برای ویژوال کامپوسر Advanced Google Map نسخه 1.4.4 تاریخ : 2015/11/19
8,356افزونه پاپ آپ نینجا برای وردپرس نسخه 4.2.2 تاریخ : 2015/11/9
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
indiegogo
sourceforge
profile webmaster
profile webmaster
profile
profile check
آرشیو
checker list
سئو سایت
تبلیغات