ログイン画面専用のCSSを読み込む

クライアントワークでは、ログイン画面のロゴをサイトのロゴに差し替えたり、コーポレートカラーに合わせたりすることがあります。

ログイン画面専用の CSS ファイルを読み込む方法です。

手順

1. CSS ファイルを作成

themes/
└── theme-name/
    └── css/
        └── login-style.css  ← これを作成

2. functions.php に追加

/**
 * ログイン画面用の CSS を読み込む
 */
function add_login_screen_css() {
	wp_enqueue_style(
		'custom-login-style',                              // ハンドル名（任意）
		get_template_directory_uri() . '/css/login-style.css', // CSSファイルのパス
		array(),                                           // 依存するCSS（なし）
		'1.0.0'                                            // バージョン
	);
}
add_action( 'login_enqueue_scripts', 'add_login_screen_css' );

CSS ファイルのパスは、テーマのフォルダ構成に合わせて変更してください。