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

Chrome, 2014'te siteniz için tema rengi kavramını kullanıma sundu. Tema rengi, web sayfanızdan tarayıcıya adres çubuğu gibi kullanıcı arayüzü öğelerini hangi renkle boyayacağını söyleyen bir ipucudur.

Örneğin, aşağıdaki resimde tema rengi uygulanmış ve uygulanmamış haldeki site gösterilmektedir.

Tema rengi
Tema rengi

Sorun, her sayfada tema rengini tanımlamanız gerekmesidir. Büyük bir siteniz veya eski bir siteniz varsa site genelinde çok sayıda değişiklik yapmak her zaman mümkün olmaz.

Chrome 46'dan (Beta Eylül 2015) itibaren, manifest dosyanıza bir theme_color özelliği eklediğinizde, renk, site ana ekrandan başlatıldığında kullanıcının alanınızda ziyaret ettiği her sayfaya otomatik olarak uygulanır.

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

Manifestinize theme_color özelliğini eklemeniz ve bir HTML rengi belirtmeniz yeterlidir.

    "theme_color": "#2196F3"

Bunu uygulamalı olarak görmek için Dünyanın en iyi Airhorner'ı ziyaret edin ve ana ekranınıza ekleyin. Alternatif olarak sitenin manifest dosyasına da bakabilirsiniz.

SSS

  • Sitem ana ekrandan başlatılmıyorsa bu politika geçerli mi?
    Evet.
  • Bu politika, kullanıcı siteme göz atarken sitemin tamamı için geçerli olacak mı?
    Şu anda pek olası değil. Bunun için tarayıcının manifest dosyasını çok daha sık indirmesi gerekir. Şu anda bu öğe düşük öncelikli. Bu, kullanıcı siteyi ana ekrana eklediğinde ayrıştırılmak üzere tasarlanmıştır.