• かちびと.net

    数行のコードでサクッとWordPressの管理画面ロゴを変える方法をご紹介します。納品するのであれば覚えておいて損は無さそう。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

数行のコードでサクッと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という画像ファイルを加えています。実装が以下。
logo
この記事の為に急遽用意したので酷い画像です・・・

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

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

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

(via:smashingmagazine)

URL :
TRB :

Comments & Trackbacks (4)

  1. 會澤賢一

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

  2. シロ

    >會澤賢一さん

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

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

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

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services