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

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

افزونه وردپرس , افزونه ها

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

 

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

 

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

 

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

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

 

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

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

در هاستتان و در مسیر نصب وردپرس به آدرس wp-content/themes رفته و پوشه قالب نصبی خود را باز کنید. در این پوشه فایل header.php را باز کرده و کد زیر را در این فایل قبل از تگ </head> قرار دهید.

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

در این کد به جای عبارت #f9a11b، کد هگز رنگ دلخواه خود را وارد نمایید. این کد رنگ را می توانید با کمک ابزارهایی مانند فتوشاپ و یا وب سایت های نمایش دهنده کدهای هگز مانند سایت ادوبی به دست بیاورید.

 

تغییر رنگ نوار مرورگر موبایل در وردپرس به کمک افزونه

افزونه ای که در این آموزش برای تغییر رنگ نوار مرورگر در نمایش موبایلی وب سایت معرفی می کنم، با عنوان Mobile Address Bar Changer در مخزن وردپرس به ثبت رسیده است. این افزونه تا کنون با بیش از 2.000 نصب فعال توانسته است امتیاز 5 ستاره کامل را از کاربران خود به دست بیاورد.

 

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

پس از نصب و فعال سازی افزونه زیر منویی با عنوان Mobile Address Bar Chnage در بخش تنظیمات پیشخوان وب سایت شما ظاهر می شود که با کلیک روی آن به صفحه تغییر رنگ نوار مرورگر موبایل در وردپرس هدایت خواهید شد.

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

در این صفحه همانطور که مشاهده می کنید می توانید با کمک گزینه Select Color رنگ دلخواه خود را برای نمایش در مرورگر موبایل انتخاب نمایید.

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

همانطور که در تصویر بالا مشاهده می کنید، پس از ذخیره تغییرات با تغییر رنگ نوار مرورگر موبایل در وردپرس ظاهر وب سایت شما در موبایل کاملا هماهنگ خواهد بود.

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

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

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

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه وردپرس , افزونه ها
لینک کوتاه مطلب : https://www.20script.ir/?p=49485
کلمات کلیدی پست :
مطالب مرتبط
39,704قالب وردپرس مناسب برای دانشگاه و مدرسه تاریخ : 2014/04/23
10,370ساخت فرم های گوناگون با افزونه Form Craft Basic برای وردپرس تاریخ : 2015/09/24
5,304آموزش اضافه کردن Google Optimize به وردپرس تاریخ : 2020/04/15
7,103دریافت ایمیل های بروزرسانی وردپرس تاریخ : 2017/07/13
16,008افزونه وردپرس اشتراک گذاری مطلب در ازای دانلود Social Share & Locker Pro تاریخ : 2020/05/16
6,176سفارشی سازی پیشخوان وردپرس با افزونه WP Admin UI Customize تاریخ : 2019/06/27
8,828نمایش خوراک آر اس اس در سایت تاریخ : 2013/11/24
10,384ایجاد چت روم در وردپرس با افزونه Quick Chat تاریخ : 2019/05/26
22,100افزودن ویژگی های پیشرفته به ووکامرس با افزونه JC WooCommerce Advanced Product Attributes تاریخ : 2018/11/17
5,560بهینه‌ کردن تصاویر بدون افت کیفیت در وردپرس با افزونه Image Optimizer Wd تاریخ : 2018/09/22
18,890افزودن نماد اعتماد الکترونیکی در وردپرس Logo Manager For Enamad تاریخ : 2018/01/11
8,740درگاه پرداخت آرین پال برای افزونه EDD تاریخ : 2017/10/21
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
indiegogo
sourceforge
profile webmaster
profile webmaster
profile
profile check
profile check
آرشیو
checker list
checker
checker
upload file
سئو سایت
تبلیغات