この記事は最後に更新してから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

お勧め

wp_insert_attachment(2018年5月27日 更新)

mixed wp_insert_attachment( mixed $args [ , string $file = false[ , int $parent = 0 [ , bool $wp_error = false ] ] ] )
メディア(添付ファイル)を登録する。

get_user_meta(2014年5月20日 更新)

mixed get_user_meta( int $user_id [ , string $key = '' [ , bool $single = false ] ] )
ユーザメタ情報(拡張情報)を取得する。

post_password_required(2018年5月27日 更新)

bool post_password_required( [ mixed $post = null ] )
投稿ページがパスワード保護状態を調べる。

wp_kses_no_null(2012年4月25日 更新)

string wp_kses_no_null( string $string )
文字列からNULL文字を取り除く。

build_query(2013年7月1日 更新)

string build_query( array $data )
連想配列からページ用のクエリー文字列を作る。