4 Langkah Mudah Mengganti Logo WordPress Tanpa Plugin
Untuk membuat instalasi wordpress anda lebih personal, apalagi jika anda menggunakan WordPress untuk client anda dan bukan untuk anda sendiri, ada baiknya jika membuat login screen dengan logo brand anda sendiri untuk lebih kelihatan professional.
Berikut adalah tutorial 4 langkah mudah untuk membuat custom logo tanpa menggunakan plugin apapun.
1. Buat file functions.php
Langkah pertama yang harus anda lakukan adalah membuat file ‘functions.php’ pada theme anda jika belum ada.
2. Overide CSS
Didalam file ‘functions.php’ tambahkan fungsi sebagai berikut untuk meng-overide style untuk logo :
<?php
function custom_login_logo()
{
echo '<style type="text/css">'.
'h1 a { background-image:url('.get_bloginfo('template_directory').'/images/custom-logo.png) !important; }'.
'</style>';
}
add_action('login_head', 'custom_login_logo');
?>
3. Update Link & Title
Pada logo login wordpress default akan menuju website WordPress.org dng title “Powered by WordPress”, tentu ini
juga harus kita ganti :
<?php
function update_wp_login_url()
{
echo bloginfo('url');
}
function update_wp_login_title()
{
echo get_option('blogname');
}
add_filter('login_headerurl', 'update_wp_login_url');
add_filter('login_headertitle', 'update_wp_login_title');
?>
4. Upload File Logo
1 langkah terkahir tentu saja upload file logo anda ke dalam folder ‘images’ pada theme anda, perlu diketahui ukuran default logo login wordpress adalah 310px X 70px.
Jika anda ingin membuat logo lebih besar pastikan tambahkan ukuran pada cssnya juga, misal :
<?php
function custom_login_logo()
{
echo '<style type="text/css">'.
'h1 a { background-image:url('.get_bloginfo('template_directory').'/images/custom-logo.png) !important; height:200px;width:400px}'.
'</style>';
}
?>
Full Code :
<?php
function custom_login_logo()
{
echo '<style type="text/css">'.
'h1 a { background-image:url('.get_bloginfo('template_directory').'/images/custom-logo.png) !important;}'.
'</style>';
}
add_action('login_head', 'custom_login_logo');
function update_wp_login_url()
{
echo bloginfo('url');
}
function update_wp_login_title()
{
echo get_option('blogname');
}
add_filter('login_headerurl', 'update_wp_login_url');
add_filter('login_headertitle', 'update_wp_login_title');
?>
Dengan begini anda sudah mempunyai custom login logo pada wordpress seperti ini
Punya pendapat atau tips tentang custom logo yang bisa anda bagi? Tulisan ini bermanfaat untuk anda? Silahkan komentar di bawah.
PertamaXXX!!
kerennnnnnn
boleh disave-as ga ya
Di bookmark bos
ginian kok di save as. yakin jadi file numpuk di komputer yang jarang kebuka nanti kalo nyari. Mendingan di bookmark
Menarik, meski tampilan ini hanya nampak oleh user saat login saja…
Ribet banget ya pake cara barbar lbh gampang, masuk ke folder "wp-adminimages"
tumpuk gambar/logo sesuai logo anda, beres kan…
nggak keren pon
. Semisal klien nggak punya akses ke file manager kan pas ganti theme logonya bakalan tetap.. nggak ngikuti themenya. Jadi tergantung kebutuhan.
Bener juga poniman sebenernya. Kalo bikinin untuk client dan kita bilang itu static website, ya gak perlu ribet
Wah cara bung Poniman emang betul …. betul-betul 'unik' :p
wah caranya bang poniman lebih simpel, akurat, tepat dan cepat,,,
tp bagi orang yg suka coding cara itu kurang menarik,cz g berhubungan dg script. lo pake cara ini lebih memuaskan.
Satu langkah aja juga bisa bos, langsung di tindih aja file image di wordpress dengan image pilihan kita, aku udah nyoba, tapi cuma bisa pake wp self host
dicoba dl ya gan..
Kebetulan blog wp saya belum memiliki page functions.php sepertinya harus dibuat ni, kira2 diupload dibagian mana ya apakah melalui server hosting ?
terima kasih