WordPressのパスワードリセットフォームをカスタマイズしたいですか？
カスタムCSSの追加であれ、さまざまなプラグインのインストールであれ、WordPressユーザーはカスタマイズに慣れている。WordPressがこれほど人気がある理由のひとつです。
カスタムパスワードリセットフォームを作成することで、これらのユーザーページをWordPressテーマに合わせてカスタマイズし、ロゴを表示したり、追加コンテンツを提供したりすることで、より強力なユーザーエクスペリエンスを提供することができます。
この記事では、WordPressのパスワードリセットフォームをカスタマイズするためのステップバイステップのガイドを提供します。
WordPressのパスワードをリセットするには？
WordPressのパスワードをリセットするには、WordPressのパスワード紛失リンクを使用します。リンクをクリックすると、パスワードをリセットするためのメールが送信されます。
より良いユーザーエクスペリエンスのために、カスタムリセットフォームでは外観やメール通知の内容を微調整することができます。パスワードリセットフォームをカスタマイズし、ユーザーをパスワードフォームからページに送り、簡単にパスワードをリセットできるようにする方法を紹介します。
WordPressでカスタムパスワードリセットフォームを作成する方法
カスタムパスワードリセットフォームを作成するには、WPFormsのプレミアムバージョンを購読する必要があります。Proライセンスには、WordPressウェブサイトのカスタムパスワードリセット、ユーザー登録、ログインフォームを作成できるユーザー登録アドオンが含まれています。
この記事で
始めよう！
1.WPFormsをインストールする
まず、WPFormsをダウンロードしてインストールします。このチュートリアルでは、WPForms Liteの代わりにプロバージョンが必要です。ヘルプが必要な場合は、WordPressプラグインのインストールガイドをご覧ください。
プラグインをインストールしたら、WPFormsアカウントにログインし、Downloadsタブをクリックします。
これは利用可能なすべてのライセンスのページです。プラグインをダウンロードするには、プロライセンスの横にある「WPFormsをダウンロード」ボタンをクリックしてください。これでWPFormsプラグインのzipファイルがあなたのコンピュータに保存されます。
zipファイルをダウンロードしたら、WPFormsをインストールしたいWordPressサイトに向かいます。次に、管理画面のダッシュボードでプラグイン " 新規追加をクリックし、プラグインのアップロードボタンをクリックします。
ここからChoose Fileボタンをクリックし、先ほどダウンロードしたWPFormsのzipファイルを選択します。
ファイルがアップロードされたら、「今すぐインストール」ボタンをクリックします。
プラグインのインストールが完了したら、プラグインの有効化 ボタンをクリックしてWPFormsをサイト上で有効化してください。
プラグインを有効化した後、自動アップデートとプラグインサポートを受けるために WPFormsのライセンスキーを確認することを忘れないでください。ライセンスキーを追加すると、WordPressのダッシュボード内から WPFormsアドオンを簡単に インストールして有効化することもできます。
2.ユーザー登録アドオンをインストールする
次に、パスワードリセットフォームを作成するために必要なアドオンをインストールします。
WordPressの管理エリアで、左サイドバーメニューのWPForms " Addonsに アクセスしてください。
ライセンスレベルのアドオンが表示されない場合は、[Refresh Addons]ボタンをクリックして強制的に更新してください。
ユーザー登録アドオンを検索するには、ページの右上にある「アドオンを検索」フィールドに名前を入力します。
見つけたら、アドオンのインストールボタンをクリックしてください。
これにより、アドオンが自動的にインストールされ、有効化されます。インストール済みで使用可能なアドオンは、ステータスが表示されます：と表示されます。
3.パスワードリセットフォームテンプレートを使用する
パスワードリセットフォームを作成するには、WPForms " Add New にアクセスしてください。テンプレートライブラリで "Password Reset "を検索し、User Password Reset Formオプションにカーソルを合わせ、Use Templateをクリックします。
テンプレートを選択すると、パスワードリセットフォームが画面に表示されます。
その後、好きなだけフィールドを追加してパスワードリセットフォームをカスタマイズできます。送信ボタンのテキストを変更することもできます。
注意:パスワードをリセットする際、ユーザー名/Eメールフィールドはユーザーにのみ表示されます。パスワードフィールドが表示されるのは、ユーザーがパスワードリセットのEメールに記載されているリセットリンクをクリックし、新しいパスワードを設定した場合のみです。
このテンプレートは非常に特殊な目的を最適な方法で果たすものなので、フィールドを追加したり削除したりするのは得策ではない。
次のステップで、Eメールのリセット設定を見てみよう。
4.パスワード再設定メールの設定
パスワード再設定リクエストメールをカスタマイズするには、サイドバーの「設定」をクリックし、「ユーザー登録」メニューをクリックします。
ここでは、リセットメールの件名とメッセージをカスタマイズするか、デフォルトのメッセージをそのまま使用することができます。
リセットメールメッセージを編集する場合は、必ず {user_registration_password_reset} スマート・タグ。このスマートタグは、ユーザーがクリックするためのリセットリンクを作成します。
さらに下にスクロールすると、ログインユーザーからパスワードリセットフォームを隠すオプションが表示されます。このオプションを有効にすると、ログインユーザーがフォームを開いたときに表示するメッセージを編集することができます。
素晴らしい！
設定をカスタマイズしたら、必ず一番上の「保存」をクリックしてください。
次のステップでは、フォームを新しいページに埋め込みます。
5.カスタムパスワードリセットフォームを公開する
WPFormsには便利な埋め込みウィザードがあり、フォームビルダーから直接新規または既存のページ内にフォームを配置することができます。
フォームが保存されたら、埋め込みボタンをクリックします。
新しいパスワードリセットページにフォームを埋め込みたいので、新しいページを作成 オプションを選択します。
ページに適当な名前をつけ、「Let's Go」をクリックします。
その後、WPFormsはWordPressのブロックエディタを開き、そこにパスワードリセットフォームを埋め込みます。
フォームを公開する前に、ここで素晴らしいスタイルのカスタマイズを行うことができます。
右側のWPFormsブロックオプションを使用するだけで、フォームのスタイリング機能が使用でき、数クリックでラベル、フィールド、ボタンをカスタマイズできます。
フォームに満足したら、Publishボタンを押してフォームを立ち上げます。
パスワードリセットフォームをご利用いただけます！
しかし、まだ終わりではありません。パスワードをリセットする必要がある場合に備えて、このフォームをユーザーが見つけやすいようにしておくことが重要です。
次のステップでは、サイトのメインナビゲーションにパスワードリセットフォームを追加します。
パスワードリセットのページをユーザーにとって見つけやすいものにするのは良い習慣です。
新しく作成したフォームページをサイトのナビゲーションバー上部に追加します。
やり方は簡単です。WordPressのダッシュボードを開き、外観 " メニューを開きます。
あなたのサイトにはすでにナビゲーションメニューが追加されているかもしれません。その場合は、パスワードリセットページをメニューに追加するだけです。
メニュー]画面で、左側の列にあるパスワードリセットフォームをクリックし、[メニューに追加]を押します。
これにより、パスワードリセットのページが右側のメニューに追加されます。
Save Menuボタンを押して更新します。
初めてメニューを作成する手順もほとんど同じです。まずメニューに名前を付け、下にある青いメニュー作成ボタンを押すだけです。
それができたら、上記の手順でメニューにページを追加することができます。
ナビゲーションの例を挙げよう：
あとは、リダイレクトを追加して、デフォルトのWordPressリセットページにアクセスしようとする訪問者が、新しいカスタムパスワードリセットページに自動的にリダイレクトされるようにするだけです。
オプションカスタムパスワードリセットフォームにリダイレクトを追加する
ウェブサイト上でパスワードをリセットするカスタムフォームを作成する場合、デフォルトのWordPressログインページを新しいカスタムページに置き換えるリダイレクトと一緒に、サイト用のカスタムブランドのログインフォームも作成することをお勧めします。
しかし、デフォルトのログインページがまだアクセス可能な場合は、パスワードリセットフォームへのリダイレクトを追加する必要があります。
こうすることで、ユーザーが"Lost your password?"リンクをクリックすると、デフォルトのWordPressパスワードリセットフォームではなく、上記で作成したカスタムパスワードリセットページにリダイレクトされます。
ご心配なく。案外簡単ですよ。
まず、無料のWPCodeWordPressプラグインをインストールします。WordPressのダッシュボードで、プラグイン " 新規追加にアクセスしてください。
そこからWPCodeを検索し、「今すぐインストール」をクリックする。
有効化」をクリックしたら、いよいよコードを追加します。WordPressのダッシュボードで、Code Snippets " + Add Snippetをクリックします。
クリックすると、さまざまなコード・オプションを選択できる、あらかじめ用意されたライブラリが表示されます。カスタムコードの追加（新規スニペット）オプションの下にあるスニペットの使用をクリックします、
スニペットのタイトルを決めたら（ここでは "New Password Reset Page "としました）、コードプレビューの右側にあるコードタイプのドロップダウンをクリックし、PHP Snippetを選択します。
次のコードをコピーしてエディターに貼り付ける：
交換を忘れずに reset-password を新しいカスタムパスワードリセットページのスラッグに置き換えてください。
次に、挿入セクションまでスクロールダウンし、ここで挿入方法と場所を指定します。挿入方法については、デフォルトの場所選択「どこでも実行」と「 自動挿入」のままにしておくことをお勧めします。
完了したら、右上のSave Snippet ボタンをクリックします。次に、その横にあるトグルスイッチをクリックすると、コードスニペットが有効になります。
素晴らしい！これで、ユーザーがパスワード紛失のリンクをクリックすると、必ずあなたのカスタムパスワードリセットページにたどり着きます。
標準のWordPressパスワードリセットフォームからWPFormsのカスタムリセットフォームに移行することで、ブランディングの向上以外にも多くのメリットが得られます。
例えば、WPFormsに内蔵されているアンチスパム機能を使ってスパム防止機能を追加したり、スパムボットを寄せ付けないためにフォーム送信までの最短時間を設定するなどの便利なオプションを追加することができます。
詳しくは、WordPressで不正なパスワードのリセットを防ぎ、これらのスパム要求を排除するためのガイドをご覧ください！
これで完了です！これで WordPress でカスタマイズしたパスワードリセットフォームを作成し、起動する準備ができました。
次に、パスワードリセットページをカスタマイズする
新しいページにパスワードリセットフォームを埋め込んだら、ブランディングを行いましょう。
なぜでしょうか？パスワードリセットのフォームとページをブランディングすることで、顧客に対して、あなたが合法的な企業であるという考えを固め、ブランド全体の信頼性を高めることができます。
WordPressでフォームページを作成・カスタマイズするための完全ガイドをご覧ください。
さらに、WordPressでパスワードで保護されたページをカスタマイズする方法を学ぶこともできます。
また、WordPressのテーマカラーをカスタマイズし、ブランドカラーに合わせたフォームを作成する方法についてもご紹介しています。
最後に、最高のトランザクションメールサービスのリストをチェックすることをお勧めします。
フォームを作成する準備はできましたか？ユーザー登録アドオン、たくさんの無料テンプレート、14日間の返金保証が含まれています 。
この記事がお役に立ちましたら、 Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。
メールで送られてきたパスワード再設定のリンクをクリックしても、フォームのパスワード欄が表示されません。
やあ、アヨミクン - 喜んでお手伝いさせていただきます！お時間がありましたら、サポートまでご連絡ください。
WPFormsのライセンスをお持ちの方は、メールサポートをご利用いただけますので、サポートチケットを送信してください。
それ以外の場合は、WPForms Lite WordPress.orgのサポートフォーラムで限定的な無料サポートを提供しています。
ありがとう🙂。
こちらも同じです。解決策は見つかりましたか？
ワグナー - 喜んでお手伝いさせていただきます！お時間がありましたら、サポートまでご連絡ください。
WPFormsのライセンスをお持ちの方は、メールサポートをご利用いただけますので、サポートチケットを送信してください。
それ以外の場合は、WPForms Lite WordPress.orgのサポートフォーラムで限定的な無料サポートを提供しています。
ありがとう🙂。