tulisan berjalan

Cara Merubah Tampilan Halaman Login Blog WordPress

WordPress memang memberikan begitu banyak kemudahan bagi penggunanya. Dengan begitu mudah kita bisa menambahkan atau merubah tampilan dari wordpress tanpa harus mengerti bahasa pemrograman. Hal ini dapat dilakukan dengan bantuan plugin.
Kali ini plugin yang akan saya bahas adalah sebuah plugin yang dapat merubah tampilan halaman login dari wordpress. Plugin ini bernama custom admin branding. Selain dapat merubah tampilan default halaman login, plugin ini juga bisa merubah tampilan header dan footer pada blog yang anda buat.
Anda tertarik menggunakannya? Sedikit informasi, blog ini juga menggunakan plugin ini bro!!! Ia kan bro satrya?
Ritual pertama yang harus dilakukan adalah mendownload plugin custom admin branding yang terdapat di http://wordpress.org/extend/plugins/custom-admin-branding/. Setelah selesai didownload ekstrak file hasil download menggunakan winrar, winzip ataupun program sejenisnya. Selesai ekstrak maka akan terdapat sebuah folder yang bernama custom-admin-branding. Didalam folder tersebut terdapat beberapa file dan folder.
Cari folder yang bernama psd_image_templates yang didalamnya terdapat tiga buah file berformat PSD (photoshop). Buka ketiga file tersebut menggunakan program Adobe Photoshop. Kalau anda tidak memiliki program adobe photoshop berarti anda harus mencari terlebih dahulu program tersebut bro….. Tapi saya yakin bro pasti mempunyai program tersebut.
Pertama kali yang akan kita lakukan adalah merubah tampilan default halaman login. Buka file yang bernama custom_login.psd, timpa gambar tersebut dengan gambar yang ingin anda gunakan. Pada contoh ini saya menggunakan gambar yang telah terlebih dahulu saya edit menggunakan adobe photoshop, tampilannya akhirnya seperti ini
Yang perlu bro perhatikan waktu menimpa gambar usahakan agar supaya gambar utama pada bagian atas jangan melewati garis putus-putus. Perhatikan gambar berikut ini.

Karena setelah garis putus-putus sebagian gambar anda akan tertimpa dengan kotak input username dan pasword untuk login.
Setelah selesai simpan gambar tersebut dengan format JPEG/JPG. Agar file yang disimpan ukurannya bisa lebih diperkecil maka simpan gambar tersebut dengan cara pilih file kemudian pilih safe for web & devices. Dengan cara ini maka ukuran gambar dapat lebih kecil dibandingkan dengan anda memilih file kemudian save as. Anda bisa menamakan file tersebut sesuka anda bro.
Hal berikutnya adalah merubah gambar header dan footer. Caranya sama saat kita mengubah tampilan halaman default login admin. Perbedaannya adalah setelah anda selesai mengedit file custom_header (merubah header halaman admin) dan file custom_footer (merubah footer halaman admin) file tersebut disimpan dengan format PNG.
Selanjutnya bro copy ketiga gambar yang telah selesai diedit ke folder images pada folder plugin (custom-admin-branding). Langkah selanjutnya mengupload plugin custom-admin-branding ke diektori plugin wordpress /Wp-content/plugins. Setelah itu aktifkan plugin custom-admin-branding. Setelah plugin tersebut aktif langkah terakhir yang harus dilakukan adalah merubah setting dari plugin custom-admin-branding.
Hal-hal wajib yang harus anda ganti pada bagian ini adalah pada bagian field Form Background, admin header logo, admin footer logo. Ganti dengan nama file gambar yang anda buat menggunakan adobe photoshop. Yang lainnya bisa anda abaikan jika anda tidak tertarik merubahnya.
Namun jika anda tidak ingin merubah gambar default dari plugin custom-admin-branding maka begitu anda selesai mendownload plugin ini anda bisa langsung upload dan mengaktifkan plugin tersebut.
Semoga Bermanfaat !

Tidak ada komentar: