wpJakarta – Ganti Logo Dan Link Form Login WordPress. Dengan WordPress perkara membangun sebuah website memang jadi lebih mudah. Setelah urus urusan sewa hosting, install WordPress, tulis blog, dan langsung Live. Tapi pada beberapa bagian dari WordPress, ada tampilan-tampilan yang bikin bosen alias kurang enak dilihat.
Salah satunya adalah halaman form login (wp-login.php). Dengan tampilan background yang kurang enak dilihat, plus ada logo W bulat dengan link yang mengarah ke situs wordpress.org. Rada aneh juga karena form login tersebut sudah jadi bagian dari website kita dan seharusnya menampilkan logo dan link yang mencerminkan properti website kita.
Tapi tenang, jika kita mau merubahnya, itu perkara yang sangat mudah. Siapa bilang pake WordPress itu mentok alias nggk bisa kustom. Justru WordPress sangat menyenangkan karena bisa di kustom tanpa batas.
Baca Juga :
Ganti Logo Dan Link Form Login WordPress
Jika anda ingin meng ganti logo dan link yang ada pada form login website wordpress anda, silahkan ikuti trik sederhana berikut :
- Siapkan logo dalam bentuk png atau jpg yang ingin anda tempel diatas form login.
- Upload logo tersebut ke file media website anda.
- Ambil atau copy link file logo yang sudah di upload, misalnya : “https://nama-domain.com/wp-content/uploads/2019/12/logo_login.jpg”
Pertama tambahkan kode fungsi berikut pada file function.php :
/* -------------------- Kustom Halaman Login WordPress ------------------- */
if ( !function_exists( 'wpj_custom_login_style' ) ) {
function wpjakarta_custom_login_style() {
//echo 'CSS CODE…';
}
}
add_action('login_head', 'wpj_custom_login_style');
Lalu pada masih pada file function.php yang sama, masukan kode berikut :
/* ----------------------------- Ganti Logo ------------------------------ */
function wpj_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(https://example.com/path/to/suatu_logo.png);
height:80px;
width:320px;
background-size: 320px 80px;
background-repeat: no-repeat;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);border-radius: 5px;}
</style>
<?php
}
add_action('login_head', 'wpj_login_logo');
Selanjutnya adalah merubah link dibalik logo tersebut, tambahkan dibawah kode yang sudah anda buat diatas :
/* ----------------------------- Ganti URL ------------------------------ */
function wpj_login_url() {
return home_url();
}
add_filter('login_headerurl', 'wpj_login_url');
function wpj_login_title() {
return get_option('blogname');
}
add_filter('login_headertitle', 'wpj_login_title');
Note :
- Ganti wpjakarta.com dengan aktual nama website anda.
- Anda bisa mengatur tinggi (height) dan lebar (width) logo sesuai dengan form login yang ada di bawahnya.
- Sekarang logo anda sudah menggantikan logo huruf “W”, jika logo tersebut jika di klik akan menuju homepage website anda.