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

WordPress(RSS)を好んで使用しますのでソフトウェアとは別にトピックを独立させています

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

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)

頂いたコメント
トラックバック
お読み下さい

【数行のコードでサクッとWordPressの管理画面ロゴを変える方法】へのコメント 3

會澤賢一

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

引用

10-01-05 » 3:05 PM »
シロ

＞會澤賢一さん

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

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

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

引用

10-01-29 » 7:45 AM »