Sekarang orang-orang sudah banyak menggunakan smartphone untuk mempermudah mengakses internet. Hal ini membuat pengembang tema wordpress membuat desain tema yang mendukung dengan berbagai ukuran perangkat yang biasa disebut dengan desain responsif. Dengan tema yang responsif, membuat situsmu telihat lebih professional. Tapi, jika ditambah lagi dengan mengganti warna address bar di mobile browser wordpress, situs kalian akan terlihat semakin elegan.

Ketika kamu membuka link sebuah website terkenal seperti facebook, twitter, amazon dan link lainnya pasti kalian tidak memperhatikan bagian address bar nya. Memangnya ada apa? Address bar nya memiliki warna yang sama dengan warna dasar dari desain website. Contohnya ketika kalian buka situs facebook di smartphone, address bar nya akan berwarna biru mengikuti warna merek yang dimiliki oleh facebook. Menarik bukan? Kalian bisa coba terapkan pada website kalian supaya terlihat lebih menarik.

Terus gimana dong cara ganti warna address bar di mobile browser wordpress? Caranya mudah kok, pada artikel kali ini saya akan share caranya supaya addres bar berwarna sama dengan tema website kalian. Yuk disimak 😉

Untuk melakukan perubahan warna pada address bar ini kalian hanya perlu menambahkan tiga baris kode dalam file header.php sebelum tag penutup pada tema kalian. Dan bagian content memiliki kode hex untuk warna yang ingin kalian gunakan sebagai warna tema.

Kalian bisa mendapatkan kode HEX warna dengan mudah menggunakan software editing gambar seperti Adobe Photoshop, Paint, dll. Contohnya jika kamu ingin mendapatkan warna dari facebok menggunakan Adobe Photoshop, maka kamu harus mengakses facebook dan print screen, lalu kamu buat file baru pada Adobe Photoshop dan klik ctrl+v pada keyboard. Selanjutnya kamu klik icon color picker dan arahkan kursor tersebut pada warna utama facebook untuk mencari kode HEX dari warna tersebut. Setelah itu kamu bisa mengcopy kode HEX warna pada bagian bawah tersebut untuk dimasukkan pada tag HTML diatas tadi.

Kalian juga bisa memilih warna dengan mudah menggunakan tool HTML color picker secara online. Jika kalian ingin memilih warna dari halaman web, kalian bisa menggunakan ekstensi atau Add-ons browser seperti ColorZilla.

Itulah cara mudah mengganti warna address bar di mobile browser wordpress agar warnanya sesuai dengan tema wordpress atau sesuai dengan keinginanmu sendiri. Semoga artikel ini bermanfaat dapat membuat situsmu terlihat lebih professional, menarik dan elegan. Selamat mencoba teman-teman 😉

WhatsApp chat