wordpress:ログイン画面やダッシュボードのロゴを変更する方法

以前ログイン画面のロゴ表示を変えるプラグインを紹介したことがありましたが
今回はテーマのfunction.phpにて設定することで ログイン画面とダッシュボードのwordpressのロゴを変更してしまう方法です。

つまり そのテーマを設定する事でダッシュボードのロゴが切り替わるということです。

ログイン画面のロゴ変更

画像はテーマフォルダ内imagesに置くのが良いので下記はその例です。
画像のサイズは326×82pxです 拡張子はなんでも。
個人で使ってる方がカスタマイズする分にはメディから追加した画像でも構いません。

function.php内に下記の記述を加えます。変更したらログアウトしてみましょう。ニンマリ出来ます。
下記の記述はテーマファイルのimagesフォルダに画像を入れている場合です。

[php]
// login logo
function custom_login_logo() {
echo ‘<style type="text/css">h1 a { background: url(‘.get_bloginfo(‘template_directory’).’/images/画像ファイル名) 50% 50% no-repeat !important; }</style>’;
}
add_action(‘login_head’, ‘custom_login_logo’);

[/php]

ダッシュボードのロゴを変更する方法

画像のサイズはバージョンによって異なります。最新バージョンでは16×16が良いようです。 拡張子はなんでもですがgifとかpngの透過画像が良いでしょう。
これまたfunction.php内に下記の記述を加えます。ファイルを更新ボタンを押すとすぐに反映されていて これまたニンマリ出来ます。
下記の記述はテーマファイルのimagesフォルダに画像を入れている場合です。

[php]//dashboard header logo
add_action(‘admin_head’, ‘my_custom_logo’);
function my_custom_logo() {
echo ‘<style type="text/css">#header-logo { background-image:url(‘.get_bloginfo(‘template_directory’).’/images/画像ファイル名) !important; }</style>’;
}
[/php]

may the force be with you…

テーマのカスタマイズ等のご相談/お問い合わせはこちら
個人の方でもお気軽にご相談ください

   2012/03/13