WordPressの管理画面をカスマイズしよう!
WordPress
こんばんは!
本日もWordPressでの制作をしており
納品日を迎えようとしています。
WordPressといえばインターネット上のウェブサイト40.0%以上が利用している
CMSとなっており、WordPressを使用しての制作案件もきっと多いですよね!
納品時の管理画面ですが
このようなWordPressのロゴマークが表示されている状態がデフォルトになっていて
このロゴマークを変えるだけでも
制作したWEBサイト専用の管理画面感がでるので、私はいつも納品するサイトのオリジナルロゴに変更しています。
少しのコード追加でロゴの変更ができますのでおすすめいたします!
WordPress ログインページのロゴを変更しよう!
// ログイン画面のロゴ変更
function login_logo() {
echo '<style type="text/css">.login h1 a {background-image: 画像までのフルパル);width:任意の数字px;height:任意の数字px;background-size:100%;}</style>';
}
add_action('login_head', 'login_logo');
width:任意の数字px;height:任意の数字px;
こちらで表示サイズを設定します。
ロゴにもよりますが、私はいつも大体150px〜200pxくらいに設定することが多いです。
続いて、ロゴからのリンク先を変更します!
デフォルトではWordPressの公式サイトへのリンクが設定されているので
サイトのトップページへリンクするようにします。
ロゴからのリンク先を変更しよう
// ログイン画面のロゴURL
function custom_login_logo_url() {
return get_bloginfo( 'url' );
}
add_filter( 'login_headerurl', 'custom_login_logo_url' );
管理画面のロゴをオリジナルにするだけで
だいぶ雰囲気が変わりますね!
すごく簡単にできるので、参考になれば嬉しいです^^