UPDATE 2014年4月11日
WordPress管理画面のロゴをオリジナルに変更する
WordPressをクライアントさんに納品するときは、管理画面の見た目もクライアントさん仕様にしてあげると喜ばれる(と思っている)はず。
ログイン画面のWordPressのロゴとログイン後の管理画面左上のホームアイコンを変更するにはfunctions.phpに下記を記述します。
あと、ログイン画面のWordPressロゴをクリックするとwordpress.orgにリンクしちゃってクライアントさんを混乱させちゃうので、これも自分のサイトへのリンクに変更します。
/** * ログインページのロゴとリンク先URLを変更する */ function custom_login_logo() { echo '<style type="text/css">h1 a { background: url('.get_bloginfo('template_directory').'/admin_logo.png) 50% 50% no-repeat !important; width: 166px !important; }</style>'; } add_action('login_head', 'custom_login_logo'); function custom_login_logo_url() { return get_bloginfo( 'url' ); } add_filter( 'login_headerurl', 'custom_login_logo_url' ); /** * 管理画面左上のホームアイコンマークを変更 */ function my_custom_logo() { echo '<style type="text/css">#wpadminbar #wp-admin-bar-site-name > .ab-item:before { content: url('.get_bloginfo('template_directory').'/admin_logo_s.png);}</style>'; } add_action('admin_head', 'my_custom_logo');
「●●px」の部分はadmin_logo.pngの横幅を入れてください。
ログイン後の画面左上のロゴ変更はWordPressのアイコンではなくてホームアイコンをオリジナルに変更するようにしています。ここをクリックすると自サイトにリンクするので、「W」アイコンはそのままにしておいて、ホームアイコンをオリジナルに変更したほうが自然でしょ。
「admin_logo_s.png」は18×18pxで作成します。
WordPressのバージョンは3.8で確認しています。
ちょっと前のバージョンではログイン後のホームアイコンって無かったはず。だから「W」アイコンをオリジナルに変更していたんですが、最近はこれでやってます。
CATEGORY WordPress COMMENT (0)
コメントを投稿