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

حتما شما هم هنگام باز کردن سایت های وردپرسی در تلفن های همراه، متوجه هماهنگی رنگ نوار بالای مرورگر با رنگ اصلی سایت شده اید. این هماهنگی با تغییر رنگ نوار مرورگر موبایل در وردپرس رخ خواهد داد. این روزها با وجود تلفن های هوشمند متصل به اینترنت، کاربران موبایلی روز به روز در حال افزایش هستند و می توان گفت حدود 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 رنگ دلخواه خود را برای نمایش در مرورگر موبایل انتخاب نمایید.

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