Site genelinde bir tema rengi belirtmek için web uygulaması manifest dosyasını kullanma

Chrome, 2014 yılında siteniz için tema rengi kavramını kullanıma sundu. Tema rengi, web sayfanızda sunulan bir ipucudur ve tarayıcıya, adres çubuğu gibi kullanıcı arayüzü öğelerinin hangi renkte tonlanması gerektiğini bildirir.

Örneğin, tema rengi uygulanmış ve uygulanmamış bu siteyi aşağıda görebilirsiniz.

Tema rengi
Tema rengi

Sorun, her sayfada tema rengini tanımlamak zorunda olmanızdır. Büyük bir siteniz veya eski bir siteniz varsa site genelinde çok fazla değişiklik yapmak her zaman mümkün değildir.

Chrome 46'dan itibaren (Beta Eylül 2015) manifest dosyanıza bir theme_color özelliği eklemek, sitenin ana ekrandan başlatıldığında kullanıcının alanınızda ziyaret ettiği her sayfaya rengi otomatik olarak uygulama etkisini göreceksiniz.

Sayfanızda halihazırda bir tema rengi meta etiketi (örneğin, <meta name="theme-color" content="#2196F3">) varsa manifest'teki değer yerine sayfa düzeyinde yapılandırma kullanılır.

Manifest dosyanıza theme_color özelliğini ekleyip bir HTML rengi belirtmeniz yeterlidir.

    "theme_color": "#2196F3"

Bunu uygulamalı olarak görmek için Dünyanın en iyi uçak kordonu olan Airhorner'ı ziyaret edip ana ekranınıza ekleyin. İsterseniz sitenin manifest dosyasına da bakabilirsiniz.

SSS

  • Sitem ana ekrandan başlatılmadığında bu durum geçerli olur mu?
    Evet.
  • Kullanıcılar yalnızca web'de gezinirken bu özellik sitemin tamamında geçerli olur mu?
    Muhtemelen şu anda bunu yapmak, tarayıcının manifesti çok daha sık indirmesi gerekeceği ve şu anda düşük öncelikli öğe olduğu anlamına gelir. Bu adres, kullanıcı siteyi ana ekrana eklediğinde ayrıştırılmak üzere tasarlanmıştır.