WordPressのログイン画面のロゴをカスタマイズする

NO IMAGE

WordPressのログイン画面を開くとフォームの上に「W」マークのロゴがあります。
これを変更するコードを紹介します。

目次

コード

// ロゴの画像を変更する
function login_logo_image() {
    echo '<style type="text/css">
            #login h1 a {
                background: url(' . get_bloginfo('template_url') . '/images/logo.svg) no-repeat; // 変更したいロゴのurl
                // ここから下はロゴに合わせて変更
                background-size: contain;
                background-position: center;
                height: 64px;
                margin: 0 auto 20px;
                width: 242px;
            }
    </style>';
}
add_action('login_head', 'login_logo_image');

// ロゴのurlを変更する
function login_logo_url() {
    return '/';
}
add_filter('login_headerurl', 'login_logo_url');

// ロゴのタイトルを変更する
function login_logo_title(){
    return 'NATIONS';
}
add_filter('login_headertitle','login_logo_title');