WordPress でカスタムのログインおよび登録ページを作成する

公開: 2022-09-16

このチュートリアルでは、WordPress でカスタムのログインおよび登録ページを作成する方法を紹介します。ログインページと登録ページのカスタムページテンプレートを作成することから始めます。次に、各ページのカスタムフォームを作成します。最後に、WordPress の認証プロセスにフックして、カスタムフォームデータを処理します。

以下の手順に従って、WordPress でログインおよび登録ページを作成できます。 WordPress サイトのユーザー登録ツールを使用して、他のサイトと共有できるログインページを作成できます。このシステムには、ブランディングの向上、ユーザーエクスペリエンスの向上、セキュリティの向上に加えて、多くの利点があります。サイトでフォーム作成プラグインをまだ使用していない場合は、これが最適です。 Formidable のインストールは、他の WordPress プラグインと同じくらい簡単です。システムを利用するには、まずビジネスプランを取得する必要があります。ユーザー登録時にすべての企業が同じ量のデータを収集できるように、編集可能なユーザー登録テンプレートを作成しました。

このチュートリアルを完了するために、ログインフォームをカスタマイズする必要はありません。ユーザーの登録が完了したら、ユーザーに対する処理を構成する必要があります。ユーザー登録のドキュメントには、選択できる構成オプションがいくつかあります。ユーザー登録システムはログインプロセス全体を自動化するため、Formidable では WordPress ログインページの変更方法を学ぶ必要はありません。 WordPress ログインページは、ログインフォームを含める場合にのみ必要です。ビルダーを使用して、テンプレートを使用するのと同じ方法でページを作成できます。ログインフォームと登録フォームは、任意の投稿またはページに配置できます。

Woocommerce でカスタムのログインおよび登録ページを作成するにはどうすればよいですか?

クレジット: brightplugins.com

WooCommerce でカスタムのログインおよび登録ページを作成するには、ログイン用と登録用の 2 つの個別のページを作成する必要があります。ログインページには、顧客の電子メールアドレスとパスワードを要求するフォームを含める必要があります。登録ページには、顧客の電子メールアドレス、パスワード、およびその他の個人情報を求めるフォームを含める必要があります。これらのページを作成したら、WooCommerce アカウントページからリンクする必要があります。

WooCommerce登録フォームをどのようにカスタマイズしますか? ThemeGrill ブログはテーマ WordPress テーマに焦点を当てたブログです。 WordPress のログインページとフォームと同じように、WooCommerce の登録とログインフォームで多くのことができます。 WooCommerce のマイアカウントページを簡単に使用してカスタマイズできる最適なプラグインを選択することがいかに難しいかを理解しています。最初のステップは、必要なプラグインをダウンロードしてインストールすることです。ステップ 2 では、新しい登録フォームとログインフォームを完全に作成する必要があります。ステップ 3 では、プラグインをアップロードしてインストールし、構成する必要があります。

最初のステップとして、ユーザー登録ページから Style Customizer アドオンをダウンロードしてインストールします。 2 番目のステップは、フォームフィールドと設定を構成することです。ステップ 3 で、デフォルトの WooCommerce 登録とログインフォームを新しいものに置き換えます。ログインページと登録フォームは、登録ページに同時に表示する必要があります。 ユーザー登録プラグインを使用して、別のページに表示することもできます。登録プロセスが完了すると、ユーザーは自分のアカウントページに移動します。ユーザー登録に加えて、チェックアウトウィンドウにカスタム登録フォームを表示することもできます。

次の手順を使用して、WooCommerce アカウントをチェックアウトページに統合できます。 WooCommerce の [設定] の [アカウントとプライバシー] タブをクリックすると、設定にアクセスできます。顧客の登録情報をチェックアウトフォームに表示する場合は、フィールドを選択する必要があります。これには、これらのフィールドに加えて、請求先住所と配送先住所の両方が含まれます。

カスタムログインページ WordPress プラグイン

クレジット: Colorlib

カスタムログインページのワードプレスプラグインは、ワードプレスのログインページのルックアンドフィールをカスタマイズする優れた方法です。このプラグインを使用すると、ログインページの背景、色、ロゴを Web サイトのブランディングに合わせて変更できます。また、ログインページにカスタムメッセージとリンクを追加して、Web サイトの訪問者にとってより使いやすく、役立つようにすることもできます。

数秒で独自のブランディングを追加し、通常の WordPress ログインをカスタムログインに置き換えることができます。カスタムログインページの余分なスペースを使用して、WPForms の今後の機能についてユーザーに通知します。カスタムページを作成することで、ログインスパムを減らし、WordPress サイトを安全に保つことができます。その結果、WPForms でデータベース接続用に別のログインプラグインを作成する必要はありません。ログインフォームは簡単に使用できますが、ログインするにはパスワードを忘れた場合のリンクを追加する必要があります。フォームが表示されているページに訪問者を誘導するリダイレクトが設定されます。ハニーポットは段階的に廃止されるため、スパム対策が強化され、ログインフォームにアンチスパムトークンが追加されます。

カスタムログインフォームを Web サイトの任意の場所に埋め込むのは、[Create New Page…] ボタンを含めて簡単です。あなたのページに名前とリンクを付けてください。この例の目標は、カスタムの WordPress ログインページを作成することです。 WordPress からログアウトすると、完成したフォームを表示できます。ログインしていない場合、ログイン画面にアクセスすることはできません。ログインページのブランディングを定義することから始めることができます。この記事の終わりまでに、Web サイトのユーザー登録フォームが機能するようになります。

WordPressログインフォーム

WordPress ログインフォームは、WordPress サイトにログインするためにユーザーが入力できるフォームです。フォームには通常、ユーザー名とパスワードのフィールド、および送信ボタンが含まれています。

WP ログインフォームは、WordPress サイト用のシンプルなログインフォームを作成する簡単な方法です。このアイテムは、ショートコードを使用して投稿、ページ、またはサイドバーに追加できます。以下のパラメーターを使用して、以下に表示されるオプションをカスタマイズできますが、他のパラメーターも使用できます。 WP ログインフォームは、Google reCAPTCHA v3 を使用してフォームをスパムやその他の形態の自動化された悪用から保護するように有効にすることができます。この機能は、[設定] に移動して有効にすることができます。クリーンなマークアップを生成するクラスがありますが、CSS が含まれていないため、仕様に合わせてフォームをカスタマイズできます。

プログラムによる WordPress カスタム登録フォーム

次の手順に従って、WordPress でカスタム登録フォームを作成できます。
1. WordPress サイトに管理者としてログインします。
2. [フォーム] メニューに移動し、[新規追加] をクリックします。
3. フォームの名前と説明を入力します。
4. [フィールド] タブをクリックし、フォームに含めるフィールドを追加します。
5. [設定] タブをクリックし、フォーム送信を電子メールアドレスに送信するオプションを選択します。
6. [公開] ボタンをクリックして、フォームを保存します。
フォームが作成されたので、それをサイトに追加する必要があります。
1. [外観] メニューに移動し、[ウィジェット] をクリックします。カスタム登録フォームウィジェットをサイドバーに追加します。 [フォーム名] フィールドにフォームの名前を入力します。変更を保存します。
カスタム登録フォームがサイトに表示されるはずです。

WordPress でデフォルトの登録フォームを変更するにはどうすればよいですか?

登録フォームは、グローバル設定から編集することもできます。 [一般設定] メニューにアクセスするには、[グローバル設定] ページに移動します。ここには、デフォルトの WordPress 登録フォームを変更できるいくつかのフィールドがあります。

WordPress サイトの登録 URL を変更する方法

WP_Register ファイルにアクセスして、WordPress サイトの登録フォームの URL を変更できます。ログインフッターセクションで検索して、新しい URL のコピーを作成してください。このオプションを使用したくない場合は、いつでもリダイレクトを使用してブラウザーに別のページを追加できます。