Mengganti Logo di Halaman Login Admin dari Functions
Dalam tutorial sebelumnya tentang Mengganti Logo di Halaman Login Admin WordPress 3.5.1 telah dijelaskan tentang cara mengganti tampilan logo pada halaman login admin. Namun dikarenakan versi yang terus berkembang dari CMS WordPress ini terkadang akan hilang ketika kita melakukan update ke versi WordPress yang lebih tinggi dan cara tersebut terkadang juga mengalami kegagalan seperti yang beberapa pembaca informasikan ke kami. Ada sebuah cara ampuh untuk mengganti tampilan logo standar yang menampilkan logo WordPress dengan logo kreasi Anda sendiri dan dijamin akan membuat tampilan login admin blog atau web yang dibuat dengan WordPress menjadi terlihat “berbeda”.
Beberapa hal yang Anda perlukan sebelum melakukan langkah ini adalah sebagai berikut :
- Lihat di dalam file penyusun theme WordPress anda dan cari sebuah file dengan nama functions.php (file ini biasanya terletak menjadi satu dengan theme yang anda gunakan dan terletak di dalam root/wp-content/theme/folder theme anda)
- Simpan logo pengganti di dalam folder images yang ada di dalam folder theme Anda (biasanya di dalam folder theme anda terdapat sebuah folder dengan nama “images”)
- Usahakan gambar logo pengganti memiliki ukuran proporsional sesuai dengan ukuran logo WordPress yang akan diganti (saya menggunakan gambar dengan nama “logo.png” dan memiliki ukuran lebar 180 pixel dan tinggi 43 pixel)
Setelah semua persiapan siap kini kita mulai saja langkah-langkah mengubah logo WordPress di halaman administrator web Anda
- Pertama-tama bukalah file “function.php” dengan editor html seperti Adobe DreamWeaver atau Notepad. Disini saya akan menggunakan notepad dengan cara klik kanan – Open with – Notepad.
- Berikutnya masukkan kode berikut di dalamnya :
function my_login_logo() { ?>
< style type="text/css">
body.login div#login h1 a {
background-image: url(/images/logo.png);
padding-bottom: 30px;
}
< /style>
< ?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );
function my_login_logo_url() {
return home_url();
}
add_filter( 'login_headerurl', 'my_login_logo_url' );
function my_login_logo_url_title() {
return 'Rajadigital';
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );
? >
Cukup. Selesai… Kini saatnya memasukkan file gambar “logo.png” ke dalam folder images di folder theme Anda, dan file “functions.php” ke dalam folder theme di server.
- Anda dapat menggunakan program FTP seperti Filezilla untuk masuk kedalam web anda. Anda dapat juga menggunakan menu File Manager dalam Cpanel web anda untuk masuk ke halaman control panel web anda
- Setelah anda terhubung ke dalam web anda, kemudian replace file functions.php ke dalam directory “/public_html/wp-content/ThemeAnda”
- Masukkan juga file “logo.png” ke dalam folder images di dalam server anda
- Refresh web Anda!
Untuk hasil yang lebih baik Anda dapat mengubah seluruh tampilan web dengan menggunakan CSS seperti terlihat pada tampilan berikut ini.
Demikian langkah yang dapat Anda lakukan untuk meng-“custom”-isasi tampilan halaman login admin WordPress anda. Saran dan kritik dipersilahkan untuk ilmu pengetahuan yang lebih baik.
Selamat mencoba
Leave a Reply