Cara Membuat Formulir Login Kustom Di WordPress Tanpa Plugin

Diterbitkan: 2022-09-27

Formulir login khusus memungkinkan Anda menambahkan sentuhan pribadi ke situs WordPress Anda. Secara default, WordPress hadir dengan formulir login sederhana yang memungkinkan pengguna memasukkan nama pengguna dan kata sandi mereka untuk mendapatkan akses ke situs. Meskipun formulir masuk ini berfungsi dengan baik untuk sebagian besar pengguna, ada kalanya Anda mungkin ingin menyesuaikannya agar sesuai dengan tampilan dan nuansa situs Anda. Misalnya, Anda mungkin ingin menambahkan logo perusahaan Anda ke formulir login atau mengubah warna latar belakang. Untungnya, ada beberapa cara mudah untuk menyesuaikan formulir login WordPress tanpa harus menulis kode apa pun. Pada artikel ini, kami akan menunjukkan cara membuat formulir login khusus di WordPress tanpa plugin.

WP-login.php adalah bahasa halaman login WordPress default. WordPress menampilkan logo WordPress dalam struktur HTML berikut untuk tujuan menampilkan logo. Setelah Anda menggunakan kode di bawah ini, Anda dapat mengganti logo default dengan milik Anda sendiri. Untuk memastikan pengguna tetap berada di halaman login, Anda dapat menjalankan cuplikan kode ini untuk mengklik logo. Sebagai bagian dari artikel ini, saya akan menunjukkan cara mengubah halaman login bawaan. Anda juga dapat menambahkan gaya CSS ke formulir login dan menempatkannya di file terpisah jika Anda ingin menggunakannya. Sebagai contoh, saya akan meletakkan kode CSS dalam file bernama style-login.css.

Kode ini harus dieksekusi menggunakan cuplikan PHP yang ditemukan di bawah ini. Setelah menambahkan skrip ke halaman login, potongan kode ini akan digunakan untuk mengatur header. Masuk ke akun WordPress Anda dan buat halaman baru bernama login. Siput URL halaman harus 'login' dan 'html.html'. Langkah ketiga adalah menggunakan PHP untuk membuat form login. Dengan mengubah nama Template Halaman, Anda dapat menambahkan template login khusus . Kita sekarang perlu menampilkan halaman login khusus ini setiap kali pengguna mengirim permintaan ke WP-login.php.

Berikut adalah kode yang diperlukan untuk memasukkan ke functions.php: custom_login_page_key. Jika ada kesalahan yang ditemukan selama sesi, kode ini akan digunakan. Jika ada kode kesalahan yang terkait dengannya, gunakan $err_codes. Fungsi display_error_message akan menginterpretasikan kode err bawaan ini. Parameter logout dapat digunakan untuk memberi tahu pengguna bahwa dia telah logout.

Bagaimana Cara Membuat Formulir Login Di WordPress?

Kredit: wpusermanager.com

Membuat formulir login di WordPress adalah proses sederhana yang dapat diselesaikan dalam beberapa menit. Hal pertama yang perlu Anda lakukan adalah membuat halaman di situs WordPress Anda yang akan berfungsi sebagai formulir login. Untuk melakukan ini, cukup buat halaman baru dan beri judul “Login.” Selanjutnya, Anda perlu menambahkan kode pendek ke halaman. Kode pendek untuk formulir login adalah [wp-login-form]. Cukup tambahkan kode pendek ini ke area konten halaman dan simpan halaman. Sekarang halaman formulir login telah dibuat, Anda perlu menambahkan tautan ke halaman itu dari beranda situs WordPress Anda. Untuk melakukan ini, cukup edit beranda dan tambahkan tautan ke halaman formulir masuk. Itu saja untuk membuat formulir login di WordPress. Sekarang ketika pengunjung datang ke situs WordPress Anda, mereka akan dapat mengklik tautan dan dibawa ke halaman formulir login.

Dengan Formulir Login WP , Anda dapat membuat formulir login sederhana yang dapat digunakan di mana saja di situs WordPress Anda. Kode pendek akan memungkinkan Anda untuk memasukkannya ke dalam posting, halaman, atau sidebar. Untuk menyesuaikan opsi yang tercantum di bawah ini, Anda dapat menggunakan kode pendek untuk menambahkan parameter tambahan. Untuk melindungi formulir masuk Anda dari spam dan serangan otomatis lainnya, Formulir Masuk WP menggunakan Google reCAPTCHA v3. Dengan masuk ke Pengaturan, Anda dapat mengonfigurasi opsi ini untuk mengaktifkan fitur ini. Anda dapat membuat markup bersih dengan kelas saat tidak menggunakan CSS apa pun, memungkinkan Anda membuat formulir yang disesuaikan untuk memenuhi kebutuhan Anda.


Formulir Login Kustom WordPress Secara Terprogram

Kredit: quadlayers.com

Jika Anda ingin membuat formulir login khusus untuk situs WordPress Anda, Anda dapat melakukannya dengan mengikuti beberapa langkah sederhana. Pertama, Anda perlu membuat file baru bernama login.php di folder tema WordPress Anda. Selanjutnya, Anda perlu menyalin kode berikut ke dalam file login.php Anda : /* Nama Template: Form Login */ ? > Nama Pengguna atau Alamat Email Kata Sandi Ingat Saya Kode ini akan membuat formulir login dasar yang dapat Anda atur agar sesuai dengan tema WordPress Anda. Setelah Anda menambahkan kode ini ke file login.php Anda, Anda dapat mengakses formulir login Anda dengan membuka http://yoursite.com/login.

Buat layar login khusus untuk situs WordPress Anda menggunakan panduan langkah demi langkah ini. Kami akan menunjukkan cara membuat formulir login dengan plugin bernama Formidable Forms dalam tutorial ini. WordPress menyediakan fitur pendaftaran pengguna secara default, tetapi Anda dapat melakukannya secara manual. Saat mendesain halaman login khusus untuk situs WordPress Anda, Anda mungkin perlu melalui beberapa pengkodean. Anda harus menggunakan sistem file WordPress PHP serta file login.php WordPress. Buat formulir login khusus Anda untuk mengaktifkan pendaftaran pengguna serta login pengguna. Untuk melakukannya, Anda perlu menambahkan lebih banyak pengkodean.

Posting ini dibagi menjadi dua bagian pada kedua langkah tersebut. Add-on pendaftaran pengguna yang tangguh menyertakan formulir login pengguna . Dengan Formidable, Anda dapat memberikan formulir ke halaman lain di situs web Anda, memungkinkan Anda menempatkannya di mana saja di situs Anda. Di antarmuka styler formulir, Anda bisa membuat Templat gaya yang bisa diterapkan ke berbagai formulir. Parameter yang paling penting adalah gaya yang ditetapkan oleh yang satu ini. Dalam tutorial ini, kami akan menunjukkan cara membuat sistem pengaturan ulang kata sandi di Formidable menggunakan formulir login khusus. Jika Anda menggunakan widget untuk menampilkan formulir login, Anda dapat menambahkan tautan dengan memasukkan kotak di opsi widget. Ketika pengguna mengkliknya, mereka akan dibawa ke halaman pengaturan ulang kata sandi. Setelah proses selesai, pengguna akan dapat mengatur ulang kata sandi mereka dengan cara yang sama seperti di situs web lain.

Bagaimana Cara Membuat Halaman Login Front End Di WordPress?

Arahkan ke bagian Pengalihan WordPress dari Pembuat Profil – Pengalihan Kustom. Jenis Pengalihan dapat ditemukan di menu tarik-turun. Di bidang Redirect URL, masukkan URL halaman login frontend yang baru Anda buat . Dengan mengklik Simpan Perubahan, Anda dapat membuat perubahan kecil pada situs web Anda.

Tambahkan Menu Login Ke Situs WordPress Anda

Sangat mudah untuk menambahkan menu login WordPress. Untuk melakukannya, navigasikan ke dasbor Anda> Tampilan> Menu> Pilih menu utama dan kemudian klik Tautan Khusus, diikuti oleh url halaman login Anda, dan label.

Formulir Masuk WordPress

Formulir login WordPress adalah formulir yang dapat diisi pengguna untuk masuk ke akun WordPress mereka. Formulir ini dapat ditemukan di halaman login WordPress.

Saat pengguna situs web mengirimkan formulir pendaftaran, WordPress mengumpulkan informasi tentang pengguna. Sebelum Anda dapat mengirimkan formulir Anda di situs Anda, Anda harus terlebih dahulu mengumpulkan informasi berikut: Jika Anda ingin mengajukan beberapa pertanyaan kepada pengguna tentang diri mereka sendiri, addon Pendaftaran Pengguna WPForms akan menyertakan bidang formulir paragraf sebagai bagian dari Templat formulir. Formulir masuk WordPress di situs web memungkinkan pengguna yang sebelumnya terdaftar untuk masuk dengan kredensial mereka, yang kemudian dapat digunakan untuk mengakses konten atau informasi. Pengguna situs web Anda akan menggunakan formulir login Anda beberapa kali dibandingkan dengan formulir pendaftaran pengguna situs web mereka. Anda dapat mempelajari cara membuat formulir login WordPress khusus jika Anda memerlukannya di situs web Anda.

Cara Membuat Halaman Login Dan Registrasi Kustom Di WordPress

Untuk membuat halaman login dan registrasi kustom di WordPress, Anda harus terlebih dahulu membuat template halaman kustom. Setelah Anda membuat template, Anda perlu membuat formulir khusus yang akan digunakan untuk proses login dan pendaftaran. Terakhir, Anda perlu menambahkan kode berikut ke file functions.php Anda: function my_custom_login_page () { if ( is_user_logged_in() ) { wp_redirect( home_url() ); KELUAR; } if ( 'POST' == $_SERVER['REQUEST_METHOD'] ) { $redirect_to = home_url(); if ( ! kosong( $_REQUEST['redirect_to'] ) ) { $redirect_to = $_REQUEST['redirect_to']; } if ( ! kosong( $_REQUEST['log'] ) ) { $user_login = $_REQUEST['log']; } else { $pengguna_login = ”; } $user_data = get_user_by( 'login', $user_login ); if ( ! $user_data ) { wp_redirect( $redirect_to . '? loginfailed' ); KELUAR; } if ( user_can( $user_data, 'manage_options' ) ) { wp_set_current_user( $user_data->ID, $user_login ); wp_set_auth_cookie( $user_data->ID ); do_action('wp_login', $user_login ); wp_redirect(admin_url()); KELUAR; } else { wp_redirect( $redirect_to . '? loginfailed' ); KELUAR; } } $args = array( 'echo' => false, 'redirect' => $redirect_to, 'form_id' => 'loginform', 'label_username' => __( 'Username' ), 'label_password' => __( 'Kata Sandi' ), 'label_remember' => __( '

Cara Membuat Halaman Login dan Registrasi di WordPress dengan Formulir yang Tangguh Alat registrasi pengguna dapat digunakan untuk membuat halaman login untuk situs WordPress mana pun. Ini menguntungkan untuk branding, pengalaman pengguna, dan keamanan. Jika Anda masih mencari plugin pembuatan formulir, ini bisa menjadi yang tepat untuk Anda. Sangat mudah untuk menginstal Formidable, sama seperti menginstal plugin WordPress apa pun. Anda harus memiliki Rencana Bisnis untuk menggunakan sistem pendaftaran kami. Kami membuat template yang dapat diedit untuk pendaftaran pengguna karena setiap perusahaan akan mengumpulkan berbagai jenis data dari pengguna mereka selama pendaftaran. Formulir login Anda tidak perlu disesuaikan untuk menyelesaikan tutorial ini.

Setelah pengguna mendaftar untuk situs Anda, Anda perlu mengonfigurasi bagaimana hal-hal akan ditangani. Pengguna diberikan berbagai opsi yang dapat dikonfigurasi dalam dokumentasi kami. Karena sistem pendaftaran pengguna mengotomatiskan seluruh proses, kita tidak perlu mempelajari cara mengubah halaman login di WordPress dengan Formidable. Jika Anda ingin membuat halaman login WordPress, Anda tidak perlu melakukan apa pun selain mengunggah formulir login Anda. Anda dapat membuat halaman yang terlihat bagus terlepas dari apa yang Anda gunakan untuk pembuatnya. Tidak ada bedanya di mana Anda memasukkan informasi login dan informasi pendaftaran Anda; yang harus Anda lakukan adalah mengetikkannya ke dalam posting atau halaman yang sesuai.

Plugin Untuk Halaman Login Di WordPress

Plugin untuk halaman login di WordPress adalah cara yang bagus untuk menambahkan fitur dan fungsionalitas tambahan ke situs Anda. Ada banyak plugin yang tersedia yang dapat menambahkan berbagai fitur berbeda ke halaman login Anda, termasuk login media sosial, CAPTCHA, dan banyak lagi. Pilih plugin yang paling sesuai dengan kebutuhan Anda dan instal di situs Anda untuk menambahkan lapisan keamanan dan fungsionalitas tambahan ke halaman login Anda.

Halaman login default WordPress tampaknya sangat mudah dinavigasi. Plugin terbaik memungkinkan Anda untuk menyesuaikan desain dan bidang formulir login Anda. Alat anti-spam tersedia sebagai bagian dari beberapa plugin halaman login, membuat situs web Anda lebih aman. WPForms adalah salah satu plugin pembuat formulir paling komprehensif yang tersedia untuk WordPress. Saat menggunakan WPForms, Anda dapat melindungi formulir pendaftaran atau login Anda dari serangan spam dengan menggunakan token anti-spam, reCAPTCHA, hCAPTHCA, dan CAPTCHA khusus. Dengan menggunakan SeedProd, Anda dapat dengan mudah membuat halaman login dari awal. Pengguna yang lebih memilih berbagai opsi penyesuaian untuk halaman login mereka akan ditarik ke LoginPress.

Meskipun tidak memiliki fitur pemblokiran spam, LoginPress adalah pilihan yang sangat baik untuk membuat halaman login yang indah dan melindungi situs web Anda dari penyusup. Login Sosial Nextend memungkinkan Anda untuk masuk ke akun media sosial Anda tanpa kata sandi. Ini adalah alat yang hebat untuk admin situs pengguna yang memerlukan akses sementara ke individu tertentu. Theme My Login gratis dan memungkinkan Anda untuk membuat halaman pendaftaran frontend, menyesuaikan siput URL untuk login dan pendaftaran, dan bahkan mengatur akun sosial untuk mendaftar dan login ke situs Anda. Dalam Simple History, alamat IP setiap pengguna yang mencoba keluar juga dicatat. Jika ini adalah metode utama Anda, Anda akan dapat mengidentifikasi peretas dan memasukkan mereka ke daftar hitam untuk mengakses situs web Anda. Bagian terbaik tentang WPForms adalah ia menyediakan paling banyak penyesuaian, kemudahan penggunaan, dan keamanan platform apa pun di pasar.

Jika Anda mencari cara sederhana namun efektif untuk membuat halaman arahan yang indah, SeedProd adalah pilihan yang sangat baik. Mencari plugin kalender untuk penjadwalan dan janji temu? Posting kami tentang plugin kalender WordPress terbaik menyertakan daftar beberapa plugin terbaik.

Google Login WordPress Tanpa Plugin

Anda dapat masuk ke situs WordPress Anda tanpa plugin hanya dengan masuk ke akun Google Anda dan memilih opsi untuk menggunakan akun Google Anda untuk masuk. Ini akan memungkinkan Anda untuk masuk ke WordPress tanpa harus menginstal plugin.

Jika Anda menggunakan Google Login WordPress tanpa plugin, Anda mungkin membuat keputusan yang salah. Anda harus menggunakan plugin terpisah untuk Google Analytics di situs Anda jika Anda belum memilikinya. Monsterinsights dapat menjawab pertanyaan apa pun yang Anda miliki tentang cara masuk ke Google WordPress tanpa plugin. Google Analytics adalah alat canggih yang dapat Anda gunakan untuk melacak aktivitas situs web. Alat ini sangat mudah dipasang tanpa plugin jika Anda menggunakan WordPress. Tanpa plugin, Anda dapat membuat situs web Anda multibahasa jika Anda membutuhkannya, tetapi Anda tidak perlu menggunakan plugin jika Anda tidak membutuhkannya untuk multibahasa. Pada artikel ini, Anda akan belajar cara menambahkan Google Terjemahan ke WordPress tanpa plugin apa pun.