2012.11.22

WordPressログイン画面のロゴを変更する

WordPressのログイン画面のカスタマイズをしてみましょう。 クライアントさんに納品する際に、ログイン画面にWordPressのロゴがあからさまに出ているのはちょっと・・・

WordPressログイン画面

見た目がよろしくない

ということで、ここをクライアントさんに合わせてカスタマイズしてあげます。

  

『WordPressログイン画面のロゴを変更する』(現時点 WordPress 3.4.1)

functions.phpに以下のコードを貼り付け！

1
2
3
4
5
6
7
8
9
//ログイン画面のロゴの変更
add_action('login_head', '_login_head');
function _login_head() {
 echo '<style type="text/css">
 #login h1 a {
 background: transparent url('.get_stylesheet_directory_uri().'/images/custom-login-logo.jpg) top center no-repeat;
 background-size: auto; width:auto; height:100px;
 }</style>';
}

これでOK！

ロゴ画像の大きさは312×82です。 画像の名前やパスも自分のファイル構成に合わせて変更してくださいね。

あとはちゃんと変わったか確認。

WordPressログイン画面

こっちのほうがいいですよね

  

一応、現時点で最新バージョンのWordPress 3.4.1を使用していますが、バージョンアップすると上記コードが使えなくなる可能性があります。画像の大きさも変わったりしているようです。 今までもバージョンアップしたらロゴが戻っちゃってる！ってことがありましたので・・・その辺は臨機応変にお願いします。

一覧へ戻る