WordPressのログインフォームのカスタマイズします。
手順
- フック「login_enqueue_scripts」で外部スタイルシートを読み込み
- 外部スタイルシートでロゴを変更
- ロゴのリンク先を変更
1.フック「login_enqueue_scripts」で外部スタイルシートを読み込み
今回は外部スタイルシートlogin.cssを読み込むように設定します。
function login_form_style() {
wp_enqueue_style( 'login_form_css', get_template_directory_uri() . '/assets/css/login.css');
}
add_action('login_enqueue_scripts', 'login_form_style');2.外部スタイルシートでロゴを変更
.login h1 a{
background: url("/assets/img/lg_ilr.svg") no-repeat center center;
background-size: 100%;
}3.ロゴのリンク先を変更
デフォルトでは、ログインフォーム上のアイコンをクリックすると、http://ja.wordpress.org/ に遷移するのでリンク先を変更。get_bloginfo( ‘url’ )の設定でサイトトップへのリンクを指定
function custom_login_logo_url() {
return get_bloginfo( 'url' );
}
add_filter( 'login_headerurl', 'custom_login_logo_url' );
