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

2020年8月9日2021年9月9日

第三者の為にWordpressでサイトを構築した際、ちょっと相手を喜ばせたいですよね？ WordPressのロゴを知らない方もいらっしゃるので、オリジナルのロゴに変更してあげると喜んで頂けますし、愛着を持っていただけます。様々なプラグインがリリースされていますが、今回はプラグインを使用せずに導入する方法をご紹介します。

INDEX

作業の前に

子テーマ内のfunction.phpに書き足します。必ず作業前にコピーを取っておいてください。

ログイン画面のロゴ変更

下記の例では、ログイン画面用の画像を160pxの正方形としています。画像を普通に「メディア」からアップロードしてURLを記入します。2020/05/enter-logo.pngの部分を正しく書き換えて下さい。

function my_org_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(<?php echo get_site_url(); ?>/wp-content/uploads/2020/05/enter-logo.png);
		height:160px;
		width:160px;
		background-size: 160px 160px;
        background-repeat: no-repeat;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_org_logo' );