Cara Membuat Mode Dark Di WordPress

Apakah Anda ingin menambahkan mode gelap ke situs WordPress Anda?

Banyak perangkat sekarang hadir dengan dukungan mode gelap asli. Menambahkan mode gelap ke situs web Anda secara otomatis menyesuaikan desain Anda dengan preferensi browser pengguna Anda. Anda bahkan dapat menambahkan sakelar pengalih mode gelap ke situs Anda juga.

Pada artikel ini, saya akan menunjukkan kepada Anda cara membuat mode Dark di WordPress Anda dengan mudah baik di area frontend dan admin.

Menambahkan mode gelap ke situs WordPress Anda (dengan mudah)

Apa itu Mode Gelap dan Mengapa Menambahkannya ke Situs Web Anda?

Mode Dark digunakan pada perangkat seluler dan komputer untuk mengurangi jumlah cahaya putih dari layar.

Beberapa perangkat hadir dengan mode malam yang sebenarnya menggunakan nada warna yang lebih hangat. Mode Dark menggunakan pendekatan berbeda dengan menambahkan warna gelap di latar belakang.

Jika Anda memiliki perangkat iPhone atau Android, Anda mungkin dapat beralih ke mode Dark hanya dengan menggunakan sakelar.

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

 

Menambahkan mode Dark ke situs Anda memberi pengguna opsi untuk mengaktifkan dan menonaktifkan mode Dark saat melihat situs Anda. Ini juga memberi Anda lebih banyak kontrol atas bagaimana situs Anda terlihat dalam mode gelap.

Situs web populer seperti YouTube juga menawarkan skema warna gelap. Ini memungkinkan pengguna untuk menonton video larut malam dengan pengalaman menonton yang lebih nyaman.

Menonton YouTube dengan opsi tema gelap diaktifkan

Selain membuat mode gelap ke bagian depan situs web Anda, Anda bahkan dapat menambahkan mode Dark ke admin WordPress Anda juga. Ini dapat berguna jika Anda bekerja di situs Anda pada malam hari atau petang.

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

Tip: Apakah Anda menginginkan situs web dengan skema warna gelap, bahkan dengan perangkat pengguna dalam mode normal atau siang hari? Kemudian lihat daftar tema gelap terbaik untuk WordPress.

Membuat Mode Gelap ke Situs WordPress Anda

Pertama, Anda perlu menginstal dan mengaktifkan plugin WP Dark Mode . Untuk lebih jelasnya, lihat panduan tentang langkah memasang plugin WordPress .

Setelah aktivasi, buka halaman Pengaturan > WP Mode Dark di admin WordPress Anda dan klik pada tab Pengaturan Umum. Anda akan diarahkan ke sana secara otomatis.

Di sini, pengaturan ‘Aktifkan Mode Dark sadar OS’ telah diaktifkan untuk Anda. Artinya, pengunjung akan secara otomatis melihat versi mode gelap situs Anda saat perangkat mereka disetel ke mode gelap.

Pengaturan ‘Show Floating Switch’ juga telah diaktifkan. Ini berarti pengguna dapat mengubah tampilan situs mereka ke mode gelap kapan saja, meskipun mereka belum mengaktifkan opsi Mode Gelap di perangkat mereka.

Halaman Pengaturan Umum untuk plugin WP Mode Gelap

Kunjungi saja situs Anda, dan Anda akan melihat tombol di pojok kanan bawah. Klik untuk langsung mengalihkan situs Anda ke mode gelap di perangkat Anda:

Tombol mode gelap sekarang ditampilkan di situs web untuk pengunjung

Ada lebih banyak opsi penyesuaian yang tersedia di halaman Pengaturan > WP Mode Dark . Namun, ini sangat terbatas dengan plugin gratis.

Misalnya, Anda hanya perlu mengklik tab Pengaturan Tampilan untuk mengubah gaya sakelar mengambang:

Memilih jenis tombol sakelar mode malam di Pengaturan Tampilan

Anda juga dapat menyesuaikan warna mode gelap menggunakan tab Pengaturan Gaya:

Memilih skema warna mode gelap Anda di Pengaturan Gaya

Pastikan Anda mengklik tombol Simpan Pengaturan setelah melakukan perubahan apa pun.

Catatan: Dengan WP Dark Mode versi gratis, Anda hanya mendapatkan 2 gaya sakelar mengambang pertama, dan 2 preset warna pertama yang dapat dipilih.

Versi pro dari Mode WP Dark menawarkan lebih banyak opsi desain, ditambah kemampuan untuk mengaktifkan mode Dark pada waktu tertentu dan opsi untuk menambahkan kode CSS khusus.

Menambahkan Mode Gelap ke Admin WordPress Anda

WordPress hadir dengan skema warna admin, tetapi tidak ada skema warna default yang mengurangi cahaya putih yang datang dari layar Anda. Untungnya, plugin ini juga menyelesaikan masalah itu.

Mari kita lihat cara menambahkan mode gelap dengan mudah ke area admin WordPress Anda untuk pengalaman pengguna yang lebih menyenangkan selama berjam-jam larut.

Cukup buka halaman Pengaturan > WP Mode Dark dan klik tab Pengaturan Umum. Kemudian, alihkan sakelar ‘Aktifkan Mode Dark Backend’ ke posisi aktif. Jangan lupa untuk mengklik tombol Simpan Pengaturan di bagian bawah halaman:

Nyalakan sakelar Aktifkan Mode Gelap Backend sehingga Anda dapat menggunakan mode gelap di admin WordPress Anda

Anda sekarang akan melihat sakelar baru di bilah atas area admin Anda:

Sakelar sakelar di admin WordPress Anda untuk beralih antara terang (normal) dan gelap untuk antarmuka admin Anda

Cukup klik pada sakelar ini untuk langsung mengalihkan area admin Anda ke mode Dark.

Tip: Jika situs Anda memiliki banyak pengguna WordPress, setiap orang dapat mengaktifkan dan menonaktifkan mode gelap sesuka mereka.

Karena ‘Dark Mode’ 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.

Perhatikan bahwa Anda perlu mematikan mode gelap untuk melihat opsi skema warna admin:

Memilih skema warna admin di WordPress, di halaman profil pengguna Anda

Saat menulis posting di editor blok WordPress, Anda juga dapat mengaktifkan mode Dark. Klik ikon warna kecil di kiri atas, lalu pilih mode yang ingin Anda gunakan:

Mengaktifkan mode gelap di editor blok WordPress

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

Saya harap artikel ini membantu Anda mempelajari cara menambahkan mode gelap ke situs WordPress Anda. Anda mungkin juga ingin melihat artikel saya tentang tema WordPress terbaik .

Tinggalkan Komentar

Alamat email Anda tidak akan dipublikasikan.