WordPress:ログイン画面のロゴ・URL・title属性を変更する方法

  • Posted on
  • Category : WordPress
WordPress:ログイン画面のロゴ・URL・title属性を変更する方法

ご質問をいただいたので、その返答を兼ねて紹介します。WordPressのログイン画面に表示されるロゴ・URL・title属性をコアファイルをいじらずに変更する方法です。

以前「WordPressの管理画面をカスタマイズする時に使えるハック Part 2」というエントリーで、WordPressのログイン画面に表示されるロゴを任意の画像に変更する方法を紹介したのですが、そのエントリーを見ていただいた方から「ロゴ画像は変更できましたが、URLやタイトルを変更したい場合はwp-login.phpの中身を変更するしかないのでしょうか」というご質問をいただき、たしかにそれについて以前のエントリーには書いていないと思ったので、その方への返答も兼ねて紹介します。

上記エントリーで紹介している方法を使うことで見た目は自分が用意したロゴに変更される(ロゴの変更方法は以下でも紹介しています)のですが、ロゴ部分には「WordPress.org」へのリンクが設定されており、またマウスオンすると「Powered by WordPress」というタイトルが表示されるようになっています。
そのままCodexに載っている内容ですが、ロゴと同様にfunctions.phpを使って任意のURLやタイトルに変更する方法です。

デフォルトのログイン画面

上の画像はデフォルトのログイン画面をキャプチャしたところで、WordPressのロゴが表示されており、キャプチャではわかりませんが、ロゴには「WordPress.org」へのリンクと「Powered by WordPress」というtitle属性が設定されています。
これらを全てfunctions.phpを使って任意のものに変更していきます。
テーマ内にfunctions.phpがない場合は作成して、以下をそれぞれ記述してください。

ロゴを変更する

functions.php

function custom_login_logo() {
	echo '<style type="text/css">.login h1 a { width: 100px; height: 50px; background: url('.get_bloginfo('template_directory').'/images/login-logo.png) no-repeat center center; margin-bottom: 10px;}</style>';
}
add_action( 'login_enqueue_scripts', 'custom_login_logo' );

Codexにある記述とは少し違うものですが、上記でも画像を任意のものに変更できます。
赤字部分はサイズ・画像名・パスなどの箇所になるので、自身の環境に合わせて変更してください。

URLを変更する

functions.php

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

上記をfunctions.phpに記述することでURLを変更することができ、ここではget_bloginfo( 'url' )を使用していますが任意でURLを指定することもできます。
例えば、赤字部分の記述をreturn 'http://example.com/';と記述すれば、リンク先が「http://example.com/」に設定されます。

title属性を変更する

functions.php

function custom_login_logo_url_title() {
	return 'Powered by XXX';
}
add_filter( 'login_headertitle', 'custom_login_logo_url_title' );

上記をfunctions.phpに記述することでtitle属性を変更することができ、デフォルトで「Powered by WordPress」と表示されていたものが赤字部分で指定した「Powered by XXX」というものに変更されて表示されます。

カスタマイズ後のログイン画面

上記全てを記述後にログイン画面を確認すると、ロゴ画像は任意のものに変更され、キャプチャではわかりませんがリンク先やtitle属性なども任意で設定したものに変更されるのを確認できます。

先述しましたがこの内容はCodexにも記載されており、この他のカスタマイズについてもまとめられているので、詳しく知りたい方や興味ある方はご覧ください。

Back to Top

WordPress:ログイン画面のロゴ・URL・title属性を変更する方法

WordPress:ログイン画面のロゴ・URL・title属性を変更する方法

/ WordPress

Tagged with:

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。