Bagaimana cara Mengubah Elementor ke Mode Gelap?

Membangun situs web yang berfungsi tinggi adalah sesuatu yang dapat Anda lakukan dengan mudah bahkan tanpa pengalaman sebelumnya. Anda cukup menggunakan plugin WordPress seperti Elementor. Tetapi ketika datang untuk meningkatkan keterbacaan situs web Anda, Anda harus mempertimbangkan untuk mengubah elementor ke mode gelap. Sekarang, Anda mungkin bertanya-tanya, bagaimana cara mengubah elementor ke mode gelap?

Nah, tidak seperti plugin seperti QS dark mode, elementor tidak memiliki plugin dark mode bawaan. Ini berarti Anda harus menginstal plugin pihak ketiga. Manfaat lain menggunakan plugin mode gelap QS adalah karena mudah diterapkan dan lebih ramah pengguna daripada elemen.

Jadi, dalam tutorial ini, kita akan melihat langkah-langkah tentang cara mengubah elementor ke mode gelap melalui plugin yang berbeda.

Mengapa Anda Perlu Mengaktifkan Mode Gelap Elementor?

Penggunaan mode gelap elemen telah meningkat baik dalam kebutuhan dan popularitas. Jadi, jika Anda bertanya-tanya apakah Anda benar-benar perlu mengaktifkan mode gelap , inilah jawabannya.

Meminimalkan ketegangan mata

Terpapar cahaya biru dalam waktu lama dapat menyebabkan ketegangan mata digital dan gejala seperti mata kering dan sakit kepala. Oleh karena itu, mengaktifkan elementor dark mode dapat membantu melindungi mata Anda dari ketegangan mata dan kelelahan yang disebabkan oleh cahaya yang menyilaukan.

Meningkatkan keterbacaan

Manfaat lain menggunakan mode gelap untuk elemen adalah membuat layar Anda lebih efisien untuk meningkatkan keterbacaan. Hal ini terutama bila ada begitu banyak sinar matahari di dalam ruangan, yang dapat membuat sulit untuk membaca. Jadi, jika Anda memiliki blog, pengguna Anda akan lebih cenderung menghabiskan waktu lebih lama di situs web Anda.

Visibilitas yang lebih baik

Penggunaan mode gelap juga berguna dalam pengaturan cahaya rendah. Sederhananya, ini memberikan visibilitas yang lebih baik di lingkungan yang gelap atau redup. Misalnya, Anda dapat menggunakannya di tempat tidur tanpa khawatir akan membangunkan pasangan Anda.

Menghemat masa pakai baterai

Baik elementor atau wordpress dark mode android cenderung menggunakan energi yang lebih sedikit dibandingkan dengan mode normal. Alhasil, baterai ponsel atau laptop Anda bisa bertahan lebih lama. Beberapa ahli menyarankan bahwa itu dapat meningkatkan masa pakai baterai Anda sekitar 30%.

Untuk tujuan estetika

Dibandingkan dengan skema warna lain dalam mode elemen atau normal, mode ini menawarkan antarmuka pengguna yang sangat tampan dan bergaya. Ini memberi Anda sesuatu yang terasa misterius dan baru.

Bagaimana cara mengubah Elementor ke mode gelap?

Jadi, bagaimana tepatnya Anda mengubah elemen situs web Anda ke mode gelap? Lagi pula, tidak ada cara untuk mengaktifkan fitur mode gelap secara default di blog elemen Anda. Dalam hal ini, Anda cukup menggunakan plugin pihak ketiga seperti WP Dark Mode atau Plus Addons untuk elemen. Kedua opsi tersedia dalam versi gratis dan Pro.

Metode Satu: Menggunakan Mode Gelap WP

Ini adalah plugin paling umum dan populer untuk mengubah elemen ke mode gelap. Ini menawarkan banyak fitur, termasuk mode gelap untuk widget elemen dan beberapa gaya sakelar. Di bawah ini adalah langkah-langkah tentang cara menggunakan plugin ini.

Langkah 1: Rencanakan warna mode gelap Anda

Anda harus terlebih dahulu memutuskan elemen elemen mana yang ingin Anda ubah ke mode gelap. Ini karena, dalam beberapa kasus, Anda mungkin sudah memiliki latar belakang gelap yang tidak perlu Anda ubah. Dalam kebanyakan kasus, Anda mungkin harus mengubah warna latar belakang secara keseluruhan, termasuk font, dan gambar.

Langkah 2: Instal WP Mode Gelap

Selanjutnya, Anda harus mengunduh plugin WP Dark Mode . Cukup cari plugin di dashboard WordPress Anda dan klik di atasnya. Kemudian, pilih Add New dan cari WP Dark Mode. Dan terakhir, klik Instal Sekarang untuk mengaktifkan plugin.

Langkah 3: Aktifkan mode gelap

Setelah Anda selesai menginstal WP Dark Mode , hal selanjutnya adalah mengaktifkan mode gelap. Anda dapat memilih untuk mengaktifkannya untuk satu halaman atau seluruh situs web.

Langkah 4: Aktifkan Mode Gelap untuk satu halaman

Pertama, Anda harus menambahkan halaman baru atau cukup menggunakan halaman yang sudah ada. Di Dasbor Admin WordPress Anda, cukup klik halaman dan kemudian, Tambah Baru. Kemudian, beri nama halaman Anda dan di sidebar kanan Anda, pilih templat halaman sebagai Elementor Full Width. Selanjutnya, pilih opsi Edit dengan Elementor.

Setelah itu, cari Mode Gelap pada opsi widget pencarian. Dari sini, seret dan lepas widget ke halaman yang sedang Anda edit. Setelah selesai, Anda dapat mempublikasikan halaman Anda.

Langkah 5: Aktifkan Mode Gelap WP untuk seluruh situs

Anda juga dapat memilih untuk mengubah elemen ke mode gelap untuk seluruh situs web Anda. Dalam hal ini, Anda mulai dengan memilih widget WP Dark Mode di Dasbor Admin WordPress, lalu pengaturan. Setelah itu, klik Aktifkan mode Gelap Frontend pada Pengaturan Umum.

Selanjutnya, klik pada tab Show Floating Switch pada pengaturan untuk menyalakannya. Anda akan melihat bahwa sakelar sakelar baru akan muncul di bagian atas bilah admin WordPress Anda. Inilah yang akan Anda gunakan untuk mengubah elementor ke mode gelap.

Langkah 6: Pilih gaya sakelar mengambang

Setelah mengaktifkan mode gelap wp admin Anda, Anda kemudian dapat menyesuaikannya untuk tampilan yang dipersonalisasi. Ada beberapa gaya sakelar mengambang yang dapat Anda pilih. Jadi, Anda hanya perlu memilih tema yang sesuai dengan blog Anda.

Klik pada tab mode malam dan kemudian pilih pengaturan sakelar. Anda akan melihat berbagai gaya sakelar mengambang untuk ujung depan, termasuk tema terang dan tema gelap. Terakhir, pilih untuk menyimpan pengaturan. Mode gelap untuk elemen Anda sekarang harus diaktifkan di semua halaman situs web Anda.

Metode Dua: Menggunakan Addons Plus

Addons Plus untuk elementor terdiri dari kumpulan widget dan template untuk membantu Anda menyesuaikan situs Anda menggunakan elementor. Plugin ini memungkinkan Anda untuk menambahkan widget di area header atau footer. Ikuti langkah-langkah ini tentang cara mengubah elemen blog Anda ke mode gelap menggunakan alat ini.

Langkah 1: Unduh Plus Addons

Di dasbor admin WordPress Anda, klik Plugin dan pilih Add New. Anda akan diarahkan ke repositori plugin. Di bilah pencarian, ketik The Plus Addons for Elementor dan klik tombol instal sekarang.

Setelah instalasi, Pengaturan Plus akan muncul di bagian bawah di sudut kiri dasbor Anda.

Langkah 2: Aktifkan widget mode gelap

Setelah menginstal Plus Addons, pilih Plus Widgets di dasbor Plus Addon. Kemudian, ketik mode gelap di kotak pencarian dan nyalakan hanya dengan menggerakkan sakelar ke sisi kanan.

Langkah 3: Tambahkan widget di editor elemen Anda

Untuk menambahkan widget mode gelap Anda, buka tajuk situs web Anda lalu tekan tab 'Edit dengan Elementor'. Selanjutnya, ketik widget mode gelap di panel widget Elementor Anda. Dan terakhir, seret widget dan jatuhkan ke kanan.

Langkah 4: Ubah elemen ke mode gelap

Pada widget mode gelap elemen, pilih tab konten. Anda akan melihat tiga opsi, termasuk mode gelap, posisi, dan opsi tambahan. Pilih opsi mode gelap untuk memilih tema yang sesuai dengan situs web atau merek Anda dari berbagai nuansa mode gelap.

Dan jika Anda ingin menyesuaikan mode gelap lebih jauh, Anda dapat menggunakan pengaturan opsi tambahan. Klik simpan pengaturan untuk menerapkan perubahan. Pada tahap ini, elemen Anda harus dalam pengaturan mode gelap.

Elementor Mode Normal Vs Mode Gelap: Apa perbedaannya?

Mode normal elemen hadir dengan 4 warna global standar atau standar. Warna-warna ini termasuk warna primer, teks, pendakian, dan sekunder. Warna primer untuk judul dan ikon, sedangkan warna sekunder untuk item daftar, latar belakang tabel harga, dan subjudul. Sedangkan warna teks untuk item menu dan paragraf, sedangkan warna aksen untuk badge dan link.

Dengan mode gelap elemen, ini terdiri dari warna latar belakang yang lebih gelap ditambah warna latar depan yang lebih terang. Berbeda dengan mode normal, mode ini tidak hadir sebagai pengaturan default dengan Elementor. Oleh karena itu, Anda harus menggunakan plugin mode gelap gratis atau pro untuk mengaktifkannya. Dalam mode gelap, elemen hanya menggunakan dua set warna latar belakang untuk menciptakan tampilan mode malam.

Apa kegunaan pemilih warna mode gelap?

Saat menggunakan mode gelap, ada berbagai palet warna gelap yang dapat Anda pilih agar sesuai dengan gaya situs web Anda. Pemilih warna membantu Anda memilih warna terbaik dari elemen visual. Dengan kata lain, Anda dapat menggunakan pemilih warna mode gelap untuk memilih warna dengan cepat untuk digunakan dalam desain Anda.

Selain memungkinkan Anda memilih warna, pemilih warna untuk mode gelap memungkinkan Anda menyimpan warna-warna ini. Anda dapat dengan mudah menyimpan warna yang biasa digunakan untuk kemudahan akses kapan pun Anda membutuhkannya.

Selain itu, pemilih warna memungkinkan Anda menghapus warna yang tidak lagi Anda perlukan melalui fitur seret dan lepas. Lebih penting lagi, ini memungkinkan Anda mengatur ulang warna mode gelap terbaik Anda langsung dari pemilih dalam urutan yang benar.

Kesimpulan

Baik Anda ingin mengubah elemen atau mode gelap untuk meningkatkan keterbacaan atau visibilitas, Anda dapat melakukannya dengan mudah. Anda hanya perlu mengetahui plugin apa yang digunakan dan langkah-langkah yang harus diikuti untuk mengaktifkan elemen atau mode gelap Anda. Ini karena, tidak seperti plugin seperti mode gelap QS , elementor tidak menampilkan plugin mode gelap bawaan bawaan.

Beruntung bagi Anda, Anda dapat menemukan semua informasi ini di atas. Namun, perlu disebutkan bahwa ada plugin lain yang dapat Anda gunakan untuk mengubah elementor ke mode gelap.

Dan untuk menambah kenyamanan, sebaiknya gunakan pemilih warna untuk mode gelap. Ini dapat menghemat waktu Anda dalam memilih warna dan tema mode gelap yang tepat untuk halaman Anda yang berbeda.

Template posting blog tunggal