シェアオフィス6F
貸会議室6F

こんにちは。スタッフのユースケです。

今日はWordPressのログイン画面に関するお話しです。

あんまりニーズは無いかもしれませんが、、、
WordPressのログイン画面、ここちょっと変えたいなんてこと、偶にありませんか?

例えば、ロゴ画像。
デフォルトはこんな感じですよね。
yoshida_login_logo

これをカスタマイズしていきます。

1.ロゴ画像を変更
デフォルトのロゴ画像は背景画像で出力されているので、この部分のcssを書き換えて画像を差し替えます。
具体的には、functions.php で「login_enqueue_scripts」アクションフックを利用して変更します。

function custom_login_logo() {
?>
<style type="text/css">
  #login h1 a {
    background: url('/*ロゴ画像のパス*/');
  }
</style>
<?php
}
add_action( 'login_enqueue_scripts', 'custom_login_logo' );

上記では直接cssを記載していますが、外部ファイルにして読み込む方法でもOKです。

2.ロゴのリンク先を変更
デフォルトのリンク先はWordPress公式サイトになっているので、これを変更します。
具体的には、functions.php で「login_headerurl」フィルターフックを利用して変更します。

function custom_login_logo_url() {
  return home_url();
}
add_filter( 'login_headerurl', 'custom_login_logo_url' );

3.ロゴのタイトル属性を変更
デフォルトのタイトル属性は「Powered by WordPress」となっているので、これを変更します。
具体的には、functions.php で「login_headertitle」フィルターフックを利用して変更します。

function custom_login_logo_title() {
  return get_option( 'blogname' );
}
add_filter( 'login_headertitle', 'custom_login_logo_title' );

ログインフォーム下部にある「パスワードをお忘れですか?」などの表示を消したい場合は、ブラウザのデベロッパーツールなどで該当箇所のクラスなどを調べ、CSSでdisplayをnoneにすればOKです。

その他にも変更したい点があれば、wp-login.php のコードを見て、フックが用意されていないか確認してみてください。
例えば、ログインに失敗した際のメッセージを変更したい場合は、「login_errors」フィルターフックを用いれば自由な出力に変更できます。

如何でしたでしょうか?
フックを使ってあなた好みにカスタマイズ!Part.2。

WordPressのカスタマイズをプラグインに頼らず行うときは、Codexを調べることも当然ですが、コアファイルの内容にも視野を広げると臨んだ形に変更できるかもしれませんよ?
コアファイルを眺めることは、WordPressの仕組みを理解することにもなり、一石二鳥です!
ぜひ幸せなカスタマイズライフをおくってください!

スポンサーリンク

スポンサーリンク

この記事を書いた人

7Fを運営している株式会社コミュニティコムでプログラマーをしています。担当はWeb制作ですが、受付にもフワッと座ってます。呼称は「ゆーすけ」なので気軽に呼んでください。7F受付にあるチェックインシステムを作った人だったりします。好きなものはお酒です。でも痛風なのでビールは与えないでください!だんだん年齢に抗えなくなってきたので、イイ感じにできる運動があれば紹介してください。



メールマガジン登録

週1回程度でメールマガジンにて、コワーキングスペース7Fのイベントや勉強会情報や近況、Web関係や地域情報などを配信しています。
もし良ければ以下のフォームにメールアドレスを入力して登録してくださいね!

7F情報をぜひフォローください!


スポンサーリンク

月額会員募集中の申し込みフォーム
イベント情報
会議室ご予約
オープンスペースご予約
無料見学ご予約
お問い合わせ
メールマガジン登録フォーム
フロアマップ
よくある質問
Amazonコワーキングスペース7Fのほしい物リスト
一時託児施設利用
7F大学
リブライズ
Eightどこでもスキャン計画
7Fスタッフ募集のお知らせ
シェアオフィス6F
貸会議室6F

混雑状況やイベント情報

サイト内検索