ログインフォームカスタマイズ

  • Updated: 2022.10.10
  • Published: 2021.08.11
  • 219views
  • WordPress

WordPressのログインフォームのカスタマイズします。

手順

  1. フック「login_enqueue_scripts」で外部スタイルシートを読み込み
  2. 外部スタイルシートでロゴを変更
  3. ロゴのリンク先を変更

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' );

関連記事

人気の投稿

最新の投稿

タグ

月別アーカイブ

Contact

WEB制作の依頼など気軽にお問い合わせください。

お問い合わせ