テーマカスタマイズ

WordPressのログイン画像のロゴとタイトルとリンク先を変更する

2017.09.07

扉と鍵

WordPressのログイン画面をオリジナルにしたい!そんな時は直接WordPressのファイルを編集するのではなく、functions.phpから変更するのが一般的です。テーマを除いてWordPressのバージョンアップに影響されないからです。

ログインページを変更する

ログインページの各所を変更してオリジナルの管理画面にします。

ロゴ画像を変更する

以下の例ではオリジナルのロゴを、使用テーマ内の直下にwp_logo.svgと言うファイル名で保存しています。オリジナルのLogoがSVGだったので合わせてみましたが、png等でも問題ありません。CSSの上書きで変更しています。widthheightも任意に変更してください。

function login_wp_logo(){
echo '<style>
div#login h1 a{
background:url('.get_stylesheet_directory_uri().'/wp_logo.svg) no-repeat;
height:75px;
width:54px;
}
</style>';
}
add_action('login_head', 'login_wp_logo');

ロゴ画像タイトルの変更

ロゴ画像を任意のタイトルで差し替えます。画像にマウスを合わせてたら表示されるやつです。

function login_wp_logo_tit(){
    $logo_title = 'タイトル';
    return $logo_title;
}
add_filter('login_headertitle','login_wp_logo_tit');

ロゴ画像のリンク先を変更する

ロゴ画像のリンク先を変更します。ここってリンクだったの?!ってログイン画面を編集して初めて気付きました。

function login_wp_logo_link(){
    $logo_url = 'リンク先のURL';
    return $logo_url;
}
add_filter('login_headerurl', 'login_wp_logo_link');

タイトルやリンク先はwpタグでサイト内の情報を参照することも可能なのですが、用途的に発注先にリンクさせたほうがいいんだろうなぁ〜と思い入力を手動にしています。

ロゴ以外にもbodyの背景を変更する事も

ログインページのロゴの変更は、印象がガラッと変わり、オリジナル感が出るのでテンションが上がります。ロゴ画像を変更するために設定したインラインのCSSでbodyの背景なども変更できます。

WEBSITE DESIGN REQUEST

ホームページ制作依頼について

W・D・Sでホームページ制作をご希望の方はお気軽にご相談ください。
制作内容、ご予算、納期をお知らせいただくとスムーズです。

ホームページ制作を相談する