Cara Merubah Desain Halaman Login WordPress

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. 

Leave a Comment

Your email address will not be published. Required fields are marked *