Cara Membuat Mode Gelap di Website WordPress

0
28

Zaman sekarang, kenyamanan pengunjung website adalah nomor satu.

Semakin lama seorang pengunjung di website Anda, semakin bagus.

Untuk membantu pengunjung agar betah belama-lama membaca di website Anda, ada baiknya untuk memasang fitur mode gelap untuk membantu mata pembaca tidak cepat letih.

Pada artikel ini, kita akan membahas cara menambahkan mode gelap ke website WordPress Anda.

Apa itu Mode Gelap dan Mengapa Menambahkannya ke Web Anda?

Mode gelap digunakan pada handphone dan komputer untuk mengurangi jumlah cahaya putih dari layar.

Jika Anda memiliki perangkat seperti iPhone atau Android, Anda mungkin dapat beralih ke mode gelap hanya dengan menggunakan tombol.

Atau, di komputer, Anda dapat melihat web dalam mode gelap menggunakan ekstensi Chrome seperti Night Eye.

Baca artikel, cara membuat mode gelap di semua website di Gogle Chrome.

Berikut tampilan website Mbah WP menggunakan ekstensi itu:

Menambahkan mode gelap ke website memberi pengguna pilihan bagi pengunjung untuk mengaktifkan dan menonaktifkan mode gelap saat melihat website Anda.

Plugin ini juga memberi Anda lebih banyak kontrol bagaimana web Anda terlihat dalam mode gelap.

Website populer seperti YouTube juga menawarkan mode warna gelap.

Ini membantu pengunjung menonton lebih nyaman, apalagi jika berlama-lama menatap layar.

Selain menambahkan mode gelap ke bagian depan web, Anda bahkan dapat menambahkan mode gelap ke admin WordPress juga.

Pertama, kita akan melihat cara menambahkan mode gelap ke situs WordPress Anda. Kemudian, kita akan membahas menambahkan mode gelap ke dasbor admin WordPress Anda.

Membuat Mode Gelap ke Website WordPress Anda

Pertama, instal dan aktifkan plugin WP Dark Mode.

Untuk lebih jelasnya, lihat panduan langkah demi langkah cara memasang plugin WordPress.

Setelah diaktifkan, buka halaman Pengaturan » WP Dark Mode di admin WordPress dan klik pada tab General Settings.

Anda akan diarahkan ke sana secara otomatis.

Di sini, pengaturan ‘Enable OS aware Dark Mode’ telah diaktifkan untuk Anda.

Artinya, pengunjung akan secara otomatis melihat versi mode gelap website Anda saat perangkat mereka disetel ke mode gelap.

Pengaturan ‘Show Floating Switch’ juga telah diaktifkan.

Artinya, pengguna dapat mengganti tampilan website mereka ke mode gelap kapan saja, meskipun mereka belum mengaktifkan Mode Gelap di perangkat mereka.

Silahkan kunjungi web Anda, dan Anda akan melihat tombol di pojok kanan bawah.

Klik untuk mengganti mode website Anda ke mode gelap atau terang:

Ada lebih banyak pilihan penyesuaian yang tersedia di halaman Pengaturan » WP Dark Mode. Jika Anda ingin mendapatkan fitur tambahan, Anda bisa upgrade ke versi pro.

Untuk mengubah model tombol, Anda bisa memilih menu ‘Display Settings’.

Pada versi gratis, Anda hanya bisa memilih 2 jenis tombol mode gelap, di versi pro Anda bisa memilih 7 jenis tombol mode gelap.

Anda juga dapat menyesuaikan warna mode gelap menggunakan tab Style Settings:

Pastikan Anda mengklik tombol Save Settings setelah melakukan perubahan apa pun.

Membuat Mode Gelap ke Admin Area WordPress Anda

Di admin area WordPress, memiliki warna domain terang dan tidak ada pilihan untuk mengganti warna tersebut.

Plugin ini dapat juga menerapkan mode gelap di bagian admin area.

Mari kita lihat cara menambahkan mode gelap dengan mudah ke admin area WordPress agar Anda juga tahan beralam-lama bekerja di bagian admin area.

Silahkan buka menu Pengaturan » WP Dark Mode dan klik tab General Settings.

Kemudian, geser tombol ‘Enable Dark Mode Backend’ ke posisi aktif. Jangan lupa untuk mengklik tombol ‘Save Settings’ di bagian bawah halaman:

Anda sekarang akan melihat tombol baru di bagian atas admin area:

Geser sakelar ini untuk beralih mengubah tampilan admin area menjadi terang (normal) dan gelap.

Tip: Jika website Anda memiliki beberapa user, setiap orang dapat mengaktifkan dan menonaktifkan mode gelap sesuka mereka.

Karena ‘Mode Gelap’ bukanlah skema warna admin, Anda dapat dengan mudah menggunakannya bersama dengan skema warna admin WordPress yang ada.

Untuk mengatur ini, buka saja Profil Pengguna dan klik opsi di bawah Skema Warna Admin.

Anda perlu mematikan mode gelap untuk melihat pilihan skema warna admin:

Saat menulis posting di editor blok Gutenberg WordPress, Anda juga dapat mengaktifkan mode gelap.

Klik ikon warna kecil di kiri atas, lalu pilih mode yang ingin Anda gunakan:

Sekarang, Anda dapat dengan nyaman menulis dan mengerjakan konten web di malam hari tanpa melelahkan mata.

Semoga artikel ini membantu Anda mempelajari cara memuat mode gelap di website WordPress Anda.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.