Mobil Tarayıcı Renk Değiştirme
Merhaba arakdaşlar.
Artık herkes web sitesini mobil uyumlu yani responsive yaptırıyor ve mobil sitelere oldukça önem veriyorlar. Gün geçtikçe önemi artan mobil siteler için herkes tasarımı elinden geldiğince güzel yapmaya çalışıyor. Bizde bugün mobil tarayıcılarda Mobil Tarayıcı Renk Değiştirme işlemini nasıl yapabileceğimizi göreceğiz.
Mobil Tarayıcı Rengini Değiştirme
Mobil tarayıcımızın rengini neden değiştireyim dediğinizi duyar gibiyim 🙂 Tarayıcı rengini temanız ile uyumlu yaparsanız siteniz tarayıcıda bir mobil app gibi çıkar buda herkesin istediği bir durumdur.
Örneğin kişisel web sitem olan vehbiakdogan.com un tarayıcı rengini değiştirdim. Cep telefonundan girildiğinde siteme aşağıdaki şekilde bir görüntüyle karşılaşacaksınız 🙂
Adres Çubuğunun rengine bakarsanız web sitem ile birleşik gibi görünüyor.
Şimdi tarayıcı rengimizi nasıl değiştireceğiz bakalım.
<!-- Chrome, Firefox OS ve Opera --> <meta name="theme-color" content="#3498db"> <!-- Windows Phone --> <meta name="msapplication-navbutton-color" content="#3498db"> <!-- iOS Safari --> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="#3498db">
Yukarıdaki kodu web sitenizde <head></head> tagları arasına eklerseniz sizde mobil tarayıcınızın rengini değiştirmiş olursunuz.
Not: content kısımlarını kendi renkleriniz ile değiştirmeyi unutmayınız.
Her geçen gün mobil dünyaya biraz daha geçiş yapıyoruz. Bu yüzden mobil sitemizi ne kadar optimize edebilirsek ve tasarımsal alanda güzel yaparsak o kadar çok ekmek yeriz bu işten.
Bol yazlımlı günler 🙂