Notice: wp_deregister_script was called incorrectly. اسکریپت‌ها و شیوه‌نامه‌ها نباید پیش از wp_enqueue_scripts، admin_enqueue_scripts و login_enqueue_scripts ثبت یا فراخوانی شوند. Please see Debugging in WordPress for more information. (این پیام در نگارش 3.3 افزوده شده است.) in /home/ronakweb/domains/ronakweb.com/public_html/wp-includes/functions.php on line 3190 » تغییر رنگ آدرس بار مرورگر موبایل در سایت و وردپرس

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

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

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

کد متا html تغییر رنگ آدرس بار مرورگر

برای تغییر رنگ نوار آدرس دهی مرورگر کروم و سایر مرورگرهای موبایلی تنها نیاز به استفاده از متاتگ theme-color و تعیین کد رنگ مورد نظر در طراحی قالب وردپرس و سایت می باشد. بهترین روش پیدا کردن کد رنگ سایت استفاده از نرم افزار فتوشاپ است برای اینکار برنامه photoshop را باز کرده و طبق تصویر زیر کدرنگ دلخواه تان را پیدا میکنید، اگر میخواهید از رنگبندی flat استفاده کنید میتوانید مطلب کد رنگ فلت رابط کاربری سایت را مطالعه نمایید که در آن چندین رنج کدرنگ فلت قرار گرفته است.

کد متا html تغییر رنگ آدرس بار مرورگر

علاوه بر فتوشاپ سایتهای آنلاین زیادی هستند که توسط ابزاری به نام colorpicker امکان تعیین کدهای رنگ را فراهم میکنند. پس از تعیین کد ۶ رقمی رنگ مورد نظر باید علامت # را قبل از آن قرار داده و به متاتگ تم کالر اضافه کنید. سپس متاتگ را قبل از تگ بسته </head> قرار دهید و فایل را ذخیره کنید. برچسب head در ابتدای سند html میاید و در ۹۹ درصد موارد در فایل header.php قرار دارد. اکنون اگر سایت را با مرورگر موبایل باز کنید شاهد تغییر رنگ نوار ادرس خواهید بود.

<meta name="theme-color" content="#ff6600" />
3,167 بازدید ۱۰ نظر
خیلی خوشم اومد.
به نظر من !!!
  1. Arash می گه:
    ۱۴:۰۱ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۲۱ فروردین ۹۵

    درود
    سپاس از مطالبت پرکاربردتون

    در قالب صحیفه این کد رو دز فایل header.php دقیقا قبل از قرار دادم کار نکرد، اول فایل بعد از هم گذاشتم بازم کار نکرد، مشکل از کجاست.؟

    • روناک وب می گه:
      ۱۵:۵۶ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۲۱ فروردین ۹۵

      سلام، کد هیچ مشکلی نداره و بخوبی کار میکنه. از بروز بودن مرورگر موبایل تون اطمینان حاصل کنید، با استفاده از مرورگر گوگل کروم در موبایل امتحان کنید ببینید رنگ مورد نظر اضافه میشه. اگر از Child theme استفاده میکنید کد رو باید در اونهم قرار بدید. بررسی کنید نسخه اندروید دستگاه تون چنده و در اندرویدهای ورژن بالاتر امتحان کنید.

      • Arash می گه:
        ۱۰:۲۴ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۲۲ فروردین ۹۵

        سپاس از پاسختون؛ همه موارد رو چک کردم درست بودن، یک فاصله با اینتر قبلش و یکی بعدش زدم ذخیره کردم درست شد.

        با سپاس.

        • روناک وب می گه:
          ۱۰:۳۹ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۲۲ فروردین ۹۵

          خوشحالم مشکلتون حل شده، اینتر معجزه میکنه :D

  2. طراحی سایت اصفهان می گه:
    ۰۰:۳۳ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۰۸ مهر ۹۵

    خیلی ممنونم همکار گرامی

  3. امیرحسین صابری می گه:
    ۲۰:۲۷ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۲۷ مهر ۹۵

    سلام
    ،
    یه سوالی داشتم که البته ربطی به مطلب بالا نداره .
    چطوری میتونم کاری کنم که یک شی در صفحه وبسایتم مثلا یه div وقتی کاربر زوم میکنه اصلا اندازش تغییری نکنه و بزرگ و کوچیک نشه یا کش نیاد ؟؟ ؟

    • روناک وب می گه:
      ۰۹:۴۹ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۲۹ مهر ۹۵

      سلام دوست عزیز،
      این کار غیرممکنه! و یه جورایی غیر منطقی! چون کاربرا وقتی یه چیزو نبینن، میخوان که زوم کنن و بزرگترش کنن و مرورگرها هم جلوی این کارو نمیگیرن! البته میتونید با css کاری کنید که جای یک المنت در سایت تغییر نکنه ولی نهایتا اون المنت هم مثل بقیه هنگام زوم بزرگ میشه!
      شما فقط میتونید قابلیت زوم رو برای کل وبسایت و اون هم فقط در دستگاه های موبایل و تبلت، توسط کد زیر، غیرفعال کنید!
      این کد رو باید داخل تگ <head> سایتتون بذارید:

      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
      

      موفق باشید.

  4. Hacker می گه:
    ۱۱:۱۲ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۲۰ مهر ۹۶

    سلام من هرکاری کردم نشد که نشد اندروید گوشیم ۶ هست و مرورگر ام هم اخرین نسخه اصلا نمیشه همه کار کردم. سایتمم html هست تروخدا کمک کنید خعلی نیازش دارم برای شیک شدن سایتم :[

  5. دانلود آهنگ خارجی می گه:
    ۰۲:۱۸ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۰۸ فروردین ۹۷

    سلام
    ممنون
    چرا فقط تو ورژن جدید مرور گر کروم گوشی کار میکنه؟

    • روناک وب می گه:
      ۱۱:۱۵ Notice: Undefined variable: comment_ID in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 175 مورخه ۱۸ فروردین ۹۷

      لطفا ادرس سایت را ارسال کنید تا بررسی شود

کد امنیتی: *

Notice: Undefined index: comment_notes_after in /home/ronakweb/domains/ronakweb.com/public_html/wp-content/themes/ronakweb2/functions.php on line 249

با عضوت در خبرنامه ایمیلی جدیدترین مطالب و فیلم های آموزشی را در ایمیل تان دریافت کنید. اعضاء خبرنامه و صفحات اجتماعی روناک وب از امکانات ویژه ای برخوردار خواهند شد !!!