KozupisDesign

メッセージを送る

KozupisDesign

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' );


 


管理画面のロゴをオリジナルにするだけで


だいぶ雰囲気が変わりますね!


すごく簡単にできるので、参考になれば嬉しいです^^