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

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

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

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

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

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

دانلود


هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟

درخواست نصب

نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=49485
کلمات کلیدی پست :
مطالب مرتبط
9,181شخصی سازی صفحه ورود وردپرس با افزونه Easy Login Styler تاریخ : 2017/08/15
3,852افزایش حجم آپلود در وردپرس با کمک php.ini تاریخ : 2018/07/3
4,847افزونه وردپرس سئو لینک مطالب Automatic SEO Links تاریخ : 2015/02/22
4,292افزونه انتقال دیدگاه ها در وردپرس + آموزش تاریخ : 2014/12/6
1,424آموزش افزودن مدیر در وردپرس با FTP تاریخ : 2019/07/6
5,292امنیت وب سایت وردپرسی خود را محک بزنید تاریخ : 2016/05/20
14,404بادی پرس پارسی نسخه 2.3.2.1 منتشر شد تاریخ : 2015/07/15
4,005اسکریپت نمایش فن پیج فیسبوک در وبسایت Famax نسخه 5.3 تاریخ : 2016/03/30
23,772افزونه ویرایشگر قالب مداد زرد Yellow Pencil نسخه 5.2.1 برای وردپرس تاریخ : 2016/02/10
7,850نصب افزونه‌ های مفید وردپرس با یک افزونه وردپرس تاریخ : 2015/02/20
3,556نمایش اطلاعات نویسنده در وردپرس با افزونه VK Post Author Display تاریخ : 2018/04/2
1,248آموزش رفع خطای لود نشدن فایل rtl در وردپرس تاریخ : 2019/11/6
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات