この記事は最後に更新してから1年以上経過しています。

ポップアップのログインフォームに何か表示する

説明

まもなくリリースされるWordPress 5.0にタイミングを合わせて「Login rebuilder」プラグインのアップデートを予定している。管理画面にログインしてしばらく操作しないと、ログインフォームがポップアップ表示される。このログインフォームに何かを表示するのが今回の内容だ。

ポップアップもwp-login.php

ポップアップ表示されるログインフォームのHTMLを見てみると、iframe要素でログインページであるwp-login.phpが読み込まれている(Login rebuilder使用時は設定されているファイルとなる)。その際のURIは次の通りで、通常のログイン時にはない「interim-login」と「wp_lang」パラメータが付与されている。

/wp-login.php?interim-login=1&wp_lang=ja

ポップアップ表示かどうかの判定は「interim-login」パラメータが影響している。初回であればグローバル変数$_GETに、その後で認証に失敗した場合はグローバル変数$_POSTにあり、その値は$interim_loginに格納される。プラグインでポップアップ表示かどうか判定する場合は、この$interim_loginが適している。

ログインフォームの表示場所

今更ではあるが、WordPressの凄さは拡張性の高さである。ログインフォームも例外ではなく、多くのアクション・フィルターが準備されている。

ログインフォームの拡張ポイント
表示位置アクション・フィルター対応バージョン
①ロゴの上部'login_header'アクション4.6.0
②ロゴの下部共通:'login_message'フィルター2.1.0
③ロゴの下部通常メッセージ:'login_messages'フィルター2.5.0
エラーメッセージ:'login_errors'フィルター2.1.0
④フォームの下部'login_footer'アクション3.1.0

実際の使用例として③の部分にテキストを追加してみる。

function add_login_text( $messages ) {
	if ( isset( $GLOBALS['interim_login'] ) && $GLOBALS['interim_login'] ) {
		$messages .= esc_html( 'ポップアップの時に追加するテキスト' );
	}
	return $messages;
}

add_filter( 'login_messages', 'add_login_text', 10, 1 );

このフィルターを使用する場合の注意点は追加するテキストの中身。適切なエスケープ処理を心掛けたい。

さて今回は割愛しているが、上記のほかにもログインフォームに影響を与えるアクションやフィルターはいくつもある。興味があるなら、wp-login.phpのソースコードに目を通すとよいだろう。


最終更新 : 2018年11月06日 17:31

お勧め

get_stylesheet(2019年10月17日 更新)

string get_stylesheet( )
現在のテーマ名を取得する。

wp_get_nav_menu_object(2018年5月27日 更新)

mixed wp_get_nav_menu_object( string $menu )
ナビゲーションメニューデータを取得する。

wp_constrain_dimensions(2016年8月17日 更新)

array wp_constrain_dimensions( int $current_width, int $current_height [ , int $max_width = 0 [ , int $max_height = 0 ] ] )
縦横比を維持した縮小サイズを取得する。

do_all_trackbacks(2020年12月11日 更新)

void do_all_trackbacks()
すべてのトラックバックを実行する。

is_php_version_compatible(2020年8月31日 更新)

bool is_php_version_compatible( string $required )
PHPバージョンの互換性を調べる。