Mobil Sitede Google Araç Çubuğunun Rengini Değiştirme

Merhabalar,

Google adres çubuğu renginin bazı sitelere girildiğinde değiştini farketmişsinizdir. Bu gönderide bunun nasıl yapılacağını anlatacağız.

Google araç çubuğuna Android de renk verebilirken ayrıca iOS içinse safaritarayıcıda da renk verebilirsiniz. Yapacağımız iş çok basit, yapmamız gereken sadece sitemizin rengini bulup (bunun için zorlanan arkadaşlar varsa Flat UI Colors sayfasından yardım alabilirler) seçtiğimiz rengi aşağıdaki content attribute’unun içine yazmak.

Android Telefonlar İçin

<meta name="theme-color" content="#31584F">

IOS Safari Tarayıcı İçin

<meta name="apple-mobile-web-app-status-bar-style" content="#31584F">

Windows Phone İçin

<meta name="msapplication-navbutton-color" content="#31584F">

Yukarıda sizlerle paylaşmış olduğumuz kodları <head> ….. < /head> etiketleri arasına eklemeniz yeterli olacaktır.

Bu değişikliği yaptıktan sonra mobil cihazlarınızdan kendi sitenize giriş yaptığınızda adres çubuğunun rengi normaldeki gibi beyaz veya gri değil sizin belirlemiş olduğunuz renkte çıkacaktır.

Teşekkürler.

Hakan Baysal Kâşif on 10 Ağustos 2016 yazdı
Yorum Ekle
  • 0 Yanıt(lar)
  • Yanıtınız

    Cevabınızı göndererek Gizlilik Politikası ve Hizmet Şartlarını kabul ediyorsunuz.