パスワードフォームにメッセージを足したい
WordPressのパスワード保護ページでは、デフォルトでは「パスワードを入力してください」といった最低限の案内しか表示されません。
「このページは会員限定です」「事前にお知らせしたパスワードを入力してください」など、もう少し説明を加えたい場面もあると思います。
そんなときに使える、数行のJavaScriptです。
使い方
このコードをテーマやカスタムJavaScriptに追加すると、パスワード入力フォームへ任意のメッセージを表示できます。
オススメの使い方
- 会員限定ページ
- クライアント専用ページ
- 限定コンテンツの案内
- パスワードの入力方法を補足したい場合
シンプルなコードですが、少し案内を加えるだけでユーザーにとって分かりやすいページになります。
🔻表示例：パスワード入力項目下にある赤い文字です。
パスワード入力デモ
こちらはパスワード入力デモページです。ログインしても、すぐにログアウトされます。このページで使用中の機能はこちらログイン入力項目下に文字追加
qooga.jb-jk.net
ライセンス・利用規約
当コンテンツは自己責任でご利用ください。
ご利用の前に、以下のライセンス・利用規約を必ずご確認ください。
ライセンス・利用規約
ユーザーは、本サービスを利用することにより、本規約に同意することになります。以下を注意してお読みください。
qooga.jb-jk.net
また、同梱のライセンスファイルがある場合は、そちらの内容もあわせてご確認・遵守ください。
コード
document.querySelector('.post-password-form')?.insertAdjacentHTML('beforeend', `
<small style="color:red">
※正規の方法以外で取得したパスワードの使用は禁止されています。
</small>
`);
※必要に応じて、表示するメッセージは自由に変更して使ってください。
コメント