تغییر رنگ مرورگر سایت هنگام باز شدن در موبایل

تغییر رنگ مرورگر سایت هنگام باز شدن در موبایل

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

چرا باید رنگ تب بار مرورگر با وارد شدن از طریق موبایل تغییر کند :

یکی از دلایل تغییر رنگ در مرورگر این است که شما می توانید با وارد شدن موبایل به سایت شما با تغییر رنگ به کاربران شما دچار تعجب شوند که چطور میشود رنگ این سکشن بار این سایت با سایت های دیگر فرق دارد و این خودش یک نوع تغییر اساسی از نظر کاربران است و آن را متعجب می کنند و برای شما این بار می خواهیم ، این قابلیت را آموزش دهیم

این قابلیت بیشتر برای سایت های مناسب می باشد که در زمینه سایت های سرگرمی فعالیت می کنند و سایت های شرکتی که به عنوان برند فعالیت دارند می توانند از این قابلیت استفاده کنند و ما به شما توصیه می کنیم که هر نوع سایتی که دارید این قابلیت را برای سایت خود فعال کنید تا کاربران شما از این قابلیت سایت شما حیرت زده شوند و در ضمن این کار باعث می شود که سایت شما با افزایش بازدید از نظر آماری مواجه شود و بازخورد های مناسبی داشته باشد.

زمانی که شما این قابلیت را برای سایت خود فعال کنید کاربران سایت شما انگار دارند با برنامه های موبایلی کار می کنند و انگار نه انگار که دارند در یک سایت برای خود مقاله می خوانند یا آموزشی مشاهده می کنند و می توانید با این کار تجربه کاربری مناسبی را برای کاربران خود رقم بزنید

اما فقط به یاد داشته باشید که این امکان فقط برای مرورگر Google Chrome در دستگاه های اندروید و با استفاده و قابلیت Lollipop یا نسخه های جدید برنامه گوگل کار می کند و با نسخه های قدیمی گوگل کروم کار نمی کند

تغییر رنگ مرورگر موبایل :

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

شما برای این کار باید وارد فایل Header.php قالب سایت خود شوید و کد زیر را قبل از تگ </head> قرار دهید :

<meta name="theme-color" content="#ff8800"/>

این خط یک متا تگ HTML می باشد که به وسیله مرورگر کروم در دستگاه های هوشمند اندروید برای تغییر رنگ مرورگر در موبایل استفاده می شود و در قسمت Content یک کد به عنوان کد hex وجود دارد که برای شما رنگی که در قالب استفاده می شود را نمایش می دهد.

چطور کد رنگ را به دست بیاوریم :

حالا خیلی هاتون نمی دانید که چطور می توانید کد رنگ مورد نیاز خود را به دست آورید و نیاز به نگرانی نیست ، شما می توانید با استفاده از برنامه های ویرایش تصویر مانند فتوشاپ و دیگر برنامه های ویرایش تصویر کد رنگ مورد نیاز خود را به دست آورید ولی باز هم اگر که نتوانستید کد رنگ مورد نظر خود را به دست آورید شما می توانید از افزونه های خود گوگل کروم مانند ColorZilla استفاده کرد

پیدا کردن کد رنگ از طریق فتوشاپ :

زمانی که شما یک فایل تصویر را در فتوشاپ باز می کنید و همانطور که می دانید فتوشاپ دارای چندین ابزارک است که شما می توانید به کمک ابزارک های فتوشاپ برای خود هر اقدامی که می خواهید را بر روی تصاویر های خود انجام دهید

برای پیدا کردن کد رنگ باید بر روی قسمت اینجا کلیک کنید کلیک کرده و بعد از آن بر روی بخشی که می خواهید رنگ آن کپی شود کلیک کنید و بعد از پیدا کردن کد رنگ شما در قسمت کد رنگ اینجاست می توانید کد رنگ مورد نظر خود را کپی کنید و در کدنویسی که انجام دادید کد بالا را در بخش content به جای کد قبلی قرار دهید

به همین راحتی شما می توانید کاری کنید که رنگ مرورگر شما هنگام باز شدن در موبایل تغییر کند

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