Elementorで登録ページを作成する方法

Elementorで登録ページを作成しますか？

あなたが希望する場合ウェブサイトを作成するユーザー登録を可能にするWordPress、提供する必要がある非常に重要なものは登録ページです。 Elementor 追加するデフォルトのウィジェットがありませんフォームページへのサブスクリプションですが、ウィジェットを使用してページを追加できます企業ニーズ　「応募用紙」説明書ちょっとしたコツで。この記事ですぐにわかります。

ウィジェット以来企業ニーズ　「応募用紙」説明書はElementor Proでのみ利用可能です。Elementorをプロバージョンにアップグレードする必要があります。

Elementorで登録フォームを作成する方法

Elementorには、登録フォームを追加するためのデフォルトのウィジェットがありません。ただし、前述のように、フォームウィジェットを使用してユーザー登録ページを少しのトリックで作成できます。必要なコンポーネントはXNUMXつあります。

ユーザー登録フォーム自体
新しいユーザーを追加できるPHPスクリプト

始める前に、Elementorをしばらく使用していて、Formウィジェットを使用してすでにフォームを作成していると仮定しましょう。

準備ができたら、以下の手順に従ってElementorでサインアップページの作成を開始します。

ステップ1：登録フォームを作成する

まず、新しいページを作成し、Elementorで編集します。もちろん、既存のページを編集することもできます。 Elementorエディターの下で、フォームウィジェットを左側のパネルからドラッグして編集ボックスに追加します。

左側のパネルに移動して、フォームをカスタマイズします。開く必要のあるオプションの最初のブロックはブロックです Form Fields タブの下 コンテンツ。 作成する登録フォームは、次の5つのフィールドで構成されます。

チャンプ	フィールドタイプ	ラベル
ファーストネーム	テキスト	名字
NOM	テキスト	名前
ユーザー（必須）	テキスト	Utilisateur
Eメール（必須）	電子メール	電子メール
パスワードが必要）	パスワード	パスワード

フォーム名：新しいユーザーを作成します

注意すべき重要なことのXNUMXつ。 使用するPHPスクリプトの変数として使用されるため、大文字と小文字を含め、上記の表とまったく同じフィールドラベルを使用してください。

また読みます： ElementorでCookie同意ポップアップを作成する方法

また、フォームには必ず名前を付けてください。繰り返しになりますが、この例で使用しているのとまったく同じ名前（大文字と小文字を含む）を使用してください（この場合は「新しいユーザーの作成」）。

これが私たちが作成したフォームの例です。

一度定義完成したフォームフィールド、ブロックを開く 送信後のアクション。 ユーザー登録フォームを作成するため、アクションを次のように設定できます。 リダイレクト.

ブロック内 リダイレクト、 新しいユーザーを作成した後、ユーザーに誘導するURLを貼り付けます。たとえば、それらをWebサイトのログインページにリダイレクトできます。

ブロックを開く 追加オプション オプションを有効にします カスタム メッセージ 成功メッセージを「ユーザーが作成されました」のようなものに置き換えることができます。

これでフォームの準備が整いました。編集が終了したら、ページを公開できます。

ステップ2：新しい関数を追加して新しいユーザーを追加する

これは、WordPressWebサイトに新しいユーザーを追加できるPHPスクリプトです。

add_action（ 'elementor_pro / forms / new_record'、 'blogpascher_creer_un_nouvel_user'、10、2）; function blogpascher_creer_un_new_user（$ record、$ ajax_handler）{$ form_name = $ record-> get_form_settings（ 'form_name'）; //フォームが「新しいユーザーを作成」であることを確認します。そうでない場合は-停止して戻ります。 if（ '新しいユーザーを作成'！== $ form_name）{return; } $ form_data = $ record-> get_formatted_data（）; $ user = $ form_data ['User']; //「ユーザー名」として入力された値を取得します$ password = $ form_data ['Password']; //「パスワード」として入力された値を取得します$ email = $ form_data ['Email']; //「Email」として入力された値を取得します$ user = wp_create_user（$ username、$ password、$ email）; //新しいユーザーを作成し、成功した場合はuser_idを返しますif（is_wp_error（$ user））{//新しいユーザーの作成中にエラーが発生した場合$ ajax_handler-> add_error_message（ "新しいユーザーを作成できません: "。$ user-> get_error_message（））; //メッセージを追加$ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" First name "]; //「」として入力された値を取得します名字"
    $ last_name = $ form_data ["Name"]; //「N」として入力された値を取得しますom"
    wp_update_user（array（ "ID" => $ user、 "first_name" => $ first_name、 "last_name" => $ last_name））; //ユーザーを名前と名前で更新します}

上記のコードをファイルに入れることができます のfunctions.php あなたのテーマの。これを行うには、に移動します 外観->テーマエディター WordPressダッシュボードで。ファイルをクリックします のfunctions.php 右側のパネルで編集し、ファイルの最後にPHPスクリプトを貼り付けます 関数.php。

これがプレビューです。