Cara Merubah Warna Address Bar di Mobile Browser

Cara Merubah Warna Pada adress bar di wordpress

Bagi anda yang sering browsing dengan handphone tentunya sudah tahu kalau website terkenal seperti Facebook mempunyai nada warna yang seirama dengan warna dominan website pada address bar browser kita.

Pada artikel ini, saya akan menuliskan tentang bagaimana caranya agar warna pada addeess bar browser sama dengan warna dominan dari theme yang kita pakai.

Hampir semua WordPress theme sudah mendukung mobile browser, artinya pada saat pengunjung membuka website kita melalui handphone, tampilan website akan menyesuaikan alias responsive. Secara default, warna address bar pada browser adalah putih, nah, dengan menyesuaikan warna address bar dengan warna theme yang kita pakai, akan membuat pengunjung website seolah olah membuka website kita dengan aplikasi.

Tentunya hal ini akan membuat pengunjung merasa lebih nyaman dan betah untuk berlama lama mengunjungi website kita.

Untuk merubah warna address bar pada browser, cukup tambahkan kode dibawah ini pada file template header.php tepat sebelum tag </head>.

<meta name=”theme-color” content=”#000000″ />

Meta tag diatas digunakan oleh Google Chrome untuk merubah warna address bar pada mobile browser. Kode #000000 adalah kode hex untuk warna hitam. Untuk warna lainnya, silahkan cek hex code-nya disini, atau anda juga bisa menggunakan Photoshop untuk mengetahui hex code sebuah warna.

Catatan : meta tag diatas hanya berlaku pada broswer Google Chrome dan Android Lollipop atau versi terbaru.

Silahkan dipraktekkan, jangan lupa kirim komentar jika ada ingin ditanyakan. Semoga bermanfaat.