Blog スタッフブログ

[WordPress]ログイン画面の画像を変更

WordPress のログイン画面には、デフォルトでWordPressのロゴが表示されていますが、自社のロゴやオリジナルの画像に変えたいというようなケースで変更する方法をご紹介します。

テーマのfunctions.phpに簡単なコードを追加するだけで対応できます。

function login_logo()
{
  echo '<style type="text/css">
    #login h1 a {
      background-image: url(/img/logo.png); //表示する画像
      background-size: 100% auto;
      width: 200px;
      height: 100px;
      margin: 0 auto;
    }
  </style>';
}
add_action('login_head', 'login_logo');

管理画面のstyleを上書きして#login h1 aに背景画像として表示しています。

戻る 一覧へ戻る