Elementor에서 등록 페이지를 만드는 방법

Elementor에서 등록 페이지를 생성하시겠습니까?

네가 원한다면 웹 사이트 만들기 사용자 등록을 허용하는 WordPress에서 제공해야 하는 매우 중요한 것은 등록 페이지입니다. Elementor 추가할 기본 위젯이 없습니다. 형태 페이지 구독이지만 위젯을 사용하여 추가할 수 있습니다. 형태 약간의 트릭으로. 이 기사에서 곧 알게 될 것입니다.

위젯 이후 형태 Elementor Pro에서만 사용할 수 있습니다. Elementor를 Pro 버전으로 업그레이드해야 합니다.

Elementor에서 등록 양식을 만드는 방법

Elementor에는 등록 양식을 추가하는 기본 위젯이 없습니다. 하지만 앞에서 언급했듯이 약간의 트릭으로 Form 위젯을 사용하여 사용자 등록 페이지를 만들 수 있습니다. 다음 두 가지 구성 요소가 필요합니다.

사용자 등록 양식 자체
새 사용자를 추가할 수 있는 PHP 스크립트

시작하기 전에 Elementor를 얼마 동안 사용해 왔으며 이미 Form 위젯을 사용하여 양식을 생성했다고 가정해 보겠습니다.

준비가 되면 아래 단계에 따라 Elementor에서 가입 페이지 만들기를 시작하세요.

1단계: 등록 양식 만들기

먼저 새 페이지를 만들고 Elementor로 편집합니다. 물론 기존 페이지를 편집할 수도 있습니다. Elementor 편집기 아래에서 양식 위젯을 왼쪽 패널에서 끌어 편집 상자에 추가합니다.

양식을 사용자 정의하려면 왼쪽 패널로 이동하십시오. 열어야 하는 첫 번째 옵션 블록은 블록입니다. 양식 필드 탭 아래 함유량. 우리가 만들 등록 양식은 다음과 같이 5개의 필드로 구성됩니다.

챔피언	필드 유형	상표
이름	텍스트	이름
NOM	텍스트	이름
사용자(필수)	텍스트	사용자
이메일(필수)	이메일	이메일
비밀번호 필요)	암호	경구 드 패스포트

양식 이름: 새 사용자 만들기

한 가지 중요한 사항. 우리가 사용할 PHP 스크립트에서 변수로 사용되기 때문에 대문자와 소문자를 포함하여 위의 표와 정확히 동일한 필드 레이블을 사용해야 합니다.

읽기 : Elementor로 쿠키 동의 팝업을 만드는 방법

또한 양식에 이름을 지정해야 합니다. 다시 말하지만, 이 예에서 사용하는 것과 정확히 동일한 이름(대소문자 포함)을 사용해야 합니다(이 경우 "새 사용자 만들기").

다음은 우리가 만든 양식의 예입니다.

일단 정의 완성된 양식 필드, 블록 열기 제출 후 조치. 사용자 등록 양식을 만들고 싶기 때문에 작업을 다음으로 설정할 수 있습니다. 리디렉션.

블록에서 리디렉션, 새 사용자를 생성한 후 사용자가 이동할 URL을 붙여넣습니다. 예를 들어 웹사이트의 로그인 페이지로 리디렉션할 수 있습니다.

블록 열기 추가 옵션 옵션을 활성화 관습 메시지. 성공 메시지를 "사용자가 생성되었습니다"와 같이 바꿀 수 있습니다.

이제 양식이 준비되었습니다. 편집을 마친 후 페이지를 게시할 수 있습니다.

2단계: 새 사용자를 추가하는 새 기능 추가

다음은 WordPress 웹사이트에 새 사용자를 추가할 수 있는 PHP 스크립트입니다.

add_action('elementor_pro/forms/new_record', 'blogpascher_creer_un_nouvel_user', 10, 2); 기능 blogpascher_creer_un_new_user($ 레코드, $ ajax_handler) {$ form_name = $ 레코드-> get_form_settings('form_name'); // 양식이 "새 사용자 생성"인지 확인합니다. 그렇지 않으면 중지하고 반환합니다. if ('새 사용자 생성'! == $ form_name) {return; } $ form_data = $ 레코드-> get_formatted_data(); $ 사용자 = $ form_data ['사용자']; // "Username"으로 입력한 값 가져오기 $ 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 ["이름"]; //"N"으로 입력된 값을 가져옵니다.om"
    wp_update_user(배열("ID" => $ user, "first_name" => $ first_name, "last_name" => $ last_name)); // 사용자의 이름과 성을 업데이트합니다.}

위의 코드를 파일에 넣을 수 있습니다. functions.php 당신의 테마의. 이렇게 하려면 다음으로 이동하십시오. 모양 -> 테마 편집기 WordPress 대시보드에서 파일을 클릭하십시오 functions.php 오른쪽 패널에서 편집하고 파일 끝에 PHP 스크립트를 붙여넣습니다. 기능.php.

여기 미리보기가 있습니다.