数行のコードでサクッとWordPressの管理画面ロゴを変える方法

Cat: » WordPress, カスタマイズ
Day:12月 25, 2009

Web制作を受注した際などに
WordPressを使っていると
管理画面のロゴが気になる
方もいらっしゃるのでは無いかと
思います。お客さんの指定した
ロゴを使えば喜んでもらえそう。

その管理画面のロゴをサクッと変える方法です。プラグインは使わず、数行のコードとロゴ画像を追加するだけ。
ログインフォームは過去記事をご覧下さい。

WordPressの管理画面ロゴを変える方法

logoa

方法は至って簡単。以下のコードを利用中のテーマ内のfunctions.phpに加えます。

<?php
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/admin-logo.gif) !important; }
</style>
';
}
?>

オレンジの部分がロゴ画像になりますので上記の場合はwp-content/themes/yourtheme/images/内にadmin-logo.gifという画像ファイルを加えています。実装が以下。

この記事の為に急遽用意したので酷い画像です・・・

ロゴ画像は30×30pxくらいが丁度いいです。gifやpngで透過させるとそれっぽくなります

WPの仕様が大きく変更されない限り、アップグレードしてもテーマが変わらなければロゴも変わらないと思います。コア部分は上書きされるのでこの方が楽かなぁと。

納品するなら覚えておいて損は無いと思います。

(via:smashingmagazine)

會澤賢一より:

2010 年 1 月 5 日 3:05 PM

WP 2.9.0で他のなんかとぶつかっているのか、ロゴを表示しようとするページへの変移が、極めて不安定になってしまいました。
このカスタマイズを外したら安定したりしておりますです。WP初心者でございます故、何ら参考にならぬと思いますが、一応報告だけ。會澤賢一

返信
シロより:

2010 年 1 月 29 日 7:45 AM

＞會澤賢一さん

コメント有難う御座います

會澤賢一: WP 2.9.0で他のなんかとぶつかっているのか、ロゴを表示しようとするページへの変移が、極めて不安定になってしまいました。
このカスタマイズを外したら安定したりしておりますです。WP初心者でございます故、何ら参考にならぬと思いますが、一応報告だけ。

むむ。。そうでしたか・・時間が有る時に調べてみますー。貴重なご意見ありがとうですシロ

返信