Cara Membuat Halaman Login WordPress Kustom

Diterbitkan: 2024-01-18

Apakah Anda ingin membuat halaman login WordPress khusus? Jika ya, Anda akan mendapatkan jawabannya di sini!

Halaman login WordPress default tidak terlalu mewakili identitas merek Anda. Membuat halaman login khusus meningkatkan pengenalan merek dan menambah keamanan situs, sehingga menghasilkan pengalaman pengguna yang lancar.

Untungnya, proses ini tidak serumit kedengarannya.

Pada artikel ini, kami akan menunjukkan cara mudah membuat halaman login WordPress kustom dengan LoginPress dalam waktu singkat.

Daftar isi

Beralih

Apa itu Halaman Login WordPress?

Halaman login WordPress berfungsi sebagai pintu gerbang untuk mengakses suatu situs. Pengguna hanya perlu mengetikkan Email dan Kata Sandi, dan mereka sudah masuk.

Halaman login WordPress default sama untuk hampir semua situs. Memiliki:

  • Latar Belakang Abu-abu
  • Logo WordPress
  • Formulir Masuk Sederhana

Ini adalah tampilannya:

Mengapa Anda memerlukan Halaman Login WordPress khusus?

Berikut adalah beberapa alasan terpenting mengapa Anda mungkin ingin membuat halaman login khusus:

  • Pencitraan merek: Halaman login khusus memungkinkan Anda mempertahankan identitas merek yang konsisten dengan logo khusus, skema warna, dll.
  • Keamanan: Anda dapat mengambil langkah-langkah keamanan untuk meningkatkan keamanan WordPress guna melindungi dirinya dari serangan brute force.
  • Pengalaman Pengguna: Halaman login khusus menciptakan antarmuka yang lebih ramah pengguna.
  • Fungsionalitas: Anda dapat meningkatkan fungsionalitas keseluruhan halaman login dengan mengintegrasikan fitur tambahan, yaitu opsi login sosial, pesan selamat datang dan pesan kesalahan khusus, dan banyak lagi.
  • Diferensiasi: Halaman login khusus membantu membedakan situs WordPress Anda dari situs lain yang menggunakan halaman login WordPress default.

Seperti inilah tampilan halaman login WordPress khusus:

Cara Membuat Halaman Login WordPress Kustom menggunakan LoginPress

Anda dapat dengan mudah membuat halaman login WordPress kustom, yaitu secara manual atau menggunakan plugin.

Pekerjaan manual memerlukan pengkodean, yang jauh lebih rumit. Namun, cukup mudah untuk melakukannya melalui plugin WordPress.

Ada beberapa plugin penyesuai halaman login WordPress yang tersedia secara gratis dan premium. Di sini, kami akan menunjukkan cara melakukannya dengan LoginPress dengan mudah.

LoginPress adalah plugin penyesuai halaman login WordPress terbaik yang menyederhanakan proses pembuatan halaman login WordPress khusus. Ini menyediakan berbagai pilihan desain tanpa memerlukan keterampilan pengkodean.

Bagian terbaiknya adalah semuanya dilakukan langsung dari dashboard admin WordPress Anda.

Langkah 1: Instal dan Aktifkan LoginPress

Untuk membuat halaman login khusus dengan LoginPress, Anda harus menginstal dan mengaktifkan LoginPress terlebih dahulu di situs WordPress Anda.

Untuk tujuan ini, buka sidebar kiri dasbor admin WordPress > navigasikan ke Plugins > Add New .

Di layar berikutnya, cari LoginPress di bilah pencarian > temukan plugin dari hasil pencarian > klik tombol Instal Sekarang lalu Aktifkan .

Lihat Gambar di bawah.

Langkah 2: Mulai Sesuaikan Halaman Login WordPress Anda

Sekarang, Anda siap untuk menyesuaikan halaman login WordPress Anda. Mari kita mulai!

1. Tema Halaman Login yang Dapat Disesuaikan

LoginPress menawarkan tema-tema indah untuk halaman login WordPress default. Anda dapat memilih salah satu yang paling sesuai dengan selera Anda.

Catatan: Anda dapat dengan mudah membuka tema menarik lainnya untuk situs Anda dengan LoginPress Pro.

Lihat Gambar di bawah ini:

2. Logo Halaman Login Kustom

LoginPress memungkinkan Anda menggeser logo halaman login WordPress default. Ini membantu Anda menambahkan sentuhan pribadi ke halaman login Anda.

Setelah menambahkan logo, Anda dapat melakukan perubahan dalam hal:

  • Gambar logo
  • Lebar Logo
  • Tinggi Logo
  • Ruang Bawah

… dan banyak lagi.

3. Warna Latar Belakang Kustom / Gambar / Video

Baik itu gambar yang menawan, skema warna solid, atau video dinamis, LoginPress memastikan bahwa latar belakang meningkatkan estetika merek Anda.

4. Sesuaikan Formulir Login

LoginPress memungkinkan Anda untuk menyempurnakan formulir login sesuai dengan spesifikasi Anda. Hal ini membuatnya lebih ramah pengguna dan menjaga koherensi visual dengan gaya merek Anda.

Lihat gambar di bawah ini:

5. Tombol Masuk Kustom

LoginPress memungkinkan Anda membuat tombol login yang bergaya dan menarik yang mendorong tindakan dan menyatu secara mulus dengan keseluruhan desain.

Anda dapat dengan mudah menambahkan:

  • Warna Tombol
  • Warna Batas Tombol
  • Warna Tombol (Arahkan Arahkan)
  • Warna Batas Tombol (Arahkan Arahkan kursor)
  • Ukuran kancing
  • Teks Bawah

… dan apa tidak.

Lihat gambar di bawah ini:

6. Kesalahan Khusus dan Pesan Selamat Datang

LoginPress memungkinkan Anda membuat kesalahan khusus dan pesan selamat datang untuk pengguna.

Pesan Kesalahan mencakup berbagai tindakan untuk halaman login default WordPress, seperti:

  • Pesan Nama Pengguna Salah
  • Pesan Kata Sandi Salah
  • Pesan Nama Pengguna Kosong
  • Pesan Kata Sandi Kosong

Selain itu, Pesan Selamat Datang khusus memungkinkan Anda menyapa pengguna saat login, mendaftar, dan melupakan formulir.

Lihat gambar di bawah ini:

7. Footer Formulir Kustom

Tidak diragukan lagi, footer formulir khusus dapat melengkapi formulir login. Ini membantu Anda memberikan informasi tambahan atau memperkuat pesan merek Anda.

Di sinilah LoginPress kembali terjun untuk mengubah area footer formulir login dan juga menambahkan catatan hak cipta ke halaman login default WordPress.

Lihat gambar di bawah ini:

8. Font Google yang Disesuaikan

Anda dapat dengan mudah memilih font Google pilihan dengan LoginPress Pro yang sesuai dengan merek Anda.

9. CSS/JS khusus

LoginPress menawarkan fitur CSS/JS khusus untuk membantu Anda menyempurnakan elemen visual sesuai keinginan Anda untuk halaman login yang tidak ada sebagai fungsi inti plugin.

10. Lebih Banyak Fitur

Selain menyesuaikan keseluruhan tampilan dan nuansa halaman login WordPress default, Anda dapat dengan mudah mengubah perilaku default halaman login WordPress default menggunakan beragam Fitur LoginPress.

Misalnya, Anda dapat:

  • Paksa Reset Kata Sandi: Plugin ini memungkinkan Anda memaksa pengaturan ulang kata sandi untuk pengguna setelah durasi yang ditentukan.
  • Sesi Kedaluwarsa: Anda dapat membuat waktu khusus untuk sesi berakhir, yaitu 10 menit.
  • Auto Remember Me: Fitur ini membantu Anda menjaga opsi default WordPress Remember Me selalu dicentang untuk formulir login.
  • Bidang Kata Sandi Khusus: Tambahkan bidang kata sandi khusus ke formulir Pendaftaran WordPress default.
  • Urutan Login: Dengan LoginPress, Anda dapat mengubah urutan login default WordPress, yaitu Nama Pengguna dan Alamat Email, Nama Pengguna Saja, atau Alamat Email Saja.
  • Kepatuhan PCI: Sekarang Anda dapat membuat halaman login Anda Sesuai PCI dengan LoginPress hanya dengan satu klik.

Selain itu, Anda dapat membuka Add-On yang berguna dengan LoginPress Pro untuk mendapatkan fitur menarik lainnya untuk halaman login Anda, seperti:

  • Menu Login Logout: Add-on gratis ini memungkinkan Anda membuat menu login/logout untuk situs Anda.
  • Pengalihan Login: Anda dapat menggunakan Add-on Pro ini untuk mengarahkan pengguna ke halaman yang diinginkan di situs Anda saat login/logout.
  • Login Sosial: Add-on Login Sosial LoginPress Pro memungkinkan Anda menambahkan login sosial, misalnya Facebook, Twitter, Google, dan LinkedIn, ke situs Anda.
  • Widget Login: Anda dapat dengan mudah menambahkan widget login ke sidebar situs WordPress Anda untuk menambahkan login tambahan ke situs Anda.
  • Batasi Upaya Masuk: Add-on ini memungkinkan Anda membatasi upaya masuk untuk situs Anda. Ini paling membantu melawan serangan siber.
  • Login Otomatis: Add-on Login Otomatis LoginPress Pro memungkinkan Anda membuat tautan ajaib yang dapat digunakan pengguna untuk mengakses situs Anda tanpa memerlukan Nama Pengguna dan Kata Sandi apa pun.
  • Sembunyikan Login: Add-on ini memungkinkan Anda mengubah URL login default, yaitu /wp-login.php, dan menjadikannya sesuatu yang hanya diketahui oleh Anda. Ini adalah cara terbaik untuk menyembunyikan URL login Anda dari penjahat dunia maya.

Kesimpulan

Membuat halaman login WordPress khusus memperkaya kehadiran merek Anda dan meningkatkan pengalaman pengguna.

Dengan mengikuti langkah-langkah di atas, Anda dapat mengontrol halaman login default WordPress sepenuhnya. Jangan lewatkan kesempatan ini untuk meninggalkan kesan mendalam pada pengunjung Anda. Selain itu, bangun identitas visual yang konsisten untuk merek Anda.

Itu saja untuk artikel ini!

Seberapa jauh kami telah membantu Anda membuat halaman login WordPress khusus? Beri tahu kami dengan meninggalkan komentar di bagian komentar di bawah.

Tentang Penulis

Muhammad Adnan adalah pendiri WPBrigade, sebuah perusahaan desain dan pengembangan web WordPress. Dia mendirikan WPBrigade dengan spesialisasi dalam pengembangan WordPress, memberikan solusi khusus untuk memenuhi kebutuhan spesifik klien.