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

WordPressのログイン画面の「W」ロゴを、別のロゴに変更するやり方です。

クライアントのサイトロゴにしても良いし、自分の好きなアイコンにしても良いと思います。

今回はプラグインなしで、functions.phpに以下のコードを貼り付けて実装します。

/* =================================
  ログイン画面カスタマイズ
================================= */
function login_logo_image() {
    echo '<style type="text/css">#login h1 a { background: url('.get_bloginfo('template_url') . '/images/logo.png) no-repeat;width:320px;height:53px;background-size:100%; }</style>';
}
add_action('login_head', 'login_logo_image');
// ロゴのリンク先を指定
function my_login_logo_url() {
 return get_bloginfo( 'url' );
}
add_filter( 'login_headerurl', 'my_login_logo_url' );
// ロゴのtitleテキストを指定
function my_login_logo_tit() {
 return get_option( 'blogname' );
}
add_filter( 'login_headertitle', 'my_login_logo_tit' );

ログイン画面のロゴを、テーマのimagesディレクトリに置きます。

ファイル名、画像のサイズにあわせて、上のコードを変更してください。

ロゴのリンク先とtitleテキストもサイトに合わせて変更!

今回、クライアントワークで2つの似たようなサイトを別ドメイン、別WPで構築したため、ログイン画面をカスタマイズは大いに助かりました。。

(ちょっと遊んでみました)

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA