Apakah Anda ingin menambahkan mode gelap ke Anda? situs web WordPress?

Banyak perangkat sekarang hadir dengan dukungan mode gelap asli. Menambahkan mode ini ke situs jaringan Secara otomatis menyesuaikan desain Anda dengan preferensi browser pengguna Anda. Anda bahkan dapat menambahkan tombol ke situs web untuk beralih ke sana.

Pada artikel ini, kami akan menunjukkan cara mudah menambahkan mode gelap ke situs WordPress Anda baik di frontend maupun di area admin.

Tetapi sebelumnya, jika Anda belum pernah menginstal WordPress temukan Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda 

Lalu kembali ke mengapa kita ada di sini.

Apa itu mode gelap dan mengapa menambahkannya ke situs web Anda?

Mode gelap digunakan pada perangkat seluler dan komputer untuk mengurangi jumlah cahaya putih di layar.

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

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

Atau, di komputer Anda, Anda dapat melihat situs web dalam mode gelap menggunakan ekstensi Chrome seperti Night Eye. Berikut tampilan bagian blog BlogPasCher menggunakan plugin ini:

Mode gelap blogpascher

Menambahkan mode gelap ke situs web Anda memberi pengguna kemampuan untuk mengaktifkan dan menonaktifkan mode gelap saat melihat situs web Anda. Ini juga memberi Anda lebih banyak kendali atas bagaimana situs web Anda ditampilkan dalam mode gelap.

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

Mode gelap Youtube

Selain menambahkan mode gelap ke bagian depan situs web Anda, Anda bahkan dapat menambahkan mode gelap ke area admin WordPress Anda. Ini dapat berguna jika Anda mengerjakan situs web Anda pada malam atau malam hari.

Pertama, mari kita lihat menambahkan mode gelap ke situs WordPress Anda. Selanjutnya, kita akan membahas menambahkan mode gelap ke dasbor WordPress Anda.

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

Menambahkan Mode Gelap ke Situs WordPress Anda

Pertama-tama, Anda perlu menginstal dan mengaktifkan plugin Mode Gelap WP. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami di cara menginstal plugin WordPress.

Setelah aktivasi, buka halaman Pengaturan »WP Mode Gelap dari dasbor WordPress dan klik tab Pengaturan Umum. Anda akan diarahkan ke sana secara otomatis.

Di sini, parameter 'Aktifkan Mode Gelap yang sadar OS' telah diaktifkan untuk Anda. Ini berarti bahwa pengunjung akan secara otomatis melihat versi mode gelap situs web Anda saat perangkat mereka disetel ke mode gelap.

Parameter 'Tampilkan Sakelar Mengambang'juga telah diaktifkan. Ini berarti pengguna dapat mengalihkan situs web mereka ke mode gelap kapan saja, meskipun mereka belum mengaktifkan opsi mode gelap di perangkat mereka.

Plugin mode gelap Wordpress wp

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

Pratinjau situs web mode gelap

Ada lebih banyak opsi penyesuaian yang tersedia di halaman Pengaturan »WP Mode Gelap. Namun, ini sangat terbatas pada versi gratisnya.

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

Sesuaikan penampilan untuk beralih mode gelap

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

Sesuaikan penampilan matikan mode gelap 1

Pastikan Anda mengklik tombolnya Simpan Pengaturan untuk menyimpan pengaturan setelah melakukan perubahan.

Catatan: Dengan versi gratis dari plugin ini, Anda hanya mendapatkan 2 gaya floating switch pertama, dan 2 preset warna pertama.

Versi pro menawarkan lebih banyak opsi desain, selain kemampuan untuk mengaktifkan mode gelap pada waktu tertentu dan kemampuan untuk menambahkan kode CSS khusus.

Menambahkan mode gelap ke dasbor WordPress

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

Mari kita lihat cara mudah menambahkan mode gelap ke area admin WordPress Anda pengalaman pengguna lebih baik selama jam-jam larut.

Anda hanya perlu pergi ke halaman Pengaturan »WP Mode Gelap dan klik tab Pengaturan Umum. Lalu balik sakelar 'Aktifkan Backend Darkmode'. Jangan lupa klik tombolnya Simpan Pengaturan di akhir halaman:

Sesuaikan Tampilan Dashboard Mode Gelap

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

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

Sesuaikan Tampilan Dashboard Mode Gelap 1

Dewan: Jika situs web Anda memiliki beberapa Pengguna WordPress, setiap orang akan dapat beralih ke mode gelap sesuka mereka.

Sejak 'Mode Gelap'bukan skema warna admin, Anda dapat dengan mudah menggunakannya dengan skema warna admin WordPress yang ada. Untuk mendefinisikan 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:

Sesuaikan Tampilan Dashboard Mode Gelap 2

Saat menulis postingan di Editor blok WordPress, Anda juga dapat beralih ke mode gelap. Klik ikon warna kecil di kiri atas, lalu pilih mode yang ingin Anda gunakan:

Editor blok mode gelap

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

Sumber daya lain yang direkomendasikan

Kami juga mengundang Anda untuk berkonsultasi dengan ressources di bawah ini untuk mengambil lebih banyak kepemilikan dan kendali atas situs web dan blog Anda.

Kesimpulan

Disini adalah ! Sekian untuk panduan ini. Kami harap artikel ini membantu Anda mempelajari cara menambahkan mode gelap ke situs WordPress Anda. Anda juga dapat membaca artikel kami di plugin 9 WordPress untuk menyesuaikan dashboard Anda.

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.

Jika Anda memiliki teman atau komentar, silakan tinggalkan di bagian komentar. Kebanyakan bagikan artikel ini di berbagai jejaring sosial Anda.

...