Learning site for website creation

ログイン画面カスタマイズ-WordPress

公開日:2017年11月16日

functions.phpに下記コードを記述

/*********************************
  ログイン画面:ロゴ変更
**********************************/
function custom_login_logo() { ?>
    <style>
        .login #login h1 a {
            width:261px;
            height:261px;
            background:url(<?php echo get_stylesheet_directory_uri(); ?>/img/logo.png) no-repeat 0 0;
            background-size:261px auto;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'custom_login_logo' );


/*********************************
  ログイン画面:ロゴリンク変更
**********************************/
function custom_login_logo_url() {
    return get_bloginfo( 'url' );
}
add_filter( 'login_headerurl', 'custom_login_logo_url' );