Cara Membuat Dark Mode di WordPress dengan Plugin

Banyak cara di lakukan agar halaman wordpress kita dapat di sukai pengunjung, Mulai dari meminimalisir penggunaan plugin, mengupgrade hosting hingga menambah fungsionalitas sebuah halaman wordpress. Salah satu fungsionalitas yang bisa kita terapkan di wordpress adalah dengan menambahkan fitur-fitur yang dapat membuat user betah berada di halaman wordpress kita seperti membuat fitur dark mode di wordpress

Nah di artikel ini saya akan menjelaskan bagaimana cara menambahkan fungsionalitas pada wordpress agar disukai pengunjung dengan menambahkan fitur dark mode dengan menggunakan worpdress plugin.

Tapi sebelum kita praktekan cara penggunaanya, Mari kita simak dahulu pengertian dan manfaat yang di dapat ketika memasang fitur dark mode pada wordpress.

membuat dark mode di wodpress

Apa itu Dark Mode  ?

Dark Mode atau biasa di sebut juga Mode Malam merupakan sebuah fitur yang tersedia pada halaman website/aplikasi agar memberikan sebuah pengalaman baru bagi usernya untuk dapat menikmati suasana gelap

Baca Juga : Manfaat dan Keuntungan jika Kamu Punya Blog

Pentingkah Menambahkan Dark Mode pada WordPress ?

Menambahkan fitur switch dark mode atau biasa di sebut juga mode malam pada wordpress, tentunya itu menambahkan nilai plus bagi website kita. Karna dengan menambahkan fitur dark mode pengunjung bisa memilih opsi mau membaca artikel pada mode terang atau gelap. Ini sangat berguna bagi mereka yang lebih suka mode gelap agar lebih fokus saat membaca artikel pada halaman wordpress.  Selain itu mode gelap juga dapat mengurangi tingkat kesilauan saat membaca pada ruangan gelap

Menambahkan Dark Mode Menggunakan Plugin WP Night

plugin dark mode wordpress

Bagi kamu pengguna wordpress, kamu tidak perlu pusing untuk memikirkan pengkodingan untuk membuat fitur dark mode ini, karna di WordPress sendiri sudah tersedia plugin yang dapat membuat halaman wordpress kita berubah menjadi mode gelap, yaitu dengan cara menggunakan plugin WP Night. 

Cara Menggunakan WP Night

Buat kamu yang masih bingung cara menggunakan plugin ini, tidak perlu khawatir saya akan memberikan penjelasanya di artikel ini. Simak langkah-langkahnya di bawah ini ya

Install Plugin

Langkah pertama, kamu harus install plugin WP Night terlebih dahulu, kamu bisa mencarinya pada menu plugins dan pilih add new, setelah terinstall jangan lupa untuk Aktifkan pluginya ya

Memasang Kode Plugin pada Menu

Setelah terinstall, pergi ke menu Appearance > pilih Menus. di bagian menus ini pastikan CSS clases nya sudah tercentang, apabila belum kamu bisa pergi ke menu Screen Options yang berada di atas kemudian centang CSS clasess

setting wp night

Setelah itu kamu bisa isi di bagian custom links untuk URL isi #  sedangkan Link text nya tulis saja Night Mode kemudian klik Add to Menu

cara setting night wordpress

Secara otomatis menu Custom Linksnya akan bertambah, pada kotak CSS clasesnya isi dengan  wp-night-mode. Kemudian kamu bisa langsung klik Save Menu

Oh iya pastikan menu Night Mode ini di pasang pada ujung akhir ya

fitur mode malam pada wordpress

Untuk tahap ini fitur Dark Mode sudah terinstall, kamu bisa lihat hasilnya pada halaman wordpress kamu, akan muncul toogle pada bagian Menu

Mengubah warna body, text dan style toogle

Jika kamu masih kurang puas dengan hasilnya, kamu bisa ubah warna body,text dan style tooglenya pada bagian customize. Setelah terpasang, mungkin pada kasus tertentu ada beberapa elemen yang terbawa menjadi mode gelap, untuk cara mengatasinya kamu bisa mengatur element cssnya pada bagian Additional CSS

Leave a Comment

Your email address will not be published. Required fields are marked *