Mewarnai Status Bar Android di Website WordPress Tanpa Plugin

26 Mei 2022
Baca 2 menit
393 Views

Daftar Isi

Ingin mewarnai status bar Android tanpa menggunakan plugin di situs yang Anda buat dengan WordPress seperti gambar di bawah?

Ikuti cara berikut:

Langkah Pertama:

Silakan copy kode berikut:

<meta name="theme-color" content="#4d0000"/>

Silakan ganti #4d0000 dengan warna yang Anda inginkan, Anda dapat mengambil kode warna html dengan mudah di sini.

Langkah Kedua:

Tambahkan kode tersebut pada file header.php, ada dua cara untuk melakukan ini:

Cara pertama: Tanpa plugin

Letakkan kode tersebut di file header.php pada tema aktif yang sedang Anda gunakan sebelum tag penutup </head>. Sangat disarankan Anda menggunakan child theme untuk meminimalisir eror.

Kekurangan cara ini:

Meskipun cara ini tergolong mudah dan tanpa perlu bantuan plugin tambahan namun cara ini juga memiliki kekurangan, antara lain:

  • Risiko terjadi error yang akan membuat website Anda error jika terjadi kesalahan dalam prosesnya.
  • Jika Anda mengupdate tema yang kemudian file update-annya mengganti file yang sudah Anda kustomisasi, maka website Anda akan kembali seperti semula tanpa warna di status bar. Karenanya Anda disarankan menggunakan child theme, selain untuk meminimalisir risiko eror, juga untuk menghindari hilangnya kustomisasi Anda saat parent theme di-update.
  • Jika Anda mengganti tema maka warna di status bar pun akan hilang, dan harus mengulang cara di atas untuk mewarnai kembali status bar Anda.

Cara kedua: Menggunakan bantuan plugin

Anda dapat menggunakan plugin Insert Headers and Footers untuk menambahkan kode tersebut tanpa perlu memodifikasi file tema, plugin ini tidak hanya akan mempermudah Anda dalam mewarnai status bar di Android, plugin ini juga akan sangat membantu Anda dalam kustomisasi lainnya.

Silakan install plugin tersebut, aktifkan, setelah itu dari Dashboard WordPress Anda > Pengaturan > Insert Headers and Footers, pada bagian Scripts in Header silakan tambahkan kode di atas lalu simpan.

Saya lebih menyarankan Anda menggunakan plugin Insert Headers and Footers dari pada memodifikasi file tema langsung, sebab:

  • Plugin Insert Headers and Footers berukuran sangat kecil (hanya sekitar 13 KB) dan tidak mempengaruhi performa website Anda.
  • Plugin ini tidak hanya digunakan saat ingin mewarnai status bar, Anda dapat menggunakannya untuk kustomisasi lainnya dengan mudah.
  • Anda tidak perlu memodifikasi file tema yang rawan terjadi eror jika terjadi kesalahan pada proses kustomisasi.
  • Mudah dan minim risiko.
  • Warna status bar tidak akan hilang jika Anda melakukan update tema yang sudah dimodifikasi, atau melakukan penggantian tema.
  • Plugin ini juga dapat digunakan dan berjalan di Oxygen Builder.

Kesimpulan:

  • Anda bisa mewarnai status bar di Android pada situs WordPress Anda tanpa menggunakan plugin khusus.
  • Anda hanya perlu menambahkan sedikit kode di atas pada file header.php
  • Untuk menambahkan kode tersebut Anda dapat memodifikasi file header.php langsung dari folder tema aktif yang sedang Anda gunakan, atau menggunakan bantuan plugin Insert Headers and Footers
  • Plugin Insert Headers and Footers akan sangat memudahkan Anda dalam kustomisasi situs WordPress Anda, mudah, ringan, ukuran plugin kecil, dan minim risiko.
  • Jika Anda memodifikasi file header.php secara langsung dari folder tema aktif yang sedang Anda gunakan, maka kustomisasi yang Anda buat akan hilang jika: Anda berganti tema, atau Anda mengupdate tema yang sudah Anda kustomisasi.
  • Jika Anda mewarnai status bar Android menggunakan bantuan plugin Insert Headers and Footers, maka kustomisasi Anda yang Anda buat tidak akan hilang dengan mengupdate tema, bahkan dengan mengganti tema.
Tags:

Penulis: Mohammad Ridwanullah

Founder www.zaad.my.id | Author | Web Developer | Alumni Darul Ihsan Sana Daja & Ma'had Al-Ittihad Al-Islami Camplong. Melanjutkan pendidikan S1 Fakultas Syariah di LIPIA Jakarta. Melanjutkan pendidikan S2 di Fakultas Syariah jurusan Fiqh dan Ushul Fiqh di LIPIA Jakarta.

Artikel Terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

file-adduserslaptop-phoneclockdownloadmagnifiercrossmenulistchevron-leftchevron-right linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram