Apakah Anda ingin tahu cara membuat halaman login dengan Elementor ?
Di WordPress, Anda bisa pergi di yourdomain.com/wp-login.php untuk pergi ke halaman login website Anda. Jika Anda memiliki situs web besar dengan banyak penulis / pengguna, Anda mungkin ingin membuat halaman login khusus dengan desain Anda sendiri untuk memperkuat identitas branding situs web Anda.
dengan Elementor, Anda dapat membuat halaman login khusus untuk situs WordPress Anda dengan mudah – tanpa coding atau menginstal plugin tambahan apa pun.
Elementor memiliki widget – widget Login – yang dapat Anda gunakan untuk membuat halaman login khusus. Elementor bahkan menawarkan templat halaman login sehingga Anda dapat membuat halaman login dalam waktu singkat.
Cara Membuat Halaman Login WordPress Kustom dengan Elementor
Harap dicatat bahwa widget Login hanya tersedia di Elementor Pro. Jadi, sebelum Anda dapat membuat halaman login khusus, Anda perlu mengupgrade Elementor ke versi pro.
1. Cara membuat halaman login dari template
Seperti disebutkan sebelumnya, Elementor menawarkan template untuk memungkinkan Anda membuat halaman login yang dipersonalisasi dalam waktu singkat. Untuk menggunakannya, mulailah dengan membuat halaman baru (Halaman -> Tambahkan) dan modifikasi dengan Elementor.
Di editor Elementor, klik ikon folder untuk membuka perpustakaan model.
Cari templat halaman login khusus. Anda dapat menggunakan kotak pencarian untuk memudahkan pekerjaan Anda. Setelah Anda menemukan model yang Anda suka, arahkan mouse ke atasnya dan klik tombol MEMASUKKAN.
Tunggu beberapa saat hingga Elementor selesai memuat model. Setelah model dimuat, Anda dapat mengklik menerbitkan untuk mempublikasikannya.
Ada.
Untuk melihat halaman, Anda dapat mengklik ikon tiga garis di sudut atas panel kiri dan pilih Tampilkan halaman.
Dan inilah hasil akhirnya jika Anda memilih model yang sama dengan kami.
2. Cara membuat halaman login khusus dari awal
Jika Anda ingin memiliki desain halaman login Anda sendiri, Anda juga dapat membuat halaman login kustom Anda dari awal. Untuk memulai, buat halaman baru dan edit dengan Elementor.
Di editor Elementor, tambahkan bagian baru dengan mengklik ikon plus. Anda dapat memilih struktur kolom berdasarkan desain yang ingin Anda buat.
Setelah bagian Anda siap, tambahkan widget Koneksi dengan menyeretnya dari panel kiri ke area kanvas.
Buka tab Isi di panel kiri untuk mengatur opsi dasar. Ada 3 blok opsi yang dapat Anda manipulasi:
1. Bidang Formulir
Anda dapat membuka blok ini untuk mengaktifkan / menonaktifkan tag dan mengatur ukuran input.
2. Tombol
Anda dapat membuka blok ini untuk mengatur teks tombol, ukuran tombol, dan perataan tombol.
3. Opsi Tambahan
Anda dapat membuka blok ini untuk mengaktifkan / menonaktifkan elemen halaman login Anda seperti tautan Mkehilangan Kata sandi dan pilihannya Ingat saya. Karena Anda ingin membuat halaman login, mengaktifkan pilihan Redirect Setelah Login dan rekatkan url dasbor WordPress (domainanda.com/wp-admin) pada kolom yang tersedia. Anda juga dapat mengaktifkan opsi Redirect Setelah Logout jika Anda menginginkannya.
Anda dapat mengaktifkan opsi Label Kustom jika Anda ingin menggunakan label khusus dan penampung khusus pada Anda bentuk koneksi.
sekali definisi opsi dasar selesai, buka tab Gaya untuk mempersonalisasi bentuk koneksi. Ada 5 blok pilihan gaya yang tersedia:
1. Formulir
Anda dapat membuka blok ini untuk menentukan ruang antara garis, warna tautan, dan warna penunjuk tautan.
2. Label
Anda hanya dapat melihat blok ini jika Anda mengaktifkan labelnya bentuk. Anda dapat membuka blok ini untuk mengatur jarak antara label formulir, warna teks, dan tipografi (jenis font, ukuran font, gaya font, dll.).
3. Bidang
Anda dapat membuka blok ini untuk menentukan warna bidang teks, tipografi (keluarga font, ukuran font, gaya font, dll.), latar belakang kontrol, warna perbatasan kontrol, lebar perbatasan bidang dan jari-jari batas bidang.
4. Tombol
Anda dapat membuka blok ini untuk menyesuaikan tombol login. Anda dapat mengatur hal-hal seperti warna teks tombol, warna teks hover, tipografi, warna latar belakang tombol, radius batas, dan isi teks tombol.
5. Pesan Masuk
Anda dapat membuka blok ini untuk menyesuaikan pesan setelah pengguna Anda masuk. Berikut pesannya:
Anda dapat mengatur warna teks dan tipografi pesan.
Setelah Anda selesai menata widget Login, Anda dapat menyesuaikan widget lain di halaman Anda. Setelah pengeditan halaman selesai, publikasikan / perbarui halaman Anda dan Anda telah berhasil membuat halaman login khusus.
Baca juga: Cara mengekspor dan mengimpor model Elementor
Satu hal krusial yang perlu diperhatikan. Setelah membuat halaman login khusus, jangan hapus file wp-login.php di situs WordPress Anda. Situs WordPress Anda masih membutuhkan file ini untuk menangani proses login.
Dapatkan Elementor Pro Sekarang!
Kesimpulan
Disini adalah ! Itu saja untuk artikel ini yang menunjukkan cara membuat halaman login dengan Elementor. Jika Anda memiliki kekhawatiran tentang cara menuju ke sana fberi tahu kami di komentar.
Namun, Anda juga bisa berkonsultasi sumber daya kita, 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.
Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.
...
