カスタムログインフォームの作成

カスタムフォームを作成して、ユーザーがサイトにログインできるようにしますか? ユーザー登録アドオンには、ユーザーログインフォームテンプレートをログインフォームとして使用するための特別なオプションが用意されています。

このチュートリアルでは、WPFormsでユーザーログインフォームを作成する手順を説明します。

注意: ユーザーログインフォームテンプレートを使用するには、サイトにユーザー登録アドオンがインストールされ、有効化されている必要があります。


ログインフォームテンプレートへのアクセス

ユーザー登録アドオンを有効化して設定した後、WPForms » 新規追加に移動します。設定ページで「ユーザーログイン」を検索します。次に、ユーザーログインフォームテンプレートにカーソルを合わせ、テンプレートを使用をクリックします。

ユーザーログインフォームテンプレートの使用

テンプレートはそのまま使用できるため、フォームをカスタマイズする必要はありません。ただし、以下にログインフォームをカスタマイズする方法を示します。

ログインフォームのカスタマイズ

これを行うには、フォームビルダーで設定 » ユーザー登録に移動します。ここで、ログイン中のユーザーにはフォームを非表示にするオプションが表示されます。

ログインフォームの設定

ログイン中のユーザーにログインフォームを非表示にすることは、混乱を減らすのに役立つため、ユーザーエクスペリエンスを向上させる優れた方法です。

ログイン中のユーザーメッセージフィールドでは、ログイン中のユーザーがログインフォームにアクセスしようとした場合に表示されるメッセージをカスタマイズできます。

ユーザーログインフォームテンプレートのユーザー登録アドオン設定

これは、フロントエンドでメッセージがどのように表示されるかの例です。

フロントエンドでのログイン中メッセージの例

ログインフォームで満足したら、フォームビルダーを終了する前に保存し、ページに埋め込むことを忘れないでください。

注意: ログインフォームのカスタマイズ方法に関するその他のアイデアや詳細については、カスタムログインページの作成に関するブログ記事をご覧ください。

これで、WPFormsでカスタムログインフォームを作成する方法がわかりました。

次に、パスワードを忘れた場合にユーザーがパスワードをリセットできるようにしますか? パスワードリセットフォームの作成に関するチュートリアルを確認して、方法を学んでください。

最高のWordPressドラッグアンドドロップフォームビルダープラグイン

簡単、高速、安全。WPFormsを信頼する600万人以上のウェブサイト所有者に加わりましょう。