خرید ارزدیجیتال تبلیغات
حراجی دامنه های ویژهمشاهده
اپوفایننس

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

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

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

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

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

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

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

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

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه وردپرس , افزونه ها
لینک کوتاه مطلب : https://www.20script.ir/?p=49485
کلمات کلیدی پست :
مطالب مرتبط
5,924افزونه ایجاد ویجت تماس با ما در وردپرس WordPress Any Contact Us تاریخ : 2019/04/4
10,420افزونه وردپرس دسته بندی مدیا WP Real Media Library نسخه 2.2.2 تاریخ : 2016/04/10
5,956آموزش حل مشکل قفل شدن ادمین وردپرس تاریخ : 2019/12/25
36,260افزونه فعال سازی گواهی ssl در وردپرس Really Simple SSL pro تاریخ : 2021/09/29
8,484نسخه 2.1.1 رسمی و اورجینال افزونه Restrict Content Pro همراه با درگاه ایرانی تاریخ : 2015/06/27
4,568پرداخت ناموفق در گوگل کروم و حل مشکل Session تاریخ : 2021/02/3
11,916شمارنده بازدید سایت وردپرسی با افزونه Visitor Counter Plugin تاریخ : 2016/03/28
17,296افزونه وردپرس اسلایدر پیشرفته با اكوردئون نسخه 2 تاریخ : 2015/02/24
6,652قرار دادن قسمت درباره نویسنده در وردپرس تاریخ : 2018/06/5
13,361حفاظت از لینک ها در وردپرس با افزونه WP Secure Links تاریخ : 2021/05/31
10,443تغییر نام فایل آپلود شده در وردپرس با افزونه Media File Renamer تاریخ : 2018/01/11
5,176آموزش مهاجرت از فرم تماس ۷ به گرویتی فرم تاریخ : 2019/10/13
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file