WordPressのログイン画面にオリジナルのロゴ画像を表示する方法

ワードプレスのログイン画面にオリジナルの画像を表示したいときは、アクションフックを使いましょう。ロゴ画像を指定しているスタイルを書き換えることができます。

以下のコードを functions.php に追記して、画像URLに表示したい画像のURLを記述してください。

add_action('login_head', 'custom_login_logo');
function custom_login_logo() {
    echo '<style type="text/css">h1 a { background: url(画像URL) 50% 50% no-repeat !important; }</style>';
}

ワードプレスのロゴ画像の代わりに、オリジナルのロゴ画像が表示されます。

もし、テーマファイルの中に内包したい場合は、次のように書きます。

例)テーマ内 imagesフォルダにある wordpress-logo.png という画像を使う場合。

add_action('login_head', 'custom_login_logo');
function custom_login_logo() {
    echo '<style type="text/css">h1 a { background: url('.get_bloginfo('template_directory').'/images/wordpress-logo.png) 50% 50% no-repeat !important; }</style>';
}

こんな感じになります。

↓酒田・鶴岡・庄内のブログはこちらからも↓

にほんブログ村 地域生活(街) 東北ブログ 鶴岡情報へ にほんブログ村 地域生活(街) 東北ブログ 酒田情報へ にほんブログ村 地域生活(街) 東北ブログ 庄内情報へ

どうぞ、お気軽にお電話ください

「はい!ニゴロデザインです!」
とでますので、
「ホームページを見て電話しました」
とお話ください。
すぐに担当の者に代わります。

 0234-25-5313
お電話受付 10:30~18:00 土日祝定休

メールでのお問い合わせは
こちらからどうぞ!