# 152: Menata Halaman Login WordPress (Penginapan) - Trik CSS

Anonim

"Widget" kami untuk The Lodge di sidebar situs (ditampilkan di sebagian besar halaman, termasuk beranda) memiliki dua status. Satu untuk saat pengguna keluar dan satu saat pengguna masuk. Status keluar memiliki formulir login tepat di atasnya sehingga anggota saat ini memiliki cara mudah untuk masuk.

Kami dulu menggunakan fungsi bawaan wp_login_form (), yang cukup keren untuk disediakan oleh WordPress, tetapi kami ingin mengambil kendali atas markup. Ini akan memungkinkan kita untuk menambahkan kelas dan yang lainnya untuk menatanya sesuai keinginan kita.

Namun, ada sejumlah situasi, di mana formulir login kustom kami tidak berfungsi dan kami harus menggunakan tampilan login WordPress default. Itulah yang Anda lihat saat mengunjungi /wp-login.php. Misalnya, jika Anda mengirimkan kata sandi yang salah, Anda akan diarahkan ke halaman ini. Atau jika Anda ingin mendaftar ke situs (tanpa melalui Restrict Content Pro), atau bahkan mengatur ulang kata sandi Anda, Anda akan melakukannya melalui halaman /wp-login.php ini. Jadi menurut saya akan lebih baik jika kita menata halaman ini sehingga terasa, Anda tahu, seperti operasi profesional daripada hanya "beberapa situs WordPress". Ditambah kita bisa menggunakan barang branding kita disini, yaitu kabin bersalju kita.

Untuk mendapatkan kontrol, kami menggunakan beberapa "kait" WordPress di file functions.php kami untuk memuat file CSS kustom. Hanya itu yang kita butuhkan untuk merebut kendali desain.

Kami menghabiskan sisa waktu menggunakan file CSS itu untuk membuat halaman login. Kami membuat kabin agak buram, yang menurut saya merupakan efek yang tampak keren. Semacam itu mengatakan "Kabin di belakang sana! Masuk dan semua akan menjadi jelas! ”. Sebagai bonus yang bagus, foto buram dalam format JPG.webp dapat diatur ke kualitas yang cukup rendah, yang bagus, karena kami menggunakannya agak besar sebagai gambar latar halaman penuh.