Divi: Tema WordPress terbaik sepanjang masa!

lebih 901.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis.

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.

Elementor memiliki widget - widget Login - yang dapat Anda gunakan untuk membuat halaman login khusus. Elementor bahkan menawarkan template halaman login sehingga Anda dapat memiliki halaman login dan berjalan 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.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda membuat Mudah dan Gratis desain situs web atau blog apa pun dengan tampilan profesional. Berhentilah membayar banyak untuk situs web yang dapat Anda lakukan sendiri.

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

Apakah Anda ingin menjual produk Anda di internet?

Unduh WooCommerce secara gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress dan dengan mudah membuat toko online Anda. Sempurna untuk pemula.

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 tempat penampung khusus pada formulir masuk Anda.

Setelah mengatur opsi dasar, navigasikan ke tab Gaya untuk menyesuaikan formulir login. Ada 5 blok opsi 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 label formulir. Anda dapat membuka blok ini untuk mengatur jarak antara label formulir, warna teks dan tipografi (keluarga 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.

...