Cara Benar Membuat Halaman Login Khusus di WordPress (Langkah demi Langkah)

cara membuat halaman login kustom di wordpress


Pernah bertanya-tanya apakah Anda dapat membuat halaman login khusus di WordPress?

Membuat halaman login khusus membantu Anda menampilkan merek yang konsisten kepada pengguna Anda, yang memberikan situs Anda tampilan yang lebih profesional.

Di artikel ini, kami akan menunjukkan kepada Anda cara membuat halaman login khusus di WordPress.

Membuat Halaman Login WordPress Kustom – Daftar Isi

Mengapa Membuat Halaman Login Kustom?

Jika Anda menjalankan situs web yang diberdayakan komunitas seperti forum, situs keanggotaan, jejaring sosial niche, atau situs web lainnya yang mengharuskan pengguna untuk mendaftarkan akun dan masuk, maka Anda harus membuat halaman login khusus.

Halaman login WordPress default terlihat generik dan membosankan. Dengan halaman login khusus, Anda dapat mempersonalisasi semua elemen pada halaman di sekitar formulir.

Jika Anda memiliki halaman login khusus, maka Anda dapat menyembunyikan halaman login default jika Anda mau. Ini dapat mengurangi spam login dan menjaga situs WordPress Anda tetap aman.

Memilih Plugin yang Tepat untuk Membuat Halaman Login Kustom

Di repositori plugin WordPress resmi, Anda dapat menemukan lusinan plugin berbeda yang membantu Anda dengan mudah membangun halaman login kustom. Dalam artikel ini, kita akan melihat 2 plugin berbeda: WPForms dan Tema Login Saya.

Pilih WPForms jika Anda memerlukan plugin formulir WordPress berfitur lengkap yang membantu Anda membuat segala bentuk formulir online dengan mudah, termasuk formulir pendaftaran, formulir pembayaran, formulir kontak, dll..

Beberapa manfaat WPForms adalah:

  • Kustomisasi formulir login Anda seperti yang Anda inginkan tanpa batasan apa pun.
  • Publikasikan formulir login Anda pada posting atau halaman apa saja.
  • Sematkan formulir login Anda di sidebar atau bahkan di footer widgetized.

Pilih Tema Login Saya jika Anda ingin membuat halaman login sederhana dengan mudah.

Berikut adalah beberapa fitur Theme My Login:

  • Tidak diperlukan konfigurasi untuk membangun halaman login khusus.
  • Secara otomatis menyembunyikan halaman login default dan mengarahkan ulang ke halaman login yang baru dibuat.
  • Tambahkan tautan halaman login di sidebar Anda dengan widget login kustom.

Kelemahannya adalah, tidak seperti WPForms, Theme My Login tidak memungkinkan Anda untuk menyematkan formulir login Anda di mana pun di situs Anda, dan secara eksklusif akan muncul di halaman login Anda. Karena ini bukan plugin formulir berfitur lengkap seperti WPForms, kemampuan untuk menyesuaikan formulir login Anda terbatas.

Metode 1: Menggunakan WPForms untuk Membuat Halaman Login

WPForms

Mari kita lihat bagaimana cara membuat halaman login dengan WPForms.

Langkah 1: Instal WPForms di Situs Anda

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin WPForms. Pastikan untuk memverifikasi kunci lisensi Anda dengan menavigasi ke WPForms »Pengaturan. Anda dapat memperoleh kunci lisensi dari akun Anda di situs web WPForms.

Untuk dapat membuat halaman login khusus dengan WPForms, Anda harus menginstal Addon Registrasi Pengguna dengan pergi ke WPForms »Addons. Klik Instal Addon di sebelah Addon Registrasi Pengguna dan kemudian klik Aktifkan.

Setelah addon diaktifkan, Anda dapat melanjutkan dan membuat formulir login pengguna dengan WPForms.

Langkah 2: Buat Formulir Login Kustom

Dengan pembangun seret dan lepas WPForms yang kuat, Anda dapat membangun formulir masuk hanya dalam beberapa menit, bukan jam, tanpa menulis satu baris kode pun..

Untuk membuat formulir login, kunjungi WPForms »Tambah Baru. Di halaman penyetelan formulir, Anda harus memilih Formulir Login Pengguna templat untuk membuat formulir masuk.

Templat formulir masuk pengguna

Sekarang Anda akan melihat pembuat formulir tempat Anda bisa menambah, menyesuaikan, dan menghapus bidang formulir masuk. Secara default, Templat formulir masuk menambahkan bidang formulir berikut: Nama pengguna dan Kata sandi.

formulir login pengguna di wordpress

Anda dapat mengubahsuaikan bidang apa pun dengan mengekliknya di pembuat laman. Kemudian, Anda dapat membuat penyesuaian yang diinginkan di panel sebelah kiri.

Langkah 3: Konfigurasi Bentuk

Untuk mengkonfigurasi pengaturan umum, Anda dapat pergi ke Pengaturan »Umum. Di halaman ini, Anda dapat mengubahsuaikan nama formulir, deskripsi, mengirim teks tombol, dll.

pengaturan umum form login

Anda tidak perlu melakukan apa pun di Notifikasi tab untuk formulir login khusus Anda. Secara default, notifikasi dimatikan, jadi Anda tidak akan menerima email setiap kali seseorang masuk ke situs Anda.

Saat pengguna masuk melalui formulir login khusus Anda, mereka akan mendarat di beranda situs web Anda. Anda dapat mengubah URL pengalihan, jika diinginkan, di URL Pengalihan Konfirmasi bidang.

pengaturan konfirmasi halaman login kustom

Langkah 4: Publikasikan Formulir WordPress Anda

Salah satu manfaat utama menggunakan WPForms untuk membuat formulir login adalah memungkinkan Anda menyematkan formulir Anda di mana saja di situs Anda, termasuk posting, halaman, widget bilah sisi, atau area footer widget.

Mari kita lihat bagaimana mempublikasikan formulir Anda di posting atau halaman.

Buat posting atau halaman baru di WordPress dan kemudian klik pada + ikon di editor blok Gutenberg. Anda dapat mencari blok WPForms dan mengkliknya.

Tambahkan formulir

Selanjutnya, pilih formulir login Anda di blok WPForms dan itu akan dimuat secara otomatis di pos / halaman Anda.

Pilih formulir login

Setelah menambahkan formulir, Anda dapat mempublikasikan posting / halaman Anda.

Anda juga dapat menambahkan formulir login ke widget sidebar Anda sebagai berikut. Kepala ke Penampilan »Widget dan tambahkan widget WPForms ke sidebar Anda.

Widget formulir masuk

Pilih formulir login khusus Anda di pengaturan widget dan klik pada Menyimpan tombol untuk menyimpan perubahan.

Metode 2: Menggunakan Tema Login Saya untuk Membuat Halaman Login

tema plugin login saya

Itu Tema Login Saya plugin membuatnya sangat mudah untuk menerbitkan formulir login khusus di situs WordPress Anda. Untuk membuat halaman login sederhana, yang harus Anda lakukan adalah menginstal dan mengaktifkan plugin Theme My Login.

Plugin berfungsi di luar kotak tanpa konfigurasi lebih lanjut.

Namun, jika Anda perlu menyesuaikan pengaturan plugin, Anda dapat mengklik menu Theme My Login di dashboard WordPress Anda.

tema pengaturan login saya

Anda kemudian dapat mengubah tipe login dan registrasi. Anda juga dapat menyesuaikan siput URL untuk halaman login, logout, registrasi, kata sandi hilang, dan setel ulang kata sandi.

Metode 3: Sesuaikan Halaman Login WordPress yang Ada Tanpa Plugin

Jika Anda lebih suka melakukan perubahan atau menambahkan gaya khusus ke halaman login yang ada daripada membuat yang baru, inilah cara melakukannya.

Cukup tambahkan kode ini ke file functions.php tema Anda atau di plugin khusus situs:

Jika ini pertama kalinya Anda menambahkan cuplikan kode di WordPress, silakan lihat panduan kami tentang cara menambahkan cuplikan kode di WordPress dengan benar, sehingga Anda tidak sengaja merusak situs Anda..

// Halaman login khusus
function clp_login_head () {

gema ”; // Mulai gaya khusus
echo ‘.login #nav a, .login #backtoblog a {color: #! important; } ‘; // Warna tautan halaman masuk
echo ‘.login h1 a {background: url ("’ get_bloginfo (‘stylesheet_directory’). ‘/ gambar / GAMBAR DI SINI"); lebar: px; tinggi: px; } ‘; // Logo halaman masuk
echo ‘.login .button-primary {background: #; warna perbatasan: #; } ‘; // Warna tombol halaman login
gema ”; // Akhiri gaya khusus

}
add_action (‘login_head’, ‘clp_login_head’);

Anda dapat mengubah CSS dan URL gambar dalam kode di atas untuk menambahkan gaya kustom Anda untuk halaman login WordPress.

Metode 4: Tampilkan Formulir Login WordPress Di Mana Saja Tanpa Plugin

Jika Anda ingin menampilkan formulir login WordPress di halaman, sidebar, atau area footer apa pun, maka Anda dapat menambahkan kode ini ke file template tema Anda:

Sama seperti metode di atas, jika Anda menambahkan cuplikan kode ke WordPress untuk pertama kalinya, silakan lihat panduan kami tentang cara menambahkan cuplikan kode di WordPress dengan benar, sehingga Anda tidak secara tidak sengaja merusak situs Anda..

<?php
wp_login_form ();
?>

Kode di atas hanya akan menampilkan halaman login WordPress umum di lokasi tempat Anda menambahkan kode. Dalam hal ini, Anda bisa menambahkan halaman formulir WordPress kustom dengan bidang dan opsi tambahan, maka Anda dapat menggunakan kode ini:

<?php $ args = array (
‘echo’ => benar,
‘redirect’ => ‘http://wpsnipp.com’,
‘form_id’ => ‘form masuk’,
‘label_username’ => __( ‘Nama pengguna’ ),
‘label_password’ => __ (‘Kata Sandi’),
‘label_remember’ => __( ‘Ingat saya’ ),
‘label_log_in’ => __( ‘Gabung’ ),
‘id_username’ => ‘user_login’,
‘id_password’ => ‘user_pass’,
‘id_remember’ => ‘ingat saya’,
‘id_submit’ => ‘kirim-kirim’,
‘ingat’ => benar,
‘value_username’ => BATAL,
‘value_remember’ => Salah );
wp_login_form ($ args);
?>

Itu dia!

Kami harap panduan ini membantu Anda membuat halaman login khusus di WordPress. Jika Anda menyukai artikel ini, Anda mungkin juga ingin membaca artikel kami tentang plugin form kontak terbaik untuk WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map