KLUTCHE

【WordPress】管理画面ログインページのロゴを変更する

WordPress管理画面のログインページのロゴを自作のものに変更する方法です。

変更コード

使用しているテーマフォルダのfunction.phpに以下のコードを追記します。

// ログイン画面ロゴ変更
function my_custom_login_logo() {
	echo '<style type="text/css">.login h1 a { background-image:url('.get_bloginfo('template_directory').'/images/admin/logo01.jpg); }</style>';
}
add_action('login_head', 'my_custom_login_logo');

画像はどこか任意の場所にアップロードしてください。
今回の場合だと、テーマフォルダ>images/admin/logo01.jpgにアップしています。

要はCSSの上書きです。

参考までに、ログインページのロゴ部分には、デフォルトで以下のようなCSSがあたっています。(WordPress 3.4.2)

.login h1 a {
	background-image: url('../images/wordpress-logo.png?ver=20120216');
	background-size: 274px 63px;
	background-position: top center;
	background-repeat: no-repeat;
	width: 326px;
	height: 67px;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 15px;
	display: block;
}

必要に応じてfunction.phpから上書きが可能です。


コメントを残す

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