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





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

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

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

احتمالا شما هم متوجه این موضوع شده اید که با مراجعه به سایت های بزرگ توسط مرورگرهای مدرن موبایل ، رنگ نوار آدرس مرورگر با رنگ سایت هماهنگ شده و تغییر می کند . این قابلیتی است که در ورژن ۳۹ به بعد مرورگر کروم برای آندروید اضافه شده است و از جمله قابلیت های آندروید 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
کلمات کلیدی پست :
مطالب مرتبط
15,728آموزش ایجاد Meta Box در وردپرس تاریخ : 2013/11/19
14,214جستجوگر تمام صفحه برای وردپرس با افزونه Full Screen Search Overlay تاریخ : 2017/04/30
13,019با افزونه Ultimate TinyMCE ویرایشگر وردپرس خود را حرفه ای کنید تاریخ : 2014/06/27
15,710آموزش ایجاد افکت shake + جی کوئری تاریخ : 2014/07/21
19,687آموزش وبلاگ نویسی شیرین با وردپرس تاریخ : 2014/05/9
11,540آموزش انتقال کاربران به مطالب تصادفی در وردپرس تاریخ : 2017/09/10
14,582غیرفعال کردن ویرایش قالب و افزونه در پیشخوان وردپرس تاریخ : 2017/09/6
12,488آموزش قراردادن آیکون در کنار نام سایت در وردپرس تاریخ : 2020/02/28
112,788افزونه چند فروشندگی دکان فارسی Dokan Pro نسخه 3.7.11 تاریخ : 2022/12/28
13,562انتخاب و ثبت دامنه برای داشتن وب سایت تاریخ : 2017/06/6
10,057تغییر نحوه نمایش دیدگاه های مدیر در وردپرس تاریخ : 2016/04/5
17,651افزونه وردپرس مدیریت کارها و کرون جاب WP Crontrol تاریخ : 2017/05/19
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب