Banyak website saat ini memilih menggunakan fitur mode gelap dengan tujuan untuk memberikan kenyamanan bagi pengunjung saat menelusuri halaman website. Mode gelap ini lebih dikenal dengan istilah Dark Mode. Apalagi bagi pengguna yang banyak menghabiskan waktunya di depan monitor laptop/komputer, Dark Mode akan lebih banyak dipilih saat mengakses halaman website supaya mata tidak cepat lelah.
Tentunya pencahayaan yang terlalu terang bisa membuat mata cepat lelah. Oleh karena penggunaan Dark Mode bisa membuat pengunjung betah berlama lama saat mengunjungi website. Dengan mengaktifkan Dark Mode, pengunjung bisa berpindah mode terang ke gelap atau sebaliknya dengan mudah sesuai selera mereka. Dark Mode hanya berpengaruh pada perubahan latar belakang background suatu website. Inilah yang membedakan Dark Mode dengan Night Mode.
Baca: Mudahnya Membuat Undangan Pernikahan Online
Banyak yang menyamakan antara Night Mode dan Dark Mode. Padahal keduanya adalah berbeda. Night mode digunakan untuk merubah tingkat kecerahan layar monitor dari terang ke gelap sedangkan Dark Mode melibatkan perubahan tingkat kecerahan latar belakang (background) antar muka pengguna (User Interface) sebuah website ke warna yang lebih gelap.
Menambahkan Dark Mode di website bisa dilakukan dengan mudah apabila website Anda menggunakan platform Wordpres. Dark Mode bisa diaplikasikan untuk pengunjung dan administrator website. Dark Mode bisa diset di area frontpage dan backend.
Adapun keuntungan lain dari penggunaan Dark Mode antara lain:
- Dark Mode bisa mengurangi cahaya putih yang dipancarkan monitor
- Dark Mode menghemat daya baterai laptop dan komputer pengunjung web atau administrator website.
- Dark Mode bisa mengurangi tingkat kelelahan mata akibat pancaran cahaya.
- Dark Mode bisa menambah waktu kunjungan pengunjung ke halaman website.
Setelah kita mengetahui perbedaan keduanya Anda pasti sudah bisa menebak hal apa yang akan di bahas dalam tutorial ini adalah Dark Mode.
Cara Menambahkan Dark Mode di area Frontend
WordPress memungkinkan Anda untuk menambahkan Dark Mode di area frontdend. Pastikan anda sudah menginstall web wordpress.
1. Temukan dan Install plugin WP Dark Mode .
Plugin ini adalah paling populer digunakan banyak pengguna wordpress. Plugin ini bermanfaat untuk menambahkan fitur perubahan dari mode gelap ke terang atau sebaliknya terang ke gelap. Selain settingnya mudah, plugin ini mudah digunakan dan diaplikasikan ke website.
2. Lakukan instalasi plugin melalui area backend wordpress. Pilih menu “Plugin” >> pilih submenu “Add New“.
3. Pada kotak Search ketikkan “Dark Mode“, Selanjutnya Anda akan menemukan plugin tersebut. Klik tombol “Install” untuk menginstall plugin. Tunggu sampai proses instalasi selesai. Jika proses instalasi sudah selesai maka akan tampil tombol “Activate” untuk mengaktifkan plugin tersebut. Selanjutnya klik pada tombol “Activate“.
3. Jika plugin sudah aktif, tugas anda selanjutnya adalah melakukan setting plugin sesuai dengan kebutuhan Anda.
4. Dibagian setting General >> pilih opsi “Enable Frontend Dark Mode“. Tujuannya untuk mengaktifkan fitu Dark Mode untuk area halaman depan.
5. Selain itu anda bisa melakukan setting di bagian “the Floating Switch“. Dengan aktifnya Floating Switch akan bisa memudahkan pengunjung merubah Dark Mode dengan menggeser toggle.
6. Anda juga bisa merubah tampilan Dark Mode Toggle dengan memilih pada menu “Display Setting“.
7. Apabila anda belum puas dengan tampilan yang ada maka Anda bisa mesetting Style dari Dark Mode pada menu “Style Settings“.
7. Apabila pengaturan sudah selesai klik cobalah refresh halaman web Anda dan lihatlah hasilnya.
BACA: Apa itu Web Affiliasi dan Keuntungan Membuatnya
Cara Menambahkam Dark Mode di area Backend
Seperti sudah dijelaskan di atas, menambahkan Dark Mode juga bisa dilakukan untuk area Backend.
1. Perhatikan pada menu Settings >>Pilih menu “WP Dark Mode” >> Pilih submenu “General Setting”.
2. Pada opsi “Enable Dark Mode” geserlah toggle.
3. Pastikan setelah menggesernya anda klik tombol “Save Settings” untuk menyimpan settingan.
4. Secara otomatis anda akan melihat toggle baru di bagian top header area backend wordpress.
5. Cobalah untuk melihat tampilan Dark Mode pada area backend.
Demikianlah cara menambahkan Dark Mode pada area Frontend dan Backend website wordpress. Setelah tahu keuntungan menggunakan fitur Dark Mode, sekarang pertimbangkan untuk mulai menggunakannya di website Anda. Apabila anda ingin mendalami web wordpress anda bisa belajar disini dengan memilih kursus website. Anda akan belajar membuat website dengan mudah dari 0 sampai bisa dan didampingi oleh mentor yang beerpengalaman di bidang pembuatan website dan toko online serta internet marketing.
BACA: Cara Meningkatkan Performa Web dan Security dengan Cloudflare
Konsultasikan kebutuhan kursus web dan toko online Anda kepada Kursuswebpro. Apapun profesinya Anda berhak bisa membuat dan memiliki website sendiri.
