WordPressのパスワードリセットページをカスタマイズする方法

第一印象は重要です – パスワードリセットページでさえも。✨

WordPressのカスタマイズオプションをテストした結果、適切に設計されたパスワードリセットページは、サイトのプロフェッショナルな外観を向上させ、ユーザーエクスペリエンスを高めることができることがわかりました。

デモ環境でWordPressのリセットページをカスタマイズするためのさまざまな方法をテストし、さまざまなアプローチを比較して、最も実用的なソリューションを見つけました。

この調査により、見過ごされがちなサイトの一部をブランド化し、改善するためのいくつかの効果的な方法が明らかになりました。

このガイドでは、WordPressのパスワードリセットページをカスタマイズするための最も信頼できる方法をご紹介します。

WordPressでパスワードリセットページをカスタマイズする理由

パスワード紛失ページをカスタマイズする主な理由は、より良く、よりプロフェッショナルなユーザーエクスペリエンスを提供することです。

これは、顧客がこれらのページに直接関わるeコマースストアやメンバーシップサイトを運営している場合に特に重要です。

デフォルトでは、WordPressは独自のロゴとブランディングを表示します。あなたとあなたのチームだけがログインするサイトではこれで問題ありませんが、顧客にとってはプロフェッショナルに見えず、サイトのデザインの一貫性を損なう可能性があります。

カスタムページを作成することで、デフォルトのブランディングを独自のブランディングに置き換えることができます。ウェブサイトのデザインに合わせたり、ロゴを追加したり、さらに役立つコンテンツを含めてユーザーとの信頼を築くことができます。

カスタムユーザー登録フォームやログインページの作成方法に関する他のガイドに従ったことがあるかもしれません。

さて、パスワードリセットページをカスタマイズする方法を見てみましょう。下のクイックリンクを使用して、使用したい方法に直接ジャンプしてください。

1. Customizing the Reset Password Page Using Formidable Forms (Easy)
2. Customize All Membership Pages Using 'Theme My Login'
3. Create a Password Reset Page Using WPForms (Completely Customizable)
4. WordPress ページカスタマイズに関するエキスパートガイド

方法 1: Formidable Forms（簡単）を使用してパスワードリセットページをカスタマイズする

WordPressのパスワードリセットページを置き換える最も簡単な方法は、Formidable Formsを使用することです。テスト中に、ショートコードを使用してデフォルトのパスワードリセットページを置き換えることができることがわかりました。

この方法ではパスワードリセットフォームを編集できませんが、その周りに独自のコンテンツを追加できることに注意してください。たとえば、標準のWordPress投稿エディターを使用して、テキスト、画像、その他のコンテンツを追加できます。

詳細については、Formidable Formsのレビューをご覧ください。

ステップ1：Formidable Formsとアドオンをインストールする

まず、プラグインの無料バージョンをインストールする必要があります。WordPressダッシュボードで、プラグイン » 新規追加に移動し、「Formidable Forms」を検索します。プラグインをインストールして有効化します。

ユーザー登録機能を有効にするには、プレミアムバージョンが必要です。購入後、プレミアムプラグインであるFormidable Formsをインストールできます。

詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

それが完了したら、ダッシュボードのFormidable Forms » グローバル設定ページに移動し、「ライセンスキーを手動で入力」を選択します。

ライセンスキーは、Formidable Formsのウェブサイトのアカウントで見つけることができます。この情報を入力したら、「ライセンスを保存」ボタンをクリックしてください。

次に、Formidable » Add-Ons に移動して、ユーザー登録アドオンをインストールする必要があります。この画面で、ユーザー登録アドオンを見つけて、「インストール」ボタンをクリックしてください。

ステップ2：カスタムページの作成

これで、ページ » 新規追加に移動して、カスタムパスワードリセットページを作成する準備ができました。

まず、ページにタイトルを付け、次に+ボタンをクリックします。表示されるポップアップで、「ショートコード」と入力し始めます。

ページに追加するには、右側のブロックをクリックするだけです。

次のショートコードを追加できます：[frm-reset-password]。

この時点で、パスワードリセットページに表示したいその他のコンテンツを追加できます。

ステップ3：ページの公開と設定

ページのレイアウトに満足したら、「公開」ボタンをクリックして公開します。

最後に、デフォルトのパスワードリセットページではなく、このページを使用するようにWordPressに指示する必要があります。これを行うには、Formidable » Global Settings に移動し、メニューの「Registration」タブをクリックします。

ここから、「パスワードリセットページ」ドロップダウンを開き、作成したページを選択します。

設定を保存するために、画面上部にある「更新」ボタンをクリックすることを忘れないでください。

これで、WordPressウェブサイトにアクセスして、カスタムリセットパスワードページが機能していることを確認できます。

方法 2: 「Theme My Login」（無料）を使用してすべてのメンバーシップページをカスタマイズする

一貫したユーザーエクスペリエンスを提供するために、すべてのメンバーシップページで同じスタイルを使用することをお勧めします。Theme My Loginは、WordPressの組み込みダッシュボード、ログイン、ログアウト、登録、パスワード忘れ、パスワードリセットページを置き換えることができる無料のプラグインです。

最もカスタマイズ性の高いソリューションではありませんが、そのすべてのページでWordPressテーマが使用されます。

ステップ1：プラグインのインストール

まず最初に行うべきことは、Theme My Login プラグインをインストールして有効化することです。詳細については、WordPress プラグインのインストール方法のステップバイステップガイドをご覧ください。

アクティベートすると、Theme My Login はカスタムログイン、ログアウト、登録、パスワード紛失、パスワードリセット画面のURLを自動的に作成します。これらのURLは、Theme My Login » General ページにアクセスすると確認できます。

これらのページを置き換えるには、この正確なURLで新しいページを作成するだけです。

ステップ2：新しいページを作成し、ショートコードを追加する

WordPressのカスタムパスワードリセットページを作成するには、ページ » 新規追加に移動します。ここで、「+」アイコンをクリックし、「ショートコード」と入力し始めます。

右側のブロックが表示されたら、クリックしてページに追加します。

ブロック内に、次のショートコードを追加します。

[theme-my-login action="lostpassword"]

パスワードリセットページに表示したいロゴなどの追加コンテンツを自由に追加できます。

ステップ3：ページの保存とクイック編集

ページのセットアップが完了したら、「下書き保存」をクリックしてください。

その後、 ページ » 全ページ に移動し、作成したばかりのパスワードリセットページを見つけます。

ページの上にマウスカーソルを合わせ、表示されたら「クイック編集」ボタンをクリックするだけです。

ステップ4：スラッグの設定と公開

「スラッグ」フィールドに「lostpassword」と入力します。

その後、「ステータス」ドロップダウンを開き、「公開済み」を選択します。

それが終わったら、「更新」をクリックして進んでください。これで、WordPressブログにアクセスすると、パスワード紛失ページがライブで表示されます。

その他のWordPressの組み込みメンバーシップページを置き換えるには、同じプロセスに従うことができます。各ページで正しいURLスラッグとショートコードを使用してください。

• ログインページ：スラッグloginとショートコード[theme-my-login]を使用します。
• ログアウトページ：スラッグlogoutとショートコード[theme-my-login action="logout"]を使用します。
• 登録ページ：スラッグregisterとショートコード[theme-my-login action="register"]を使用します。
• パスワードリセットページ：スラッグresetpassとショートコード[theme-my-login action="resetpass"]を使用します。

方法3：WPFormsを使用してパスワードリセットページを作成する（完全にカスタマイズ可能）

デフォルトのパスワードリセットページを完全にカスタムフォームに置き換えたい場合は、WPFormsの使用をお勧めします。

このプラグインには、「ユーザーパスワードリセットフォーム」テンプレートがあり、独自のテキスト、画像、ブランディングでカスタマイズできます。フィールドを追加および削除して、メンバーから必要な情報を正確に収集することもできます。

WPBeginnerでは、年次アンケートやお問い合わせフォームの作成にそれを使用しており、非常に初心者向けであることがわかりました。詳細は、WPFormsレビューをご覧ください。

ステップ1：WPFormsとアドオンのインストール

まず、WPForms プラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、WPForms » 設定に移動し、ライセンスキーを入力します。この情報は、WPForms ウェブサイトのアカウントで見つけることができます。

ライセンスキーを入力した後、User Registrationアドオンをインストールする必要があります。これにより、サイトのカスタムユーザー登録、パスワードリセット、ログインフォームを作成できます。

ダッシュボードで、WPForms »アドオンに移動し、ユーザー登録アドオンを見つけます。

「アドオンのインストール」をクリックしてダウンロードし、「有効化」をクリックして有効にします。

ステップ2：テンプレートからフォームを作成する

これで、WPForms » 新規追加 ページに移動して、独自のカスタムパスワードリセットフォームを作成する準備ができました。ここで、新しいフォームのタイトルを入力します。

これが完了したら、「ユーザーパスワードリセットフォーム」テンプレートまでスクロールし、「テンプレートを使用」ボタンをクリックします。

WPFormsは、ユーザーパスワードリセットフォームテンプレートを読み込みます。

フィールドを独自のテキスト、ラベル、または説明でカスタマイズするには、それをクリックして選択し、左側のメニューの設定を使用するだけです。

例えば、テンプレートには「送信」ボタンがあります。別のボタンラベルを表示するには、フィールドをクリックして選択し、「送信ボタンのテキスト」に新しいメッセージを入力するだけです。

また、設定 » 確認に移動することで、ユーザーがパスワードリセットリクエストを送信したときに何が起こるかを変更することもできます。

ここで、「確認タイプ」ドロップダウンを開き、ユーザーを別のページまたはURLにリダイレクトするか、パスワードリセットメールを確認するように促すメッセージを表示するかを選択します。

小さなテキストエディタに入力してメッセージをカスタマイズすることもできます。たとえば、ユーザーにスパムフォルダを確認するようにリマインドすることができます。

フォームの設定が完了したら、画面の右上にある「保存」ボタンをクリックします。

ステップ3：新しいページにフォームを埋め込む

デフォルトの WordPress パスワードリセットページを置き換えるには、スラッグが「one password」のページを作成します。次に、そのページにフォームを追加します。

これを簡単に行う方法は、WPFormsエディターの「埋め込み」ボタンをクリックし、「新規ページを作成」を選択することです。

次に、新しいページのタイトルを入力します。スラッグは後で変更するので、好きなものを入力できます。

それが終わったら、「開始する」をクリックします。

これにより、フォームが新しいページに追加されたWordPressのページエディタに移動します。これで、テキストの追加、カスタムロゴの追加、またはカテゴリとタグの追加など、このページへの変更を行うことができます。

ページの見た目が気に入ったら、「下書き保存」ボタンをクリックしてください。

ステップ4：スラッグの設定と公開

その後、ページ » 全ページ に移動し、作成したばかりのパスワードリセットページを見つけます。

ここで、「クイック編集」ボタンをクリックします。

「スラッグ」フィールドに「lostpassword」と入力します。

その後、「ステータス」ドロップダウンを開き、「公開済み」を選択します。

ステップ 5: WPCode のインストールと有効化

次に、WordPress ログインフォームのデフォルトの「パスワードをお忘れですか？」リンクが、新しく作成したカスタムページを指していることを確認する必要があります。これを簡単に行うには、無料の WPCode プラグインを使用します。

WPCodeは、200万以上のWordPressウェブサイトで使用されている最高のコードスニペットプラグインです。functions.phpファイルを編集することなく、WordPressにカスタムコードを簡単に追加できます。

WPCodeを使用すると、初心者でも、多くの 一般的なWordPressのエラーを引き起こす可能性のある間違いやタイプミスをリスクなしでウェブサイトのコードを編集できます。

まず、無料のWPCodeプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

ステップ 6: 新しいスニペットの作成

有効化したら、Code Snippets » Add Snippet に移動します。

ここでは、WordPressにさらに多くのファイルタイプをアップロードしたり、添付ファイルページを無効にしたり、コメントを完全に無効にしたりできる、すぐに使えるスニペットが見つかります。

「カスタムコードの追加」にマウスカーソルを合わせ、表示されたら「スニペットを使用」をクリックするだけです。

開始するには、カスタムコードスニペットのタイトルを入力します。これは、WordPressダッシュボードでスニペットを識別するのに役立つものであれば何でも構いません。

その後、「コードタイプ」ドロップダウンを開き、「PHPスニペット」を選択します。

コードエディターで、次のコードスニペットを追加します:

add_filter( 'lostpassword_url', 'my_lostpassword_url' );
function my_lostpassword_url() {
return site_url('/lostpassword/');
}

次に、「挿入」セクションまでスクロールします。WPCode は、各投稿の後、フロントエンドのみ、または管理画面のみなど、さまざまな場所にコードを追加できます。

カスタム PHP コードをウェブサイト全体、ブログ、または WooCommerce ストアで使用するには、「自動挿入」が選択されていない場合は選択します。次に、「場所」ドロップダウンを開き、「すべて実行」を選択します。

その後、画面の上部までスクロールして「非アクティブ」トグルをクリックし、「アクティブ」に変更する準備ができました。

ステップ 7: スニペットの有効化

最後に、「スニペットを保存」をクリックしてPHPスニペットを公開します。

さて、WordPressの組み込みログイン画面にアクセスしてみてください。

「パスワードをお忘れですか？」リンクをクリックすると、作成したカスタムパスワードリセットページにリダイレクトされます。

サイトの設定方法によっては、他のページでパスワードリセットリンクを更新する必要がある場合があります。

プラグイン（例：WPForms）を使用してWordPressのカスタムログインページを作成した場合は、このフォームに新しいパスワードリセットリンクを追加することもお勧めします。

WordPress ページカスタマイズに関するエキスパートガイド

このチュートリアルが、WordPress のパスワードリセットページをカスタマイズする方法を学ぶのに役立ったことを願っています。WordPress のログインセキュリティを強化するためのチュートリアルも参照してください。

• カスタムWordPressログインページを作成する方法（究極ガイド）
• WordPressでログイン試行を制限する方法と理由
• WordPress管理エリアを保護するための重要なヒント
• WordPressログイン画面にセキュリティの質問を追加する方法
• WordPressでカスタムログインURLを追加する方法（ステップバイステップ）

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。