Cara Merubah Tampilan Login Page WordPress
Hallo teman teman semuanya jika kalian merasa bosan dengan tampilan dari login page wordpress yang seperti ini :
Sebenarnya kita bisa merubah tampilannya agar sesuai dengan desain brand dan logo dari website kita menjadi seperti ini :
Jika kalian memiliki klien atau sekedar ingin merubah tampilan desain nya maka video tutorial kali ini sangat tepat buat kalian, sebelumnya kalian bisa subscribe chanel saya like komen dan share videonya untuk tips dan trik wordpress berikutnya terima kasih
caranya di langkah pertama tkita login dulu ke wordpress
easywebsi/suputra, ow ya jika kalian ingin merubah link wp-admin dengan nama sendiri seperti ini bisa diikuti tutorialnya di link ini yg juga saya lampirkan pada deskripsi
sekarang pada dashboard langsung hover ke plugin lalu klik add new di search boxnya ketik erident seperti in enter, ini dia plugin nya erident custom login & dashboard
sekrang klik instal dan aktifkan lalu hover ke setting dan klik ini custom login & dashboard atau bisa juga dari plugin ini klik setting
pada setting sebenarnya yg perlu kalian perhatikan itu setting pada login screen background,
login screen logo dan login form setting
dashboard setting ini untuk text pada dashboard wordpress dibawah ini misal ini saya ganti menjadi crafted by easywebsi.com lalu save maka text dibawah akan berganti seperti ini jadi dashboard setting fungsi hanya itu saja.
lalu di login screen background sebentar saya akan buka wp login di chrome saja agar saya tidak bolak balik login… ini yg dimaksud login screen background
untuk backgroundnya kalian bisa menggunakan warna solid pilih warnanya disini
atau background image saya pilih dengan background image, upload filenya usahakan untuk Bacground cover buat dengan ukuran1920 x 1080 px ya, ini saya pilih no repeat posisi background saya biarkan default saja
background size : untuk sizenya ini ada value yg bisa kita isi saya akan ketik cover agar image mengcover semua backgroundnya, login screen logo itu yang ini ya teman2 logo yg berada diatas ini
saya tambahkan dulu klik add logo untuk logo sebaiknya gunakan png file agar transparant tanpa bg seperti ini logo width saya pakai 350 tinggin nya 70 px saya rasa cukup ya
powered text saya ganti ini menjadi nama website saya saja sebagai contoh sebelum lanjut saya save dulu saya mau chek tampilannya, sekrang saya referesh dulu di sini
yap background & logonya sudah berubah ya teman2 tinggal kita setting login formnya saja, box inilah yg dimaksud dengan login form.
sekarang ke setting login form disini kita bisa rubah ukuran width misal menjadi 400 px dan border radiusnya saya buat tetap saja 10 px login border style kalian bisa pilih tanpa border none, atau pilih solid, dotted, dahsed atau doble saya akan pilih solid saja ketebalan garis bordernya saya buat 2 px sja login border color default saja
login form background color ow ya untuk background ini kalian bisa gunakan warna juga image saya contohkan jika menggunakna image upload disini
saya akan gunakan background dengan warna saja pilih warnaya saya akan set opacity atau tingkat transparasinya untuk dsisni kita bisa set dari 0 – 1 dengan 0,5 berarti 50% tingkat transparasinya saya akan gunakna 0,4 saja
login form background ini tidak berpengaruh karena saya tidak mengggunakan image
posisi default saja
untuk text color saya akan pilih warna putih kalian bisa gunakan warna apa saja yg pas
text size saya akan perbersar sedikit dari ukuran defaultnya menjadi 18 px
inpu text color default saja
input text sizenya jadi 24 px
login. form link color ini putih saja
shadownya saya off kan saja centang no
untuk button ato tombol log innya saya akan pilih warna ini agar lebih terang… sorry ini diatas ini berarti border nya saya pilih warna ini saja
login button text putih saja
hide register dan back to your website saya biarkan no,
Ok saya rasa sudah semua ya teman2 settingnya sekarang klik save changes
Refresh dulu pagenya ya sekarang sudah seperti yg saya setting login page wordpress dengan tampilan background dan logo yg saya inginkan, cara ini juga bisa diterapkan pada website wordpress yg kalian miliki sehingga tampilan nya menjadi lebih serasi dengan brand dan logo website kita,
nah dari sini saya akan logout dulu.. yap ini dia dengan tampilan login page yg baru
Ok…sampai disini dulu sampai jumpa di video berikutnya.