Mengganti Logo Login WordPress

Anda bisa menggunakan kode CSS kustom untuk mengganti tampilan login WordPress default. Namun, kami tidak menyarankan metode ini kalau Anda belum familiar dengan coding.

Untuk melakukannya, Anda perlu menambahkan kode kustom ke file functions.php tema WordPress.

1. Buka folder tema WordPress yang saat ini digunakan. Di tutorial ini, tema yang kami gunakan adalah twentytwentyone-child.
2. Buat folder untuk logo dengan mengklik ikon Folder baru di sisi kiri layar. Beri nama images, lalu klik Buat.
3. Pindahkan logo Anda ke folder baru tersebut.
4. Kembali ke folder child theme, klik dua kali file functions.php.
5. Copy-paste cuplikan kode berikut ini sebelum simbol ?>. Ganti your-logo.png dengan nama file logo Anda:

function my_login_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/your-logo.png);
		height:125px;
		width:125px;
		background-size: 125px 125px;
		background-repeat: no-repeat;
        	padding-bottom: 30px;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );

6. Di bawah potongan kode di atas, tambahkan kode berikut ini sehingga link logo mengarah ke website Anda:

function my_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'my_login_logo_url' );

function my_login_logo_url_title() {
    return 'Your Site Name and Info';
}
add_filter( 'login_headertext', 'my_login_logo_url_title' );

7. Klik ikon save untuk menyimpan perubahan.