WordPressをインストールして、ログイン画面を表示するとWordPressのロゴマークが表示されます。
このWordPressのロゴをオリジナルの画像に変更する時の方法をメモします。
また、ロゴに設定されているリンク先やtitle属性を変更する方法も記載します。
お客様に管理画面の情報を渡す場合など、WordPressのロゴではなく独自のロゴを設定したい時に活用できます。
■ WordPressログイン画面のロゴを変更
ロゴに使用する画像を用意し、テーマディレクトリ内に設置します。
使用しているテーマの「functions.php」に下記のコードを記述します。
1 2 3 4 5 6 7 8 | 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ファイルを使用しているテーマディレクトリ内に設置します。
1 2 3 4 | 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に追加
1 2 3 4 | function login_logo_url() { return get_bloginfo('url');}add_filter('login_headerurl', 'login_logo_url'); |
「get_bloginfo(‘url’)」でブログのURLを設定しています。
■ ロゴのtitle属性を変更する場合
ロゴのtitle属性をブログの名前に変更する時の方法です。
※functions.phpに追加
1 2 3 4 | function login_logo_title(){ return get_bloginfo('name');}add_filter('login_headertitle','login_logo_title'); |
「get_bloginfo(‘name’)」でブログのサイト名を設定しています。
「wp-admin」ディレクトリ内のファイルを編集してもいいのですが、
WordPressをバージョンアップした時に編集した内容が上書きされてしまうので、
ロゴマークを変更したい場合は上記の方法で設定するといいと思います。