WordPress

functions.phpからWordPressのログイン画面のロゴと背景を変更

March 9, 2018

functions.phpからWordPressのログイン画面のロゴと背景を変更
WordPressのログイン画面はデフォルトだとWordPressのロゴとフォームのみのシンプルなものです。このロゴ部分と背景をfunctions.phpに一部追加/変更するだけでオリジナルのログイン画面に変更することができます。

functions.php

functions.phpに以下の記述を追加します。

function login_logo() {
echo '<style type="text/css">
.login { background-color: #034ceb; } //背景
#login h1 a { background: url('.get_template_directory_uri().'/img/login_logo.png) no-repeat; } //ロゴ
</style>';
}
add_action('login_head', 'login_logo');
  1. 3行目のbackground-colorをbackground-imageにすれば画像への変更も可能。
  2. 4行目のロゴのURLは任意のものに変更してください。
  3. #backtoblogdisplay: none;にすると← ウェブサイト名に戻るを隠せます。

簡単に変更可能なので是非やってみてください。