WordPressのログイン画面のロゴをオリジナルのものに変更する

カスタム

wpphp_admin_login_logo

WordPressの管理画面にはWordPressのロゴが表示されていますが、
この管理画面のロゴをオリジナルの画像に変更する方法を紹介します。

テーマ内に functions.php を用意する

現在使っているテーマの「functions.php」を用意します。
無ければ「functions.php」の名前でテーマフォルダの中に作成します。

functions.php にメソッドを追加する

既存のロゴから上書きするメソッドです。
この画像URLに新しく表示させたい画像のパスを指定します。

<?php
// 管理画面ロゴ変更
function login_logo() {
	echo '<style type="text/css">
		.login h1 a {
			background-image: url('.get_bloginfo('template_directory').'/images/logo.gif);
			/* 幅84pxに収まらない画像はここでsize指定をリセットします */
			width: auto;
			background-size: auto auto;
			
			/* 必要に応じて変更 */
			margin-bottom: 10px;
			height: 55px;
		}
		</style>';
}
add_action('login_head', 'login_logo');
?>

デフォルトの画像は幅、高さともに84pxなので、
サイズオーバーする場合は元のサイズ指定をリセットしましょう。

ログイン画面を確認

wpphp_admin_login_logo_sample

できました!

WordPressはカスタマイズ性が高いので、こういった細かいポイントもこだわりたいですね。

カスタム

関連記事