Cara Mengaktifkan Dark Mode Pada WordPress

Posted by By Dewa Hoshino 3 Min Read

Dark mode adalah fitur yang semakin populer di kalangan pengguna internet. Tidak hanya membuat tampilan lebih menarik, dark mode juga dapat mengurangi kelelahan mata dan menghemat baterai gadget. Oleh karena itu, banyak pengguna WordPress yang ingin mengaktifkan dark mode pada situs mereka. Berikut adalah cara untuk melakukannya.

1. Menggunakan Plugin

Salah satu cara termudah untuk mengaktifkan dark mode pada WordPress adalah dengan menggunakan plugin. Ada banyak plugin yang tersedia di pasar WordPress, seperti WP Dark Mode dan Dark Mode for WP. Berikut adalah langkah-langkah untuk menggunakan plugin WP Dark Mode:

  1. Unduh plugin WP Dark Mode dari WordPress.org atau melalui dashboard WordPress Anda.
  2. Aktifkan plugin di dashboard WordPress Anda.
  3. Buka pengaturan WP Dark Mode di menu WordPress Anda.
  4. Pilih tema gelap yang ingin Anda gunakan.
  5. Klik tombol ‘Simpan’ untuk menyimpan perubahan Anda.

2. Menggunakan Kode CSS

Jika Anda lebih suka menggunakan kode CSS untuk mengaktifkan dark mode, berikut adalah langkah-langkahnya:

  1. Buka editor CSS di dashboard WordPress Anda.
  2. Tambahkan kode CSS berikut:

    3. body { background-color: #222; color: #fff; }

  3. Simpan perubahan Anda.

3. Menggunakan Kode JavaScript

Anda juga dapat menggunakan kode JavaScript untuk mengaktifkan dark mode pada WordPress. Berikut adalah langkah-langkahnya:

  1. Buat file JavaScript baru di editor WordPress Anda.
  2. Tambahkan kode JavaScript berikut:

    3. if (localStorage.getItem('theme') == 'dark') { document.documentElement.setAttribute('data-theme', 'dark'); }

  3. Simpan perubahan Anda.

4. Menggunakan Fitur Bawaan WordPress

Jika Anda menggunakan WordPress versi terbaru, Anda dapat mengaktifkan dark mode dengan fitur bawaan WordPress. Berikut adalah langkah-langkahnya:

  1. Buka dashboard WordPress Anda.
  2. Buka menu ‘Pengguna’ dan pilih ‘Profil’.
  3. Pilih tema gelap dari opsi ‘Tampilan Admin’.
  4. Klik tombol ‘Simpan Perubahan’ untuk menyimpan perubahan Anda.

5. Pengaturan Tambahan

Setelah mengaktifkan dark mode pada WordPress, Anda mungkin ingin menyesuaikan beberapa pengaturan tambahan. Berikut adalah beberapa pengaturan yang dapat Anda ubah:

  1. Ukuran Font: Anda dapat menyesuaikan ukuran font pada dark mode untuk membuatnya lebih mudah dibaca.
  2. Warna Teks: Anda dapat mengubah warna teks pada dark mode agar lebih mudah dibaca.
  3. Warna Latar Belakang: Anda dapat mengubah warna latar belakang pada dark mode agar sesuai dengan tema situs Anda.

Kesimpulan

Mengaktifkan dark mode pada WordPress dapat meningkatkan pengalaman pengguna dan membuat situs Anda lebih menarik. Anda dapat mengaktifkan dark mode dengan menggunakan plugin, kode CSS, kode JavaScript, atau fitur bawaan WordPress. Setelah mengaktifkan dark mode, Anda dapat menyesuaikan beberapa pengaturan tambahan untuk membuat situs Anda lebih baik lagi. Selamat mencoba!