ダッシュボードのヘッダーロゴをオリジナルに変えるんだもん!WPハック


wordpressのダッシュボードのヘッダーにあるwordpressのロゴマークが気になったので、オリジナルに変更する方法。
超簡単なので、wordpress初心者のも安心♪
これでクライアントに納品しても、手抜き感は無くなってご仕事増えるかもしれません(笑

ダッシュボードのWordpressのロゴがジャマだ!

お使いのテーマのfunctions.phoに以下のコードを追記

/** ダッシュボードのheaderロゴをオリジナルロゴに変更する **/
function custom_admin_head() {
	echo '<style type="text/css">#header-logo { background-image: url('.get_bloginfo('template_directory').'/img/admin-logo.png) !important; }</style>';
}
add_action('admin_head', 'custom_admin_head');

こうなった。
ダッシュボードのヘッダーロゴがオリジナルに変わった!

初心者向けの解説

3行目のget_bloginfo(‘template_directory’)は、テーマを置いているディレクトリを呼んでいますので、テーマディレクトリの中に画像を格納するファルダ(この場合は、imgね)を置いて、ロゴ画像を入れてちょうだい。
サンプルでは、/img/admin-logo.pngがロゴの画像になります。

ロゴのサイズは16px*16pxでいいんじゃないかな。
画像を新たに作るのが、面倒と言う方はfaviconを使ってもいいかもしれん(favicon.iconだとちとマズいけど)


Facebook comments:

Leave a Reply

※コメントが認証されるまで、コメントは反映されません。






ポートフォリオを見る