WordPressのログイン画面のロゴをカスタマイズする
- 2019.11.07
- Wordpress

WordPressのログイン画面を開くとフォームの上に「W」マークのロゴがあります。
これを変更するコードを紹介します。
目次
コード
// ロゴの画像を変更する
function login_logo_image() {
echo '<style type="text/css">
#login h1 a {
background: url(' . get_bloginfo('template_url') . '/images/logo.svg) no-repeat; // 変更したいロゴのurl
// ここから下はロゴに合わせて変更
background-size: contain;
background-position: center;
height: 64px;
margin: 0 auto 20px;
width: 242px;
}
</style>';
}
add_action('login_head', 'login_logo_image');
// ロゴのurlを変更する
function login_logo_url() {
return '/';
}
add_filter('login_headerurl', 'login_logo_url');
// ロゴのタイトルを変更する
function login_logo_title(){
return 'NATIONS';
}
add_filter('login_headertitle','login_logo_title');
-
前の記事
カスタムフィールドの値だけで作ったページを分割する 2019.10.29
-
次の記事
WordPressでIDから記事の抜粋を取得する 2019.11.13