Written by Kasumi

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 プログラミング

カスタム投稿タイプのターム(カテゴリー)の初期設定を変更する方法

2022.04.01
543
WordPress プログラミング

【htaccess・プラグイン不要】WordPressの投稿記事をhtmlのmetaタグでリダイレクトする方法

2022.04.04
510
WordPress プログラミング

【簡単】ワードプレスのRSSフィードを取得して、外部サイトに記事一覧を表示する方法

更新日:2020.05.27
1566
WordPress プログラミング

wordpressのパーマリンクに拡張子(.html等)を付けれるよう変更したい

2020.07.17
242