ワードプレスのカスタム登録ページを作成する方法

ユーザー向けにパーソナライズされた登録フォームを作成しますか？

デフォルトのWordPress登録フォームには、WordPressのブランドが表示され、WebサイトのWordPressテーマと一致しません。

WordPressをインストールしたことがない場合は、このチュートリアルで確認してください あなたのブログをインストールおよび設定する方法

このチュートリアルでは、WordPressでカスタム登録フォームを作成する方法を紹介します。

WordPressにパーソナライズされた登録フォームを追加する理由

デフォルトのWordPress登録ページには、WordPressのブランドとロゴが表示されます。 それは必ずしもあなたのウェブサイトの他の部分と一致するとは限りません。

カスタム登録フォームを作成すると、登録フォームをWebサイトのページに追加できます。 これは、登録プロセス中により一貫したユーザーエクスペリエンスを提供するのに役立ちます。

続行する前に発見することができます WordPressで登録ページとログインページをカスタマイズする方法

パーソナライズされた登録フォームを使用すると、登録後にユーザーをリダイレクトすることもできます。 追加のプロファイルフィールドを表示し、それらをカスタムログインフォームと組み合わせて、電子メールマーケティング部門に接続することもできます。

そうは言っても、カスタムのWordPressサインアップフォームを作成する方法を簡単に見ていきます。

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

あなたがする必要がある最初のことはインストールして WPFormsプラグインをアクティブ化する。 詳細については、 WordPressプラグインのインストール方法に関するステップバイステップガイドを確認してください.

少なくとも計画が必要になります Pro ユーザー登録フォームにアクセスするため。

アクティベーション後、「 WPForms»設定 WPFormsライセンスキーを入力します。 このキーは、WPFormsアカウントで取得できます。

次に、「 WPForms>アドオン 」。 ボタンをクリックしてください アドオンをインストール »拡張機能について« ユーザー登録フォーム '。

WPFormsは拡張機能をダウンロードしてインストールします。 ボタンをクリックする必要があります 「有効にします」 拡張機能の使用を開始します。

これで、パーソナライズされた登録フォームを作成する準備が整いました。

あなたが訪問する必要があります」 WPForms>新規追加 WPForms Video Builderを使用するには。

まず、フォームの名前を入力してから、テンプレートを選択する必要があります。ユーザー登録フォーム」（ユーザー登録フォーム).

WPFormsはあなたのための簡単な登録フォームを作成します。 このサンプルには、次のフィールドがあります。

• 姓名
• ユーザー名
• メール
• パスワード
• ショート伝記

左ペインからフィールドを追加できます。 フィールドをドラッグするだけで、順序を並べ替えることができます。

カスタム登録フォームへのカスタムフィールドの追加

WPFormsでは、プロファイルフィールドをフォームに追加することもできます。 これを行うには、特別なプラグインが必要です。

この例では、無料のプラグインを使用します ユーザーメタマネージャー '。 

最初に行う必要があるのは、プラグインをインストールしてアクティブにすることです ユーザーメタマネージャー 」。 詳細については、当社のガイドをご覧ください WordPressにプラグインをインストール（追加）する方法

プラグインをアクティブにした後、次の場所に移動する必要があります ユーザー>ユーザーの管理 そして、メタを追加して続行します。

ただし、最初にキーを入力する必要があります。 このキーは、カスタムユーザープロファイルフィールドが内部でどのように認識されるかを通知します。

次に、フィールドのタイプを選択する必要があります。 この例では、URLフィールドを使用してFacebookプロファイルのURLを追加します。 «の下 ラベル »、このフィールドに入力するときにユーザーに表示されるラベルを入力する必要があります。

続行する前に、発見する ワードプレスのカスタムフィールドを表示する方法

ボタンをクリックしてください 送信 」（提出する）カスタムメタフィールドを追加します。 その後、セクションにアクセスできます ユーザー »あなたのプロフィール フィールドを表示するには。

カスタムフィールドを作成したので、それをWPFormsのカスタム登録フォームに追加しましょう。

に行きます  WPForms»すべてのフォーム » パーソナライズされた登録フォームを変更するか、新しいフォームを作成します。

その後、左側のパネルのフィールドをクリックしてフォームに追加します。 この例では、フィールド「 WebサイトのURL 私たちのフォームに。

フィールド ウェブサイト/ URL フォームのプレビューに表示されます。 クリックするだけで、WPFormsのプロパティが左ペインに表示されます。

ウェブサイトのラベルを変更する必要があります " ウェブサイト/ URL 「 URL Facebookのプロフィール」。 フィールドの説明を追加することもできます。

ボタンをクリックすることを忘れないでください« Enregistrer 画面の右上隅にあるフォームを保存します。

次に、ボタンをクリックする必要があります パラメータ （設定）フォームの詳細設定。 ページで 設定 "、 クリックしてください" ユーザー登録 '。

WPFormsは、フィールドと下のドロップダウンメニューを表示して、登録フィールドを選択できるようにします。 マッパー」（ログインまたは調和）。

私たちを発見 カスタムフィールドを作成するための8プレミアムWordPressプラグイン

WPForms " マップ »名前、電子メール、パスワードなどのデフォルトフィールドが自動的に…。

ユーザーがフォームを検証したら、リダイレクトするページを選択できます。

「」まで下にスクロールする必要があります カスタムユーザーメタ 」。 ここで、以前に作成したカスタムメタキーを入力し、「マッピング」するフォームのフィールドを選択できます。

設定を保存することを忘れないでください

WordPressに登録フォームを追加する方法

このパートを始める前に、発見することを勧めます ワードプレスのカスタム登録ページを作成する方法. 

完了したら、WordPressでフォームを一緒に追加しましょう

WPFormsを使用すると、サイドバーまたはページや記事にウィジェットを簡単に追加できます。 記事/ページを編集することから始めなければなりません。

編集画面に、新しいWPFormsボタンが表示されます。

それをクリックすると、コンテキストメニューが表示されます。 ドロップダウンメニューからフォームを選択し、[  フォームを追加 '。

ショートコード「 WPForms 記事のコンテンツエディタに表示されます。 これで、投稿/ページを公開または保存してから、フォームをプレビューできるようになります。

WPFormsでは、サイドバーにカスタム登録フォームを追加することもできます。 メニューにアクセス  外観>>ウィジェット>>、ウィジェットを追加 WPForms サイドバーへ。

ウィジェット設定のドロップダウンメニューから表示するフォームを選択する必要があります。 ウィジェットの設定を保存することを忘れないでください。

これで、Webサイトにアクセスして、パーソナライズされた登録フォームの動作を確認できます。

 

これで、パーソナライズされた登録フォームの作成が終了します。 ただし、先に進む前に、記事を確認することをお勧めします WPForms：連絡先フォームを作成するための最高のWordPressプラグイン

明らかに同じタスクを達成するための他のプレミアム ソリューションを探している場合は、当社の 3 をチェックしてください。 WordPressのプラグイン 以下。

1。 WPカスタム管理者ログイン

WP カスタム管理者ログインは WordPressのプラグイン WordPress デフォルト ログイン ページ カスタマイズ プレミアム。 WordPressカスタマイザーからこのページをカスタマイズでき、完全に選択できる25以上の素晴らしいページテンプレートが付属しています.

コーディングスキルがなくても、すぐに優れたログインページを作成できます。 その視覚的なインターフェイスは非常に直感的で、好みに応じてログインページを設定できます。 ページの背景として使用できるビデオと画像をサポートしています。

ダウンロード | デモ | ウェブホスティング

2。 フレックス登録

Flex-Register は WordPressのプラグイン これにより、ライトボックスに登録フォームまたはログイン フォームを追加できます。 ページの更新は必要なく、インストール後すぐに機能します。 したがって、構成は必要ありません。

また、フォームを Web サイトのアクティブな WordPress テーマのスタイルに一致させることもできます。 機能としては、とりわけ次のものを提供します: クリーンなデザインとよくコメントされたコード、完全にカスタマイズ可能な外観、ほとんどの ds との互換性 WordPressテーマ 人気のある、クロスブラウザーのサポートなど。

ダウンロード| デモ| ウェブホスティング

3。 ログイン忍者

Ce WordPressのプラグイン ログインページをカスタマイズできます。 ログインフォームをカスタマイズするだけではありません。 ページ全体をカスタマイズしたり、色を変更したり、背景画像を追加したり、ロゴを追加したりできます。

その他の機能は次のとおりです。captchaによるログインおよび登録フォームの保護、ブルートフォースによって攻撃するIPの自動および手動禁止、すべての接続関連アクティビティの詳細ログ、に基づくユーザーリダイレクト役割とユーザー名、すべてのログインイベントの電子メール通知の受信、使いやすいグラフィカルインターフェイス、詳細なドキュメントなど。

ダウンロード| デモ| ウェブホスティング

その他の推奨リソース

他の種類のフォームを作成しますか？ この推奨リソースのリストを自由にチェックしてください。 

• WPFormsレビュー：それはあなたのフォームに最適なプラグインですか？
•  WordPressでGDPR準拠フォームを作成する方法
• Forminator：WordPressでの計算と支払いが可能なフリーフォームジェネレータ

まとめ

出来上がり！ このチュートリアルはこれで終わりです。 WordPressで登録のカスタムフォームを簡単に作成できることを願っています。 また、ご相談ください あなたが初心者ブロガーならリソース. 

提案や発言があれば歓迎します。 しかし、 あなたが好きだったに躊躇しないでください  さまざまなソーシャルネットワークでこの記事を共有してください。

...