WordPress Snippet

ワードプレスをカスタマイズしよう

ログイン画面のカスタマイズ



ログイン画面用のCSSで表示をコントロールするど

テーマのstyle.cssと同じ階層に、login.cssを作ります

/* CSS Document */

.login h1 a{
background:none;
}

functions.phpに以下のコードを追加します。

add_action( 'login_head' , 'my_login_style' );

function my_login_style( ){
	wp_register_style( 'my-login-style',						                get_template_directory_uri().'/login.css', 
			array(),
			0.1,
			'all' );
	wp_enqueue_style( 'my-login-style' );
}

Memo

WordPress のコアファイル(wp-includes/default-filters.php)では、ログイン用のアクションフックが以下のように使われています。

// Login actions
add_action( 'login_head','wp_print_head_scripts',9 );
add_action( 'login_footer', 'wp_print_footer_scripts', 20 );
add_action( 'login_init','send_frame_options_header', 10, 0 );

[emulsion_relate_posts]