Cara Menyesuaikan Halaman Login WordPress

Diterbitkan: 2021-07-29

Apakah Anda mencari cara sederhana untuk mengedit halaman login Anda? Kami membantu Anda. Pada artikel ini, kami akan menunjukkan kepada Anda berbagai cara untuk menyesuaikan halaman login WordPress dan membuatnya lebih elegan.

Apa itu Halaman Login WordPress?

Seperti namanya, halaman login WordPress adalah halaman di mana Anda harus memasukkan nama pengguna dan kata sandi untuk masuk dan mengakses dashboard WordPress Anda. Bergantung pada tipe pengguna Anda dan izin yang Anda miliki, Anda akan memiliki akses ke berbagai bagian dasbor.

Sebagian besar situs meninggalkan halaman login default karena itu adalah sesuatu yang biasanya tidak dilihat pengunjung. Namun, untuk mengambil kendali penuh atas situs Anda dan membuatnya lebih aman, Anda harus menyesuaikan halaman login.

Mengapa Anda Harus Mengubah Halaman Login?

Halaman login WordPress default terlihat cukup sederhana dan mendasar. Selain itu, ini bisa berupa halaman login situs mana pun. Tidak ada personalisasi sama sekali.

halaman login default wordpress

Namun, jika Anda memeriksa halaman login merek terkenal seperti OptinMonster, Anda akan melihat tampilannya seperti ini:

masuk optinmonster

Halaman login sepenuhnya disesuaikan dan Anda dapat langsung mengetahui bahwa itu milik OptinMonster.

Ada beberapa alasan mengapa Anda harus menyesuaikan halaman login WordPress Anda. Misalnya, jika Anda menjalankan toko eCommerce atau situs web keanggotaan, menyesuaikan halaman login adalah ide yang bagus. Pembeli harus masuk ke akun mereka untuk menyelesaikan transaksi atau mengakses manfaat keanggotaan mereka, jadi menampilkan halaman masuk default mungkin tidak terlihat profesional. Demikian pula, jika Anda memiliki program afiliasi, itu adalah pilihan yang baik untuk mengedit halaman login dan menyesuaikannya.

Selain itu, dengan menyesuaikan halaman login, Anda dapat membuat situs Anda lebih aman dari peretas.

Ada banyak cara di mana Anda dapat menyesuaikan halaman login WordPress. Anda dapat menambahkan logo, nama merek, warna merek, dan bahkan beberapa teks, untuk memberi kesan pada pengguna Anda. Sebagian besar situs tidak melakukannya, jadi hanya dengan sedikit usaha, Anda akan menonjol dari kebanyakan situs.

Sekarang mari kita lihat berbagai metode untuk mengedit halaman login.

Cara Menyesuaikan Halaman Login WordPress

Ada tiga cara utama untuk menyesuaikan halaman login:

  1. Menggunakan plugin
  2. Secara terprogram
  3. Dengan pembuat halaman

Mari kita lihat masing-masing metode di bawah ini sehingga Anda dapat memilih yang paling tepat untuk Anda.

1) Edit halaman login dengan plugin

Ada banyak plugin untuk menyesuaikan halaman login WordPress. Beberapa yang terbaik adalah:

  • Tema Login Saya (kustomisasi terbatas)
  • Penyesuai Halaman Login Kustom (sangat dapat disesuaikan)
  • CSS Hero (plugin kustomisasi khusus)
  • WPForms (plugin formulir dengan fitur-fitur canggih)
  • SeedProd (solusi lengkap untuk halaman arahan)

Untuk tutorial ini, kita akan menggunakan Theme My Login dan Custom Login Page Customizer. Mari kita lihat proses langkah demi langkah.

1.1) Tema Login Saya

Theme My Login adalah plugin gratis yang digunakan untuk membuat halaman login kustom di WordPress. Tanpa menggunakan potongan CSS tambahan, Anda dapat mencocokkan gaya situs dengan halaman login.

Pertama, instal dan aktifkan plugin. Di dasbor WordPress Anda, buka Plugins > Add New , cari plugin dan instal.

instal tema plugin wordpress login saya

Setelah Anda mengaktifkannya, Anda akan melihat pengaturan plugin di sisi kiri.

tema pengaturan login saya

Konfigurasi utama yang akan Anda lihat adalah:

  • Umum
  • Gabung
  • Registrasi
  • siput

Di bawah opsi tersebut, Anda akan melihat beberapa sub konfigurasi. Tema Login Saya tidak hadir dengan banyak opsi penyesuaian, tetapi cukup bagi mereka yang ingin membuat beberapa perubahan mendasar.

Gulir ke bawah ke bagian siput dan Anda akan melihat semua tautan permanen yang tersedia yang dapat Anda gunakan dan ubah.

tema siput login saya

Setelah Anda selesai dengan modifikasi, simpan perubahan Anda, dan periksa halaman login di bagian depan.

tema halaman login saya

Plugin ini juga dioptimalkan untuk shortcode WordPress, yang memungkinkan Anda untuk menyematkan halaman login, registrasi, dasbor, atau kata sandi yang hilang di dalam posting/halaman Anda.

Beberapa shortcode yang tersedia adalah:

  • [tema-login saya] – halaman login
  • [theme-my-login action=”register”] – halaman pendaftaran
  • [theme-my-login action=”lostpassword”] ​​– halaman kata sandi yang hilang
  • [theme-my-login action=”resetpass”] – halaman reset password

Cukup tambahkan kode pendek yang Anda inginkan pada editor klasik atau editor Gutenberg, dan publikasikan (atau perbarui) halaman tersebut.

halaman masuk

Itu dia! Begitulah cara mengedit halaman login WordPress dengan Theme My Login. Jika pengguna Anda perlu sering login, kami sarankan Anda menambahkan halaman login ke menu WordPress Anda.

1.2) Penyesuai Halaman Masuk Kustom

Jika Anda menginginkan fitur yang lebih canggih tetapi tetap menginginkan plugin gratis, Custom Login Page Customizer adalah untuk Anda. Ini adalah alat khusus lainnya yang memungkinkan Anda mengedit halaman login WordPress tanpa menggunakan kode apa pun.

Pertama, Anda perlu menginstal dan mengaktifkan plugin di situs web Anda dengan masuk ke Plugins > Add New .

sesuaikan halaman login wordpress - instal penyesuai halaman login khusus

Anda akan melihat pengaturan di sisi kiri. Klik Customizer dan Anda akan diarahkan ke penyesuai WordPress tempat Anda dapat mengelola semuanya.

sesuaikan halaman login wordpress - penyesuai login

Atau, Anda dapat mengakses Customizer dari bagian Appearance dengan memilih opsi Login Customizer .

sesuaikan halaman login wordpress - opsi penyesuai login

Di sisi kiri, Anda akan melihat semua opsi yang tersedia, sedangkan di sisi kanan, Anda dapat melihat pratinjau formulir login.

sesuaikan halaman login wordpress - pratinjau penyesuai login

Opsi yang dapat Anda sesuaikan dalam formulir login adalah:

  • Template
  • Latar belakang
  • Logo
  • Membentuk
  • bidang
  • Tombol
  • Lainnya
  • CSS & JavaScript khusus

Jika Anda tidak ingin menghabiskan waktu mendesain halaman login Anda dari awal, Anda dapat menggunakan salah satu template.

sesuaikan halaman login wordpress - template

Atau, Anda dapat melihat opsi yang berbeda dan membuat halaman login Anda persis seperti yang Anda inginkan. Untuk tutorial ini, kita akan mengubah logo, warna dan menambahkan gambar latar belakang. Setelah Anda puas dengan desain Anda, simpan pembaruannya.

sesuaikan halaman login wordpress - publikasikan pembaruan

Selain itu, Anda dapat menambahkan kode CSS atau JavaScript khusus ke halaman login yang bisa menjadi opsi yang sangat menarik bagi mereka yang memiliki keterampilan pengkodean.

tambahkan css atau javascript

Jadi sekarang jika Anda memeriksa bagian depan, Anda akan melihat halaman login WordPress kustomisasi Anda.

demo login lokal

Untuk informasi lebih lanjut tentang plugin untuk mengedit halaman login, lihat posting ini.

Seperti yang Anda lihat, mengedit halaman login dengan plugin itu mudah. Namun, jika Anda tahu cara membuat kode, Anda mungkin ingin menyesuaikannya secara terprogram.

2) Sesuaikan halaman login WordPress secara terprogram

Jika Anda memilih untuk tidak menginstal alat pihak ketiga dan mengkodekan solusi Anda sendiri, Anda dapat mengedit halaman login secara terprogram. Anda dapat menempelkan kode di dalam file functions.php tema atau menggunakan plugin khusus situs. Untuk demo ini, kita akan menggunakan plugin Code Snippets.

CATATAN : Jika Anda akan mengedit file functions.php secara langsung sebelum memulai, kami sarankan Anda membuat cadangan lengkap situs Anda dan membuat tema anak.

Pertama, instal dan aktifkan Cuplikan Kode di situs web Anda.

instal plugin cuplikan coe

Sekarang mari kita lihat contoh kode yang dapat Anda gunakan.

 fungsi quadlayers_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(https://www.example.com/image.png);
tinggi: 100 piksel;
lebar: 300 piksel;
ukuran latar belakang: 300px 100px;
background-repeat: tidak-ulangi;
bantalan-bawah: 10px;
}
</ gaya>
<?php }
add_action( 'login_enqueue_scripts', 'quadlayers_login_logo');

Jika Anda melihat sekilas kodenya, Anda akan melihat bahwa kami menambahkan logo dengan dimensi tertentu. Anda juga akan melihat bahwa ada tautan. Itu adalah URL logo Anda, jadi pastikan Anda menyesuaikan URL tersebut untuk menampilkan logo Anda.

Cara menemukan URL gambar

Menemukan URL gambar cukup sederhana. Setelah Anda mengunggah gambar ke situs web Anda, buka Media Library dan pilih gambarnya. Di sisi kanan, Anda akan melihat URL gambar.

salin url media

Salin URL file dan tempel di dalam kode. Misalnya, kode akhir menggunakan gambar di atas adalah:

 fungsi quadlayers_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(http://demo-inc.local/wp-content/uploads/2021/07/logo-wpf.png);
tinggi: 100 piksel;
lebar: 300 piksel;
ukuran latar belakang: 300px 100px;
background-repeat: tidak-ulangi;
bantalan-bawah: 10px;
}
</ gaya>
<?php }
add_action( 'login_enqueue_scripts', 'quadlayers_login_logo');

Anda juga dapat menyesuaikan dimensi, tetapi untuk saat ini, cukup salin kode menggunakan URL gambar Anda sendiri. Sekarang, Anda perlu membuat cuplikan baru menggunakan plugin Cuplikan Kode. Buka Snippet > Add New , tempel kode dan aktifkan snippet.

cuplikan php logo khusus

Sekarang, periksa halaman login menggunakan jendela penyamaran dan Anda akan melihat logo baru.

logo wpforms baru

Jika Anda memeriksa kode sekali lagi, Anda akan melihat bahwa ada sedikit CSS untuk memberikan gaya tertentu. Jika mau, Anda dapat menghapus kode <style type="text/css"></style> dan menambahkan kode CSS di bawah ini ke lembar gaya tema Anda atau di dalam Customizer.

 #login h1 a, .login h1 a {
background-image: url(http://demo-inc.local/wp-content/uploads/2021/07/logo-wpf.png);
tinggi: 100 piksel;
lebar: 300 piksel;
ukuran latar belakang: 300px 100px;
background-repeat: tidak-ulangi;
bantalan-bawah: 10px;
}

Perlu diingat bahwa Anda perlu mengedit kode CSS sesuai dengan kebutuhan Anda. Kelas yang perlu Anda kerjakan adalah:

 #login h1 a

dan

 .login h1 a

Kami telah berhasil mengubah logo WordPress, tetapi URL logo masih mengarah ke domain WordPress.org. Namun, Anda dapat dengan mudah mengubahnya dengan menambahkan skrip PHP kecil ke file functions.php atau menggunakan Cuplikan Kode.

Buat cuplikan baru menggunakan plugin Cuplikan Kode dan tempel kode di bawah ini.

 fungsi quadlayers_login_logo_url() {
kembali home_url();
}
add_filter( 'login_headerurl', 'quadlayers_login_logo_url' );

fungsi quadlayers_login_logo_url_title() {
return 'Nama dan Info Situs Anda';
}
add_filter( 'login_headertitle', 'quadlayers_login_logo_url_title');

sesuaikan halaman login wordpress - tempel logo url

Setelah mengaktifkan cuplikan PHP, URL logo akan menjadi nama domain Anda.

Ini hanya beberapa penyesuaian tetapi masih banyak lagi yang dapat Anda lakukan. Kami menyarankan Anda bermain-main dengan kode dan mengedit halaman login persis seperti yang Anda inginkan.

3) Dengan Pembuat Halaman

Cara lain untuk menyesuaikan halaman login WordPress adalah dengan menggunakan pembuat halaman khusus. Ada banyak page builder yang bisa kamu gunakan, tapi untuk tutorial ini, kita akan menggunakan SeedProd.

SeedProd adalah alat freemium yang memungkinkan Anda membuat halaman arahan berkualitas. Jika Anda ingin menggunakan templatnya, Anda harus mendapatkan versi premium yang dimulai dari 39,50 USD per tahun.

Setelah Anda mengaktifkan plugin, Anda perlu memverifikasi kunci lisensi.

verifikasi kunci lisensi seedprod

Ini akan memberi Anda akses ke semua template yang sudah jadi. Setelah memverifikasi kunci, buka SeedProd > Pages dan pilih opsi Halaman Masuk.

sesuaikan halaman login wordpress - halaman login

Anda akan melihat semua template login yang tersedia di layar. Anda dapat memilih salah satu dari template yang sudah jadi ini atau membuat yang baru dari awal.

semua template login

Untuk tutorial ini, kita akan memilih salah satu template. Setelah Anda memilih template, beri nama.

halaman login baru

Setelah itu, Anda akan diarahkan ke pembuat halaman.

pembuat seedprod

Di sisi kiri, Anda akan melihat semua elemen yang dapat Anda gunakan untuk mengedit halaman login, dan di sisi kanan, Anda akan melihat pratinjau halaman. Untuk menambahkan elemen dan menyesuaikan halaman login, cukup seret elemen dari kolom kiri dan letakkan di panduan pratinjau.

Secara default, template login yang kami pilih dilengkapi dengan gambar latar belakang, formulir login, dan beberapa konten teks. Anda dapat mengedit salah satu elemen ini dengan mengkliknya. Misalnya, untuk mengedit formulir login, pilih, dan di panel kiri, Anda akan melihat opsi konfigurasi.

formulir masuk khusus

Setelah memodifikasi halaman, publikasikan.

Sekarang periksa halaman dari ujung depan, dan Anda akan melihat halaman login yang baru disesuaikan.

halaman login quadlayers kustom

Pastikan Anda menambahkan URL halaman ke menu WordPress atau widget bilah sisi, sehingga pengguna dapat masuk menggunakan URL baru.

Sebagian besar plugin pembuat halaman WordPress dilengkapi dengan fitur ini, jadi Anda harus dapat melakukannya terlepas dari alat yang Anda gunakan.

Cara Menemukan URL Halaman Login WordPress

Menemukan URL login WordPress itu mudah. Jika Anda memiliki instalasi WordPress kosong, Anda dapat menambahkan /wp-admin/ ke akhir domain dan itu akan mengarahkan Anda ke dasbor WordPress. Jika tidak, Anda dapat menambahkan /wp-login.php di akhir nama domain. Misalnya, jika nama domain Anda adalah example.com , masukkan www.example.com/wp-admin/ atau www.example.com/wp-login.php ke browser.

Dalam kebanyakan kasus, kedua metode ini akan berhasil. Atau, Anda juga dapat mencoba menambahkan /admin/ atau /login/ di akhir nama domain.

Ingatlah bahwa jika admin situs web telah mengonfigurasi jalur masuk khusus, Anda harus menghubungi mereka dan memintanya.

Sekarang setelah Anda menemukan URL halaman login, mari kita lihat cara mengubah URL login.

Cara Mengubah URL Login WordPress

WordPress adalah CMS paling populer di dunia, jadi ini adalah platform favorit para peretas. Halaman login adalah salah satu halaman yang menerima lebih banyak serangan, jadi untuk alasan keamanan, ada baiknya untuk mengubah URL halaman login. Ini akan membantu Anda mencegah pengguna yang tidak sah mengakses halaman login dan mencoba kombinasi nama pengguna dan kata sandi secara acak.

Di bagian ini, kami akan menunjukkan cara mengubah URL login WordPress default.

Untuk membuat proses ini sesederhana mungkin, kami akan menggunakan plugin WPS Hide Login. Ini adalah salah satu alat keamanan terkenal dan 100% gratis. Pertama, instal dan aktifkan plugin di situs web Anda.

sesuaikan halaman login wordpress - instal dan aktifkan wps hide login

Setelah itu, Anda akan melihat pengaturan plugin di bawah bagian Pengaturan .

sesuaikan halaman login wordpress - wps sembunyikan pengaturan login

Membuat URL halaman login baru

Anda dapat membuka pengaturan plugin atau pergi ke Pengaturan umum dan mengubah URL login dari sana. Namun, kami menyarankan Anda menggunakan pengaturan plugin karena memberi Anda lebih banyak opsi penyesuaian.

sesuaikan halaman login wordpress - wps sembunyikan opsi login

  • URL Login: Ini adalah URL admin WordPress baru Anda. Secara default, plugin akan menambahkan login sebagai tautan permanen. Dalam hal ini, URL login baru akan menjadi www.example.com/login . Menjaga login sebagai jalur admin WordPress default tidak disarankan. Sebagai gantinya, Anda harus menambahkan jalur unik. Misalnya, jika Anda menambahkan mainentry sebagai jalur masuk, URL laman masuk akan menjadi www.example.com/mainentry .
  • URL Pengalihan: Inilah opsi lain yang berguna untuk mengarahkan pengguna yang tidak sah dari halaman wp-admin . Seperti yang Anda ketahui, WordPress hadir dengan permalink wp-admin untuk halaman login. Jika Anda menonaktifkannya, Anda perlu mengatur pengalihan, sehingga semua lalu lintas yang tidak sah akan diteruskan ke halaman tertentu. Misalnya, Anda dapat meneruskannya ke halaman kesalahan 404 atau posting/halaman blog khusus.

Cukup ubah pengaturan plugin yang sesuai dan simpan pengaturan. Anda akan melihat konfirmasi URL login baru.

sesuaikan halaman login wordpress - url baru dibuat

Anda telah berhasil mengubah URL login default WordPress. Untuk menguji konfigurasi baru, buka jendela penyamaran dan masukkan URL login WordPress default ( www.yourdomain.com/wp-admin ). Jika semuanya bekerja dengan benar, Anda akan diarahkan ke halaman 404 yang kami konfigurasikan sebagai URL pengalihan. Untuk mengakses halaman login, Anda harus memasukkan URL login baru yang baru saja Anda buat.

Jika Anda mencari panduan yang lebih rinci untuk menyesuaikan URL halaman login, lihat panduan lengkap ini.

Pulihkan URL login

Apa yang terjadi jika Anda mengubah URL login tetapi kemudian melupakannya? Kabar baiknya adalah bahwa ia memiliki perbaikan yang mudah. Cukup sambungkan klien FTP seperti FileZilla ke server Anda, akses folder plugin WPS Hide Login, dan hapus. Setelah itu, URL login akan menjadi default ( wp-admin ).

Cara Membatasi Upaya Masuk

Opsi menarik lainnya untuk meningkatkan keamanan situs Anda adalah membatasi upaya login. Secara default, WordPress mengizinkan upaya login tanpa batas yang memberikan peluang bagus bagi peretas untuk mengakses situs Anda. Karena tidak ada opsi bawaan untuk membatasi upaya login, kita perlu menggunakan plugin pihak ketiga. Di bagian ini, kami akan menunjukkan kepada Anda bagaimana Anda dapat membatasi upaya login menggunakan Batasi Upaya Login yang Dimuat Ulang.

Pertama, instal dan aktifkan plugin di situs web Anda.

sesuaikan halaman login wordpress - batasi upaya login

Di sisi kiri, Anda akan melihat opsi konfigurasi plugin. Buka, dan Anda akan diarahkan ke dasbor plugin di mana Anda akan melihat bahwa kami tidak memiliki upaya login yang gagal. Untuk membuat plugin lebih efisien, kami akan membuat beberapa modifikasi pada pengaturan, jadi buka tab Pengaturan .

batasi pengaturan plugin upaya login

Gulir ke bawah ke bagian pengaturan aplikasi dan Anda akan melihat sesuatu seperti ini:

batasi pengaturan plugin upaya login

Plugin ini hadir dengan konfigurasi dasar. Konfigurasi saat ini mengatakan bahwa setelah empat kombinasi nama pengguna dan kata sandi yang salah berturut-turut, plugin akan mengunci IP pengguna selama 20 menit berikutnya. Jika IP mendapat empat penguncian terus menerus, waktu penguncian akan meningkat menjadi 24 jam.

Anda dapat mengubah konfigurasi sesuai dengan kebutuhan Anda. Setelah Anda puas dengan perubahannya, simpan pengaturannya.

batasi upaya masuk, simpan pengaturan

Itu dia. Sekarang ketika seseorang memasukkan kombinasi username dan password yang salah di halaman login, Anda akan mendapatkan notifikasi di dashboard plugin.

usaha yang gagal

Dan pengguna juga akan melihat pesan kesalahan di ujung depan dengan upaya mereka yang tersisa.

nama pengguna atau kata sandi salah

Ini adalah cara yang bagus untuk melindungi situs WordPress Anda dari peretas dan serangan brute force.

Bonus: Cara Mengubah Pesan Kesalahan Default

Kami telah melihat beberapa opsi untuk membuat situs Anda lebih aman. Tapi ada lagi yang bisa Anda lakukan. Mari kita melangkah lebih jauh dan mengubah pesan kesalahan default di WordPress.

Secara default, WordPress akan memberi tahu orang-orang apa kesalahan sebenarnya pada halaman login. Misalnya, jika seseorang memasukkan nama pengguna yang tidak ada, WordPress akan menampilkan pesan yang mengatakan bahwa nama pengguna tidak terdaftar.

nama pengguna jane tidak ada

Dengan cara ini, calon peretas akan mengetahui bahwa nama pengguna tersebut tidak valid dan dapat mencoba menggunakan nama pengguna lain sampai mereka menemukan yang ada, sehingga mereka dapat mencoba kata sandi yang berbeda. Jika nama pengguna valid tetapi kata sandinya tidak, WordPress akan menampilkan pesan berikut di layar login.

sesuaikan halaman login wordpress - kata sandi ditemukan

Ini mungkin berguna bagi seseorang dari organisasi Anda dengan niat baik, tetapi ini memberikan informasi berharga bagi peretas. Jadi, untuk membuat situs Anda lebih aman, Anda dapat mengubah pesan kesalahan default.

Mengubah pesan kesalahan login

Untuk mengubah pesan kesalahan login, Anda tidak memerlukan plugin apa pun. Dengan beberapa baris kode PHP, Anda dapat menonaktifkan petunjuk login/pesan kesalahan default.

CATATAN : Karena kami akan mengedit file functions.php , pastikan Anda membuat cadangan penuh situs Anda dan menginstal tema anak sebelum memulai.

Pertama, buka editor tema dan buka file functions.php dari tema anak Anda. Kemudian, salin kode di bawah ini.

 fungsi no_wordpress_errors(){
return 'Ada yang salah!';
}
add_filter('login_errors', 'no_wordpress_errors');

Seperti yang Anda lihat, kode akan menampilkan pesan yang mengatakan “ Ada yang salah! ” bila kombinasi nama pengguna dan kata sandi salah.

Rekatkan di dalam file functions.php dan perbarui.

perbarui file functions.php

Sekarang buka jendela penyamaran dan coba akses halaman admin WordPress dengan beberapa nama pengguna dan kata sandi acak.

ada yang salah wordpress login error

Ini akan membantu Anda membuat situs Anda lebih aman karena peretas tidak akan tahu jika ada masalah dengan nama pengguna atau sandi.

Tambahkan CAPTCHA ke halaman login

Cara lain untuk menyesuaikan halaman login Anda adalah dengan menambahkan CAPTCHA. Ini adalah solusi yang sangat baik bagi mereka yang ingin meningkatkan keamanan login mereka dan menjauhkan bot.

Anda dapat menambahkan CAPTCHA secara terprogram atau dengan plugin khusus. Untuk demo ini, kami akan menggunakan plugin tetapi untuk informasi lebih lanjut tentang ini, lihat panduan lengkap kami tentang cara menambahkan CAPTCHA ke login WooCommerce.

Di bagian ini, kita akan menggunakan reCaptcha dari BestWebSoft, plugin CAPTCHA gratis yang luar biasa.

Pertama, instal dan aktifkan plugin dari dashboard WordPress Anda. Kemudian, buka konsol admin Google reCAPTCHA dan selesaikan pendaftaran dengan mengisi informasi yang diperlukan. Anda harus memilih jenis CAPTCHA yang ingin Anda gunakan. Dalam kasus kami, kami akan menggunakan reCAPTCHA v2, yang merupakan yang paling umum.

tambahkan captcha ke login woocommerce - tipe recaptcha

Kemudian salin kunci situs dan kunci rahasia dan tempel di pengaturan reCAPTCHA di dasbor WP Anda. Pastikan Anda telah memilih versi CAPTCHA yang sama dengan yang Anda pilih sebelumnya.

tempel kunci situs

Setelah itu, pilih halaman di mana Anda ingin menampilkan CAPTCHA, simpan pengaturan dan hanya itu! Situs Anda akan lebih aman sekarang.

Untuk penjelasan lebih rinci, lihat panduan lengkap dari tautan ini.

Kesimpulan

Secara keseluruhan, mengedit halaman login adalah suatu keharusan untuk situs keanggotaan, toko eCommerce, dan situs web dengan bagian afiliasi Selain itu, mengingat berapa banyak serangan yang diterima halaman login, Anda harus mempersonalisasikannya untuk meningkatkan keamanan situs Anda.

Dalam panduan ini, kita telah melihat berbagai cara untuk menyesuaikan halaman login WordPress. Jika Anda menginginkan sesuatu yang cepat dan mudah, metode plugin adalah cara yang tepat. Custom Login Page Customizer hadir dengan banyak fitur dan mudah digunakan.

Di sisi lain, jika Anda memiliki keterampilan pengkodean, Anda dapat mengedit halaman login secara terprogram dan mengkodekan solusi Anda sendiri.

Terakhir, dengan pembuat halaman/pembuat halaman arahan, Anda dapat menyesuaikan halaman login tanpa menulis kode apa pun. Salah satu keuntungan utama dari plugin pembuat halaman adalah Anda dapat melihat perubahan secara real-time dan mereka datang dengan beberapa template yang sudah jadi.

Untuk lebih banyak cara mempersonalisasi situs Anda, lihat tutorial berikut:

  • Login WordPress tidak berfungsi? Bagaimana memperbaikinya
  • Cara menyesuaikan Formulir Pendaftaran WordPress
  • Belajar Mengedit Halaman Terima Kasih WooCommerce
  • Cara menyesuaikan Halaman Produk WooCommerce
  • Cara Mengedit halaman Akun Saya di WooCommerce

Apakah Anda tahu cara lain untuk menyesuaikan halaman login WordPress? Metode mana yang akan Anda gunakan? Beri tahu kami di komentar di bawah.