Birçok mobil tarayıcı son zamanlarda göze çarpan yenilikleri ve kolaylıkları ile ön plana çıkıyor. Bu kolaylıkları gerek renk uyumu, gerek kullanılabilirlik olarak yorumlayabiliriz.
Her sitenin kendine özgü tarayıcı rengine sahip olması kullanıcı deneyimi açısından mühim bir durumdur. Bu içeriğimizde; Mobil tarayıcı rengi nasıl değiştirilir? WordPress mobil tarayıcı sekmesi rengi nasıl değiştirilir? Bu sorulara cevap arayacağız. O halde içeriğimizi okumaya devam edin.
İçindekiler
Mobil Tarayıcı Sekme Rengi Nedir?
Her site kendi tema rengine uygun tarayıcı sekme rengine sahiptir. Tarayıcı sekmelerinin sitenizin renklerine uyum sağlaması güzel bir senaryo olacaktır.
Temalarının birincil renklerini, tarayıcı sekme rengi olarak ayarlamış bazı websitelerinin ekran görüntülerini yukarıda görüyorsunuz. Bu güzel bir görüntüden yanı sıra kullanıcı deneyimini yukarıya taşıyacak bir davranış olacaktır. Bu sayede kullanıcılar websitenize göz aşinalığı yaşayacak, içlerine sitenizi sık sık ziyaret etme isteği doğacaktır.
Mobil Tarayıcı Sekme Rengi Nasıl Değiştirilir?
Çoğu WordPress teması sizin hâli hazırda birincil olarak seçtiğiniz tema rengini, mobil tarayıcı sekme rengi olarak atar. Bu durumun önüne geçmek ve bu durumu değiştirmek istiyorsanız aşağıdaki adımları takip edebilirsiniz.
WordPress’te uygulayın
Aşağıda paylaşacağımız adımları WordPress sitelerinizde uygulayabilirsiniz.
- WordPress admin paneline ilerleyin.
- Özelleştir > Tema dosya düzenleyicisi açın.
- Tema dosyalarınız arasında
header.phpdosyasını bulun ve üzerine bir kez tıklayın. - Dosya içeriğine yer alan
<head>etiketini bulun ve hemen altına bir boşluk bırakarak aşağıdaki kod parçacığını ekleyin. - Kod parçacığında yer alan Renk Kodu adlı alanı tema renginize uygun bir renk kodu ile değiştirin. Örneğin: #fff, #000000, #1b1b1e
<meta name="theme-color" content="Renk Kodu">Code language: HTML, XML (xml)Özel yazılımınızda uygulayın.
WordPress haricinde herhangi bir yazılım kullanıyorsanız aşağıdaki adımları uygulayabilirsiniz. Adımlarda pek bir değişiklik yoktur.
- Dosya Yöneticisi açın.
- Yazılımınızın
header.phpveyaindex.phpdosyasını bulun ve düzenle butonuna basın. - Dosya içeriğinde bulunan
<head>etiketinin hemen altına yukarıda paylaştığımız kod parçacığını ekleyin.
Gerekli testleri mobil Chrome tarayıcısına girip gerçekleştirdikten sonra sorununuzun çözüldüğünü fark edeceksiniz. İçeriğimizi beğendiyseniz sosyal medya hesaplarınızdan paylaşabilirsiniz.
