WordPressでカスタムユーザー登録フォームを作成する方法

カスタムユーザー登録フォーム


WordPressでカスタムユーザー登録フォームを作成したいとお考えですか?いい案!デフォルトでは、WordPressのユーザー登録フォームはかなり退屈です。自分のブランディングを加えてみませんか?

この記事では、WordPressでカスタムユーザー登録フォームを作成する方法を順を追って説明します.

なぜわざわざカスタムユーザー登録フォームを追加するのか?

ブランドのすべてです、ベイビー!デフォルトのWordPressユーザー登録フォームには、あなたのブランドではなく、ブランドが表示されます。他のウェブサイトの全体的な「外観」とは一致しません。

WordPress Webサイトの任意のページにカスタムユーザー登録フォームを追加することもできます。さらに、ユーザーが登録するとユーザーをリダイレクトするように設定できます。つまり、ユーザーを任意のランディングページに誘導できます。これは、たとえば、ユーザーをメールのオプチンページにリダイレクトする場合にリードを収集するのに最適な方法です。.

それでは、「なぜ」がわかったところで、「方法」に移りましょう。これからは、WordPressでカスタムユーザー登録フォームを作成するために必要なことを正確に説明します.

WordPressでカスタムユーザー登録フォームを作成する方法

ダウンロードから始めます WPFormsプラグイン. 次に、インストールしてアクティブ化します。わからない?問題ない。 WordPressプラグインをインストールしてすべてを整理する方法に関するガイドにアクセスしてください.

あなたが必要になることに注意してください WPFormsのプロプラン(またはそれ以上) WordPressでカスタムユーザー登録フォームを作成するため。しかし、恐れることはありません。クーポンコードを使用して, 保存10, すぐにコストの10%を割引できます.

プラグインを有効にした後、 WPForms»アドオン ユーザー登録アドオンをインストールします。 「アドオンのインストール」をクリックし、インストールが完了したら「アクティブ化」をクリックするだけです.

準備完了?驚くばかり。 WordPressでカスタムユーザー登録フォームの作成を開始します.

に移動してWPFormsビルダーを起動します WPForms»新規追加.

フォームに名前を付け、「ユーザー登録フォーム」テンプレートを選択します.

このサンプル/テンプレートには、次のユーザー登録フィールドが事前に追加されています。

  • 名前
  • ユーザー名
  • Eメール
  • パスワード
  • 短い略歴

あなたが見るものが好きなら、あなたは次のステップに陽気に行くことができます.

フィールドを再配置する場合は、ドラッグアンドドロップ機能を使用できます。または、左側の列からフィールドをドラッグして追加することもできます。または、満足できないフィールドを削除することもできます. WPForms カスタマイズ機能で知られています。楽しんでください.

準備ができたら、[保存]をクリックして次のステップに進みます.

ユーザー登録フォームにカスタムフィールドを追加する方法

WPFormsには、カスタムユーザープロファイルをユーザー登録フォームに接続できる便利な機能があります。ただし、これを行うには、WordPressサイトを調整する必要があります。つまり、ユーザープロファイルフィールドを追加する必要があります。.

これを実現するには、追加のWordPressプラグインが必要です.

標準のWordPressカスタムフィールドを使用してメタデータを追加および保存するプラグインは、WPFormsで動作します。ただし、このチュートリアルでは、 ユーザーメタマネージャー.

User Meta Managerプラグインをダウンロードしてインストールし、アクティブ化します。有効化されたら、 ユーザー»ユーザーメタマネージャー ページをクリックし、[カスタムメタの追加]をクリックします。

カスタムユーザープロフィールフィールドが内部で認識されるようにするには、キーを入力する必要があります。次に、フィールドタイプを選択する必要があります。このチュートリアルでは、Facebookプロフィールアドレスを追加するためにURLフィールドを使用しています.

[ラベル]で、フィールドを説明するラベルを入力する必要があります。これは、ユーザーがフォームに入力するときにウェブサイトのユーザーに表示されます.

カスタムメタフィールドを追加するには、[送信]をクリックします。次に行きます ユーザー»あなたのプロフィール 魔法の動作を見る.

カスタムユーザープロファイルフィールドを作成したので、WPFormsを介してWordPressのカスタムユーザー登録フォームに追加します。これを行うには、に行く必要があります WPForms»すべてのフォーム 以前に保存したフォームを編集(または新しいフォームを作成).

画面にフォームが表示されたら、左側の列のフィールドをクリックして、フォームにドラッグします。このチュートリアルでは、フォームにWebsite / URLフィールドを追加します.

次に、ユーザーにFacebookプロフィールのURLオプションを追加したので、新しいフィールドにそれを反映させる必要があります。フィールドをクリックして編集します。次に、左側の[フィールドオプション]セクションで、ラベルを「Webサイト/ URL」から「FacebookプロフィールURL」に変更します。必要に応じて、説明を追加することもできます.

完了したらフォームを保存します.

次に、[設定]ボタンをクリックして、フォームの詳細設定とフィールドマッピングにアクセスする必要があります。このページで、[ユーザー登録]タブをクリックします。.

WPFormsはフォームフィールドを表示し、その下にドロップダウンメニューを表示して、WordPress登録フィールドを選択してマップします.

WPFormsは、名前、電子メール、パスワードなどのデフォルトのフィールドを自動的にマッピングします。ユーザーがフォームを送信したら、リダイレクト先のページを選択することもできます.

ここから、「カスタムユーザーメタ」セクションまでスクロールします。前に作成したカスタムメタキーを入力し、それをマッピングするフォームフィールドを選択します.

完了したら、[保存]をクリックして、最後の手順に進みます.

WordPressでカスタムユーザー登録フォームを追加する方法

これは簡単な部分です。この時点から順調に航海しています.

WPForms, WordPressウェブサイトの投稿、ページ、サイドバーウィジェットにフォームを簡単かつ迅速に追加できます.

この例では、新しいページを作成します.

ページ編集画面では、ツールバーのすぐ上にWPFormsボタンがあります。その吸盤に良いハードクリックを与えます.

これで、画面にポップアップが表示されます。ドロップダウンメニューから作成したフォームを選択し、[フォームの挿入]ボタンをクリックします.

バム!これで、フォームのショートコードがページに表示されます。 [公開](古いページを編集している場合は[更新])をクリックすると、フォームがサイトに公開されます.

サイドバーウィジェットを使用しますか?問題ない。に行くだけ 外観»ウィジェット WPFormsウィジェットをサイドバー領域にドラッグします.

ウィジェットの設定のドロップダウンメニューから、作成したフォームを選択します。次に、「保存」をクリックします。それでおしまい!これで、ユーザー登録フォームがサイドバーに表示されます.

ウィジェットを作成

また、WordPressでAMPフォームを作成する方法も確認してください。.

この記事が、WordPressでカスタムユーザー登録フォームを作成する方法を学習するのに役立つことを願っています。あなたができるもっと素晴らしいことを探しているなら WPForms, WordPressでアンケートを作成する方法に関する記事を確認してください.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map