50درصد تخفیف سورس فروشگاهی دیجی کالا + اپلیکیشن اندروید تا پایان این هفته - کد تخفیف : off50
با تخفیف میخرم

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

  • آپدیت شده در تاریخ

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

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

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

چرا رنگ آدرس بار مرورگر را با رنگ سایتمان یکسان کنیم ؟

بیشتر قالب های محبوب وردپرس ریسپانسیو (واکنشگرا : اجزای سایت در دیوایس های مختلف مثل موبایل ، تبلت ، مانیتور های ۴:۳ که طول و عرض متفاوتی دارند ، شکل های مختلفی به خود می گیرید و به راحتی قابل استفاده برای کاربر مورد نظر است) هستند که باعث می شود سایت شکل بهتر و راحت تری را از خود نشان دهد .

تغییر رنگ آدرس بار سایت در مرورگر موبایل  به کاربر حس استفاده از سایت بر روی یک اپلیکیشن مخصوص به شما را منتقل می کند .که باعث تقویت تجربه کاربری بهتر (user experience) می شود که نهایتا باعث افزایش فروش و نرخ تبدیل می گردد.

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

به هر حال ، توجه کنید این قابلیت فقط با مرورگر گوگل کروم هماهنگ است و مطمینا بزودی با آپدیت های جدید بر روی مرورگرهای دیگر نیز در دسترس خواهد بود .

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

به سادگی کد زیر را به فایل header.php قالب فعلی خود و یا چایلد تم ، قبل از بسته شدن تگ </head> اضافه کنید

این خط HTML یک تگ meta برای مرورگر گوگل کروم بر روی اندروید است که باعث تغییر رنگ آدرس بار سایت وردپرسی در مرورگر موبایل می شود.

کد بالا ، کد رنگی hex است .

برای بدست آوردن مقدار کد رنگی hex از نرم افزاری مثل فتوشاپ ، paint و غیره .. استفاده کنید و یا اینکه از سایت http://htmlcolorcodes.com  استفاده کنید

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

همچنین می توانید به سادگی از ابزار HTML color picker استفاده کنید

همچنین اگر قصد برداشتن یک رنگ از صفحه وب یا سایت خود هستید می توانید از افزونه ColorZilla بر روی مرورگر خود بهره ببرید .

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

 

هر سوالی داشتید ، از قسمت نظرات اقدام کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید.

حسن شفیعی علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
مطالب زیر را حتما بخوانید
دیدگاه کاربران (۶)

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

  1. رضا ۴ آبان ۱۳۹۹

    ممنون

    پاسخ
  2. رضا ۴ آبان ۱۳۹۹

    سلام
    کد رنگ بنفش رو هم دارید

    پاسخ
    1. حسن شفیعی ۴ آبان ۱۳۹۹

      سلام. کد رنگ بنفش #۹C27B0
      میتونید از این سایت کد رنگ ها رو دریافت کنید
      http://materialuicolors.co
      موفق باشید

      پاسخ
      1. رضا ۴ آبان ۱۳۹۹

        ممنون

        پاسخ
  3. بهنام ۱۱ تیر ۱۳۹۹

    ممنون
    عالی بود

    پاسخ
    1. حسن شفیعی ۱۱ تیر ۱۳۹۹

      سلام. خوشحالیم که مفید واقع شده.
      موفق باشید.

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