この記事は最後に更新してから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_get_nocache_headers(2019年9月3日 更新)

array wp_get_nocache_headers( )
ブラウザのキャッシュを無効にするHTTPヘッダー情報(配列)を取得する。

get_post_status_object(2014年10月9日 更新)

object get_post_status_object( string $post_status )
投稿ステータス情報を取得する。

the_excerpt_rss(2014年11月16日 更新)

void the_excerpt_rss( )
RSSフィード用の抜粋記事を出力する。

the_post_thumbnail(2018年5月27日 更新)

void the_post_thumbnail( [ mixed $size = 'post-thumbnail' [ , mixed $attr = '' ] ] )
アイキャッチ画像(サムネイル)を表示する。

is_home(2018年5月27日 更新)

bool is_home( )
要求されているページが、ホーム(トップ)ページか調べる。