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

Ads

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という画像ファイルを加えています。実装が以下。
logo
この記事の為に急遽用意したので酷い画像です・・・
[note]ロゴ画像は30×30pxくらいが丁度いいです。gifやpngで透過させるとそれっぽくなります[/note]
WPの仕様が大きく変更されない限り、アップグレードしてもテーマが変わらなければロゴも変わらないと思います。コア部分は上書きされるのでこの方が楽かなぁと。

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

(via:smashingmagazine)