آموزش های وردپرس

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

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

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

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

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

تنظیمات Mobile Address Bar Changer
تنظیمات افزونه

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

این مطلب را از دست ندهید :
محل ذخیره فایل در وردپرس
پیش نمایش Mobile Address Bar Changer
پیش نمایش کاربرد افزونه

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

عاطفه نوربخش

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دوره آموزش وردپرس در اصفهانثبت نام رایگان (کد تخفیف : WpNarenji)
+
بستن