WordPressのパスワード保護フォームに説明メッセージを追加するJavaScript

パスワードフォームにメッセージを足したい

WordPressのパスワード保護ページでは、デフォルトでは「パスワードを入力してください」といった最低限の案内しか表示されません。

「このページは会員限定です」「事前にお知らせしたパスワードを入力してください」など、もう少し説明を加えたい場面もあると思います。

そんなときに使える、数行のJavaScriptです。

パスワードフォームにメッセージを足したい

コード

  document.querySelector('.post-password-form')?.insertAdjacentHTML('beforeend', `
    <small style="color:red">
      ※正規の方法以外で取得したパスワードの使用は禁止されています。
    </small>
  `);

※必要に応じて、表示するメッセージは自由に変更して使ってください。

使い方

このコードをテーマやカスタムJavaScriptに追加すると、パスワード入力フォームへ任意のメッセージを表示できます。

こんな場面におすすめ

会員限定ページ
クライアント専用ページ
限定コンテンツの案内
パスワードの入力方法を補足したい場合

シンプルなコードですが、少し案内を加えるだけでユーザーにとって分かりやすいページになります。

🔻使用例

楽天市場・楽天Fashion・楽天ブックス→楽天ROOM即投稿