問題 × 解決策

WordPressのログイン画面のロゴを変える方法

問題

Wordpressのログイン画面のロゴを自分のサイトのロゴに変えたい。

解決策

フィルターフックで「login_logo_url」を上書きする。

 

WordPressのログイン画面のロゴ

WordPressのログイン画面のロゴは、デフォルトではWordpressのロゴとなっています。
これを独自のロゴに変える方法をご紹介します。

フィルターフック

フィルターフックを使い、「login_logo_url」を上書きします。

function login_logo() {
     echo '<style type="text/css">
     h1 a {
         background-image:url(ロゴ画像のパス)!important;
         width:250px!important;
         background-size: contain !important;
         }
     </style>';
}
add_action('login_head', 'login_logo');
function login_logo_url() {
    return get_bloginfo('url');
}
add_filter('login_headerurl', 'login_logo_url');
function login_logo_title(){
    return get_bloginfo('name');
}
add_filter('login_headertext','login_logo_title');
  • 「background-image:url(ロゴ画像のパス)!important;」の部分に、独自のロゴ画像のパスを記述してください。

これでログイン画面に移動すると、独自のロゴに変更されています。

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

20 − sixteen =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧