Halaman login WordPress secara default menggunakan tampilan yang khas dan sederhana, namun kamu bisa mengubah tampilan login tersebut menjadi lebih bagus dan profesional. Banyak yang belum tahu cara custom login WordPress, padahal caranya sangat mudah.
Kamu tidak perlu memiliki kemampuan coding untuk bisa mengubah halaman login WordPress. Hanya dengan plugin LoginPress, kamu bisa mengubah halaman login menjadi keren dan menarik. Nah, pada kesempatan kali ini WP Indo akan membagikan tutorial cara membuat login WordPress keren.
Cara Custom Login WordPress LoginPress
Untuk membuat custom login di WordPress dengan mudah, kamu bisa menggunakan plugin custom halaman login. Ada banyak plugin custom halaman login WordPress, salah satunya adalah LoginPress. Nah, berikut ini adalah langkah-langkah cara custom login WordPress menggunakan LoginPress:
Halaman Login WordPress Default
Halaman login default dari WordPress mempunyai tampilan standar yang tidak bisa mencerminkan branding dari website kamu. Beberapa elemen penting yang tidak ada pada halaman login default WordPress yaitu:
- Logo Khusus: Halaman login default menampilkan logo WordPress, bukan logo website kamu.
- Background Custom: Tidak memiliki latar belakang yang bisa disesuaikan dengan branding website kamu.
- Ucapan Selamat Datang: Tidak menampilkan teks selamat datang yang bisa memberikan kesan personal pada pengguna.
- Tombol Login Custom: Warna dan desain tombol login tidak bisa diubah, jadi semua tombol login WordPress sama.
Install dan Aktifkan Plugin
Langkah pertama yang harus kamu lakukan untuk cara custom login WordPress adalah menginstal plugin LoginPress Pro. Jika kamu belum punya plugin tersebut, kamu bisa beli LoginPress Pro di WP Indo dengan harga murah, cuman Rp99.000 saja untuk seumur hidup.
Berikut langkah-langkah instalasinya:
- Buka Dashboard WordPress: Login ke dashboard wp-admin WordPress website kamu.
- Buka Menu Plugins: Di sidebar sebelah kiri, pilih Plugin – Add New.
- Upload Plugin LoginPress: Setelah kamu beli dan download plugin LoginPress, silahkan upload. Kamu juga bisa install versi gratisnya di menu ini dengan cari “LoginPress” di kolom pencarian.
- Install Plugin: Setelah plugin ditemukan, klik Install Now dan tunggu beberapa saat.
- Aktifkan Plugin: Setelah berhasil terinstal, klik Activate untuk mengaktifkan plugin.
Konfigurasi Keamanan LoginPress
Yang membedakan Plugin LoginPress Pro dan plugin custom login lain adalah dia memiliki konfigurasi keamanan untuk halaman login supaya lebih aman. Berikut beberapa opsi keamanan yang bisa kamu aktifkan di LoginPress:
- Google reCAPTCHA: Melindungi halaman login dari spam dan serangan bot, plugin ini hanya tersedia di versi LoginPress Pro.
- Session Login: Pengaturan ini memungkinkan kamu menentukan durasi sesi login dari setiap pengguna, contohnya login selama 5 atau 10 menit.
- Login Order: Fitur ini memungkinkan kamu untuk menentukan metode login pengguna, bisa memakai username, email maupun keduanya.
Kustomisasi Halaman Login
Langkah berikutnya dari cara custom login WordPress adalah kustomisasi tampilan halaman login lewat Customizer bawaan WordPress dengan tambahan menu dari LoginPress. Silahkan ikuti langkah-langkah berikut:
Langkah 1: Masuk ke Customizer, di menu dashboard admin, pilih Appearance – Customizer.
Langkah 2: Buka Menu LoginPress: Di menu Customizer, kamu bisa melihat menu baru yaitu LoginPress. Silahkan klik menu tersebut dan mulai kustomisasi tampilan halaman login website kamu.
Ada beberapa hal yang bisa kamu kustomisasi dengan menggunakan LoginPress, yaitu:
- Themes: Kamu bisa memilih tema halaman login yang menarik yang telah disediakan oleh LoginPress Pro. Jika belum upgrade ke versi berbayar, silahkan beli di WP Indo dengan harga murah.
- Google Fonts: Dengan versi Pro, kamu bisa mengubah jenis font pada halaman login dan menyesuaikannya dengan tampilan website kamu.
- Logo: Ubah logo default dari WordPress dengan logo website kamu, dengan begitu tampilan login menjadi lebih professional.
- Background: Selanjutnya kamu bisa mengubah latar belakang halaman login dengan gambar maupun warna sesuai tema website.
- Customize Login Form: Di menu ini kamu bisa mengubah tampilan form “Lupa Password: supaya lebih sesuai dengan keseluruhan desain halaman.
- Button Beauty: Ubah desain dan warna dari tombol “Login” supaya lebih menarik.
- Error Messages: Kamu bisa sesuaikan pesan error yang muncul saat pengguna gagal login, contohnya muncul pesan “Wrong Password” atau “User Not Found”.
- Custom CSS/JS: Kamu juga bisa menambahkan kode CSS atau JS untuk memberikan kontrol penuh terhadap desain halaman login.
Kustomisasi Lebih Lengkap dengan LoginPress Pro
Meskipun plugin LoginPress ini tersedia versi gratis dengan banyak opsi kostumisasi, namun ada beberapa fitur yang hanya ada di LoginPress Pro. Berikut beberapa fitur yang tidak bisa kamu dapat pada versi gratis LoginPress:
- Mengubah Themes: Opsi untuk mengubah tema halaman login hanya ada di versi Pro.
- Menggunakan Google Fonts: Mengubah font hanya bisa digunakan pada versi Pro.
- Footer Halaman Login. Kamu tidak bisa mengganti atau mengubah footer di halaman login pada versi LoginPress Free.
- Kustom Pesan Error: Kustomisasi pesan error yang berhubungan dengan reCAPTCHA hanya tersedia di LoginPress Pro.
Nah itulah tadi tutorial cara custom login WordPress menggunakan LoginPress Pro. Dengan plugin tersebut, kamu bisa melakukan kustomisasi pada halaman login WordPress dengan mudah tanpa perlu kemampuan programming.
Untuk mendapatkan opsi kustomisasi yang lebih luas, kamu harus menggunakan LoginPress Pro. Harga langganan dari plugin ini cukup mahal, namun kamu bisa mendapatkannya dengan harga yang lebih murah di WP Indo.
