WordPress:ログイン画面のWordPressロゴマークを変更する

WordPressをインストールして、ログイン画面を表示するとWordPressのロゴマークが表示されます。

wordpress_admin_logo_1

このWordPressロゴオリジナルの画像に変更する時の方法をメモします。

また、ロゴに設定されているリンク先title属性を変更する方法も記載します。

お客様に管理画面の情報を渡す場合など、WordPressのロゴではなく独自のロゴを設定したい時に活用できます。


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

ロゴに使用する画像を用意し、テーマディレクトリ内に設置します。

使用しているテーマの「functions.php」に下記のコードを記述します。

function login_logo_image() {
    echo '<style type="text/css">
            #login h1 a {
                background: url(' . get_bloginfo('template_directory') . '/login_logo.png) no-repeat !important;
            }
    </style>';
}
add_action('login_head', 'login_logo_image');

ロゴのサイズによってうまく表示されない場合は、
widthやheightなどを追加してスタイルを調整します。

また、CSSファイルを読み込んでスタイルを指定することも可能です。
CSSファイルを使用しているテーマディレクトリ内に設置します。

function admin_login_css() {
    echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo("template_directory") . '/admin_login.css">';
}
add_action('login_head', 'admin_login_css');

ロゴのリンク先を変更する場合

デフォルトではWordPressへのリンクが設定されています。

下記はブログのTOPページのURLを設定する時の方法です。

※functions.phpに追加

function login_logo_url() {
	return get_bloginfo('url');
}
add_filter('login_headerurl', 'login_logo_url');

「get_bloginfo(‘url’)」でブログのURLを設定しています。


ロゴのtitle属性を変更する場合

ロゴのtitle属性をブログの名前に変更する時の方法です。

※functions.phpに追加

function login_logo_title(){
	return get_bloginfo('name');
}
add_filter('login_headertitle','login_logo_title');

「get_bloginfo(‘name’)」でブログのサイト名を設定しています。


「wp-admin」ディレクトリ内のファイルを編集してもいいのですが、
WordPressをバージョンアップした時に編集した内容が上書きされてしまうので、
ロゴマークを変更したい場合は上記の方法で設定するといいと思います。