Cara Mengaktifkannya (Frontend dan Backend)

Sayangnya, mode gelap bukanlah fitur default WordPress. Anda hanya dapat mengaktifkannya dengan mengutak-atik konfigurasi visual platform, sebuah prosedur yang mungkin tampak menakutkan bagi non-pengembang.

Cara mengaktifkan mode gelap WordPress di frontend situs Anda

Daya tarik visual sebuah situs web sangat bergantung pada CSS (Cascading Style Sheets)-nya. Dan meskipun tema WordPress hadir dengan gaya defaultnya, plugin mampu melengkapi atau menggantinya tanpa mengubah kode inti.

Untuk mengaktifkan mode gelap WordPress, misalnya, mereka secara dinamis menyesuaikan properti seperti latar belakang dan warna teks untuk beralih antara tema terang dan gelap berdasarkan preferensi pengguna atau pengaturan sistem.

Di antara plugin yang tersedia, Mode Gelap WP terutama menonjol karena kemudahan penggunaan, keserbagunaan, dan fitur uniknya.

Plugin ini melampaui peralihan mode gelap WordPress dasar untuk memberikan peningkatan tambahan untuk mengoptimalkan pengalaman pengguna dan estetika situs.

Dengan versi gratis WP Dark Mode, misalnya, Anda mendapatkan mode warna berbasis OS, opsi sakelar mengambang, dan beberapa preset warna mode gelap. Ini secara kolektif membuat elemen seperti tombol, tautan, dan teks secara dinamis menyesuaikan warnanya untuk kontras dan keterbacaan yang optimal.

Bagi mereka yang mencari fungsionalitas lebih lanjut, versi premium WP Dark Mode menawarkannya lebih baik. Ini menggunakan kombinasi variabel CSS dan fungsi JavaScript untuk menyediakan fitur seperti gaya peralihan yang dapat disesuaikan dan peralihan tema berbasis waktu.

Sementara itu, integrasi WooCommerce-nya menyesuaikan CSS dalam daftar produk, halaman keranjang, dan formulir pembayaran untuk memfasilitasi pengalaman berbelanja yang lancar dalam mode WordPress terang dan gelap.

Langkah 1: Cari dan instal plugin WP Dark Mode

Mengakses repositori plugin

• Mulailah dengan masuk ke dashboard WordPress Anda.
• Di sidebar kiri, arahkan kursor ke “Plugin” pilihan. Saat submenu muncul, pilih “Tambah baru” untuk mengakses repositori plugin WordPress.

Mencari Mode Gelap WP

• Di bagian kanan atas halaman, Anda akan menemukan bilah pencarian. Ketik “Mode Gelap WP” dan tekan enter. Pencarian akan menghasilkan daftar plugin, dari mana Anda harus memilih “WP Dark Mode.”

Instalasi

• Klik pada “Instal sekarangtombol ” diikuti dengan “Mengaktifkan“.

Menemukan Mode Gelap WP di dasbor

• Setelah aktivasi berhasil, item menu baru berlabel “Mode Gelap WP” akan muncul di dashboard Anda. Di sinilah Anda akan mengelola pengaturan mode gelap WordPress.

Langkah 2: Aktifkan mode gelap default

Meluncurkan pengaturan

• Dari dasbor WordPress Anda, klik tombol “Mode Gelap WP” item menu yang kami identifikasi pada langkah sebelumnya. Ini akan membuka halaman pengaturan plugin.
• Dalam Pengaturan Umum, Anda akan menemukan opsi berlabel “Aktifkan Mode Gelap Frontend“.

Mengaktifkan mode gelap default

• Untuk mengaktifkan fitur ini, cukup alihkan tombol di sebelah “Aktifkan Mode Gelap Frontend“. Pastikan sudah disetel ke ‘Aktif’.

Dengan mengaktifkan fitur ini, Anda menyetel mode gelap WordPress sebagai tema visual default untuk situs web Anda. Artinya, setiap pengunjung, apa pun pengaturan tema perangkatnya, akan disambut dengan versi gelap situs Anda.

Langkah 3: Tambahkan tombol mode gelap WordPress di front-end Anda

Plugin yang sama juga menawarkan opsi tombol pengalih mode gelap, yang memungkinkan pengunjung situs Anda menyesuaikan pengalaman menonton mereka dengan beralih secara mulus antara mode terang dan gelap.

Inilah cara Anda mengintegrasikannya:

Menyiapkan tombol sakelar

• Dari dasbor WordPress Anda, klik “Mode Gelap WP” kemudian “Pengaturan“.
• Lanjutkan ke “Beralih Pengaturan” tab, temukan “Saklar Mengambang”, dan aktifkan. Ini membuat tombol sakelar melayang di situs Anda untuk memudahkan akses.

“Beralih PengaturanMenu ” juga dilengkapi dengan opsi penyesuaian untuk sakelar mengambang.

Anda dapat mengubah desain, ukuran, dan efek animasinya sesuai dengan estetika situs Anda.

Menata gaya itu

• Untuk mengonfigurasi tampilannya, misalnya, gulir ke atas dan temukan “Ganti Gaya” bagian.
• Anda kemudian dapat memilih desain tombol yang sesuai dengan tampilan situs Anda – mulai dari dasar hingga ikon bulat dan tarik-turun.

Penempatan tombol sakelar mode gelap WordPress

• Saat Anda perlu menyesuaikan posisi tombol sakelar di halaman, lanjutkan saja ke “Posisi Sakelar Mengambang” tepat di bawah bagian penataan gaya.
• Anda kemudian dapat memilih posisi seperti kiri atau kanan, atas atau bawah, dan lain-lain. Simpan di tempat yang terlihat oleh pengguna dan menyatu dengan desain situs Anda.

Langkah 4: Tentukan skema warna mode gelap WordPress Anda

Selain itu, Anda dapat menentukan skema warna untuk mode gelap WordPress Anda.

Konfigurasinya ada di bawah “Pengaturan Warna” menu, yang seharusnya dapat Anda akses dari WP Dark Mode’s “Pengaturan” halaman.

Langkah 5: Uji mode gelap WordPress Anda

Setelah pengalih mode gelap aktif dan disesuaikan dengan keinginan Anda, Anda mungkin ingin menguji fungsinya. Hal ini dimaksudkan untuk memastikan bahwa sistem dapat bertransisi dengan lancar antara mode terang dan gelap tanpa gangguan apa pun.

Anda dapat memulai dengan memuat versi mode gelap situs Anda di berbagai perangkat – seperti desktop, tablet, dan ponsel cerdas. Rendernya harus konsisten di semua layar tersebut.

Selanjutnya, ujilah di berbagai browser – terutama Chrome, Firefox, Safari, dan Edge. Masing-masing memiliki caranya sendiri dalam merender CSS, yang dapat memengaruhi tampilan mode gelap WordPress Anda.

Saat melakukannya, kami secara khusus menyarankan Anda untuk memeriksa kejelasan teks, gambar, dan elemen halaman seperti tombol dan tautan. Waspadai apa pun yang mungkin tidak responsif atau menyatu dengan latar belakang.

Tombol sakelar itu sendiri juga harus diposisikan secara strategis dan disesuaikan agar menyatu sempurna dengan desain situs web Anda.

Cara mengaktifkan mode gelap di panel admin WordPress

Panel admin WordPress adalah ruang kerja Anda untuk membuat konten, mengelola plugin, dan menyesuaikan pengaturan. Mengingat waktu yang dihabiskan di sini, Anda mungkin perlu menggelapkan antarmuka default agar lebih nyaman secara visual.

Ada beberapa plugin yang dapat memperkenalkan mode gelap ke backend WordPress. Namun, kami tetap bersikeras untuk memilih Mode Gelap WP, karena mudah dan berfungsi tanpa mengganggu plugin lain atau fungsi inti WordPress.

WP Dark Mode sendiri menggunakan tindakan dan filter bawaan WordPress untuk mengintegrasikan fitur-fiturnya. Artinya, saat mengaktifkan mode gelap di backend Anda, ini tidak hanya sekedar mengaplikasikan lapisan cat baru. Plugin ini juga menyinkronkan tampilan baru dengan semua hal lain di dasbor Anda.

Mode Gelap WP juga menyelamatkan Anda dari kesulitan mengatur plugin yang berbeda untuk panel front-end dan admin. Muncul dalam bentuk solusi terpadu yang menawarkan pengalaman mode gelap WordPress terpadu, sehingga meminimalkan risiko konflik plugin.

Berikut keseluruhan prosedurnya:

Langkah 1: Akses pengaturan Mode Gelap WP

• Di dasbor WordPress Anda, klik tombol “Mode Gelap WP” item menu.
• Ini akan membuka halaman pengaturan plugin. Di sini, Anda akan menemukan berbagai tab seperti “Pengaturan Umum“, “Beralih Pengaturan“, “Pengaturan Warna“, dan banyak lagi. Pilih yang pertama.

Langkah 2: Aktifkan mode gelap admin

• Pada halaman Pengaturan Umum, lanjutkan ke “Aktifkan Mode Gelap Backend” tepat di bawah opsi frontend yang setara.
• Aktifkan untuk mengaktifkan mode gelap WordPress di panel admin.

Setelah aktivasi, tombol mengambang akan muncul di dasbor admin Anda, biasanya di bilah atas. Sakelar ini memungkinkan Anda berganti-ganti dengan mudah antara mode backend terang dan gelap.

Langkah 3: Sesuaikan warna mode gelap Anda (opsional)

Meskipun skema warna default plugin WP Dark Mode dioptimalkan untuk keterbacaan dan kenyamanan, mungkin ada saatnya Anda ingin menyesuaikannya agar lebih sesuai dengan kebutuhan Anda. Hal ini umum terjadi pada situs web multi-penulis, di mana administrator dapat memiliki preferensi visual yang berbeda-beda.

Ternyata, Anda tidak memerlukan plugin apa pun untuk melakukan penyesuaian. Alat asli WordPress mampu melakukannya.

Secara sederhana:

• Pergi ke “Pengguna” opsi menu di dashboard WordPress Anda.
• Lanjutkan ke “Profil“.
• Di halaman berikutnya, gulir ke “Skema Warna Admin” bagian. Di sini, Anda dapat memilih skema warna yang sesuai dengan backend mode gelap WordPress Anda.

• Pilih skema warna yang enak dipandang dan kontras dengan latar belakang agar lebih mudah dibaca.
• Setelah Anda puas dengan pilihan Anda, klik “Memperbaharui profil” di bagian bawah halaman untuk menerapkan skema warna ke dasbor mode gelap WordPress.

Tapi, ingat… 💡

Tujuan utama mode gelap WordPress adalah untuk mengoptimalkan keterbacaan. Namun, jika tidak diterapkan dengan benar, dampaknya bisa sebaliknya. Teks mungkin menyatu dengan latar belakang, atau kontrasnya terlalu mencolok dan menyebabkan kelelahan mata.

Kami berharap panduan ini akan membantu Anda mendapatkan jumlah mode gelap yang tepat di situs Anda dan membuat pengalaman pengguna menjadi lebih baik bagi pembaca Anda!

Beri tahu kami jika Anda memiliki pertanyaan tentang cara kerja mode gelap di WordPress atau cara terbaik untuk mengaktifkannya.