استفاده از مانیفست برنامه وب برای تعیین رنگ تم گسترده سایت

کروم در سال 2014 مفهوم رنگ تم را برای سایت شما معرفی کرد. رنگ طرح زمینه اشاره ای از صفحه وب شما است که به مرورگر می گوید عناصر UI مانند نوار آدرس را چه رنگی رنگ آمیزی کند.

به عنوان مثال، در زیر این سایت با و بدون رنگ تم اعمال شده است.

رنگ تم
رنگ تم

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

از Chrome 46 (بتای سپتامبر 2015)، افزودن ویژگی theme_color به مانیفست شما باعث می‌شود که وقتی سایت از صفحه اصلی راه‌اندازی می‌شود، رنگ به‌طور خودکار به هر صفحه‌ای که کاربر در دامنه شما بازدید می‌کند، اعمال شود.

اگر صفحه شما قبلاً دارای یک متا تگ تم رنگ است - برای مثال <meta name="theme-color" content="#2196F3"> — پیکربندی سطح صفحه به جای مقدار در مانیفست استفاده خواهد شد.

به سادگی ویژگی theme_color را به مانیفست خود اضافه کنید و یک رنگ HTML را مشخص کنید.

    "theme_color": "#2196F3"

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

سوالات متداول

  • اگر سایت من از صفحه اصلی راه اندازی نشود، این مورد اعمال می شود؟
    آره.
  • آیا هرگز برای کل سایت من اعمال می شود، مثلاً زمانی که کاربر تازه در حال مرور است؟
    در حال حاضر بعید است، انجام این کار به این معنی است که مرورگر باید مانیفست را با دفعات بیشتری دانلود کند و در حال حاضر دارای اولویت پایین است. زمانی که کاربر سایت را به صفحه اصلی اضافه می کند، این مورد تجزیه و تحلیل می شود.