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

WordPressのログイン画面にあるロゴを任意の画像に変更したい。

また、変更したロゴのサイズを指定したい。

本記事ではこのような悩みを解決。

実装方法について解説します。

実装サンプル

実装サンプルです。

本来、ログイン画面でWordPressロゴが表示されてる箇所に弊社ブログのロゴが表示されてます。

実装方法は以下の通りです。

functions.phpにコードを記述

//-----------------------------------------------------
// 管理画面ログインロゴ変更
//-----------------------------------------------------
function my_custom_login_logo(){
	echo '<style type="text/css">
h1 a { background-image:url('.get_template_directory_uri().'/img/logo.jpg) !important; width: 300px !important; height: 200px !important; background-size: 300px !important;}
</style>';
}
add_action('login_head', 'my_custom_login_logo');

functions.phpに上記コードを記述します。

上記コード内のbackground-imageプロパティの値に変更したいロゴ画像のパスを入れます。

合わせて、width、height、background-sizeの値に差し替えるロゴ画像の大きさ・サイズをpx指定します。

※!importantをプロパティ値の末尾に指定して、最優先にCSSが適用されるようにしましょう。

以上で実装完了です。

まとめ

制作サイドではお馴染みのWordPressロゴですが、管理されるお客様サイドだと見慣れないロゴなので自社ロゴに変更して欲しいというご依頼がたまにありました。

以上で解説を終わります。

関連記事

WordPress

投稿詳細ページに同一のカテゴリー一覧を表示する方法【簡単】

更新日:2019.11.28
256
WordPress

サイト制作でよく使うWPテンプレートタグ【まとめ】

更新日:2019.11.28
121
WordPress プログラミング

【ワードプレス】記事の公開日・更新日が同じとき、更新日を非表示にする方法

2020.06.25
119
WordPress プログラミング

ワードプレスでヘッダーテンプレートをページによって分けたい時

更新日:2019.11.29
107