web-dev-qa-db-ja.com

マルチステップWordPress登録：4つのステップでどのように？

私はいくつかのWordPressサイトで、登録の過程が3つか4つのステップで行われていることを見ました。

どのように私は私のテーマにそのようなプロセスを実装することができますか？すなわち：

  1. あなたの役割を選択してください+登録フォームに記入してください----> OKの場合はステップ2に進んでください
  2. プロフィールの詳細：ユーザー写真、いくつかのユーザーメタフォーム---- <OKなら送信、その後ステップ3へ
  3. 確認する前にプロファイルをプレビューします--- <手順4に進む、または手順3に戻って変更を加えます。
  4. 登録完了成功

UPDATE

こんにちはみんな私はそれを少し考え出した、（私は通常のワンステップ登録フォームを持っているjobrollerテーマを使用していますが、それは求人リストの提出のための複数のステップフォームを持っています） 私が望んでいたのは、登録フォームに同じもの（ジョブのマルチステップフォームを送信する）を使用することです。そのため、ユーザーはプロファイルの詳細など、同じプロセス内のものをすべて入力する必要があります。登録。だから私はjobrollerテーマのオリジナル登録（/ theme-login.phpを含む）とここでそれが与えるものをハッキングしました。

theme-login.php

これが元のjr_register_form()を置き換える関数登録ステップです。

function jr_registration_steps() {

// Show registration steps forms

### Prevent Caching
nocache_headers();

jr_load_form_scripts();

//global $post, $posted;
global  $posted;
$submitID = $post->ID;

$posted = array();
$errors = new WP_Error();

if (!is_user_logged_in()) :
    $step = 1; 
else :
    $step = 2;
    if (!current_user_can('can_submit_job')) : //can_submit_listing redirect to my listing
        redirect_myjobs();
    endif;
endif;

if (isset($_POST['register']) && $_POST['register']) {

    $result = jr_process_register_form( get_permalink($submitID) );

    $errors = $result['errors'];
    $posted = $result['posted'];

//}
//elseif (isset($_POST['login']) && $_POST['login']) {

    //$errors = jr_process_login_form();

}
elseif (isset($_POST['job_submit']) && $_POST['job_submit']) {  

    $result = jr_process_submit_job_form();//jr_process_submit_user_registration_form

    $errors = $result['errors'];
    $posted = $result['posted'];

    if ($errors && sizeof($errors)>0 && $errors->get_error_code()) $step = 2; else $step = 3;

}
elseif (isset($_POST['preview_submit']) && $_POST['preview_submit']) {

    $step = 4;

    $posted = json_decode($_POST['posted']);

}
elseif (isset($_POST['confirm']) && $_POST['confirm']) {

    $step = 4;

    jr_process_confirm_job_form();//jr_process_confirm_user_registration_form

}
elseif (isset($_POST['goback']) && $_POST['goback']) {
    $posted = json_decode(stripslashes($_POST['posted']), true);
}

if( isset($_GET['checkemail']) && 'newpass' == $_GET['checkemail'] )    
    $message = __('Thank you for registering! An email has been sent to you containing your password.','appthemes');

   get_template_part('header'); ?>

<div class="section">

    <div class="section_content">

        <h1><?php _e('create an Account', 'appthemes'); ?></h1>

        <?php 
            echo '<ol class="steps">';
            for ($i = 1; $i <= 4; $i++) :
                echo '<li class="';
                if ($step==$i) echo 'current ';
                if (($step-1)==$i) echo 'previous ';
                if ($i<$step) echo 'done';
                echo '"><span class="';
                if ($i==1) echo 'first';
                if ($i==4) echo 'last';
                echo '">';
                switch ($i) :
                    case 1 : _e('Create account', 'appthemes'); break;
                    case 2 : _e('Enter Profile Details', 'appthemes'); break;
                    case 3 : _e('Preview/Profile Options', 'appthemes'); break;
                    case 4 : _e('Confirm', 'appthemes'); break;
                endswitch;
                echo '</span></li>';
            endfor;
            echo '</ol><div class="clear"></div>';

            // show the success message usually because a password has been emailed to new user
            if (isset($message) && !empty($message)) echo '<p class="success">'.$message.'</p>';

            jr_show_errors( $errors ); 

            switch ($step) :

                case 1 :
                    jr_before_step_one(); // do_action hook
                    ?>
                    <p><?php _e('You must login or create an account in order to post a job &mdash; this will enable you to view, remove, or relist your listing in the future.', 'appthemes'); ?></p>

                    <div class="col-1">
                        <?php jr_register_form( get_permalink($submitID), 'job_lister' ); ?> <!-- change job_lister to new role--->
                    </div>
                    <div class="col-2">         
                        <?php jr_login_form( get_permalink($submitID), get_permalink($submitID) ); ?>  <!-- delete--->
                    </div>
                    <div class="clear"></div>
                    <?php                       
                    jr_after_step_one(); // do_action hook                      
                    break;
                case 2 :    
                    jr_before_step_two(); // do_action hook
                    jr_submit_job_form(); //*****jr_submit_user_registration_form();                
                    jr_after_step_two(); // do_action hook  
                    break;
                case 3 :    
                    jr_before_step_three(); // do_action hook
                    jr_preview_job_form();  //*****jr_preview_user_registration_form();
                    jr_after_step_three(); // do_action hook
                    break;
                case 4 :
                    jr_before_step_four(); // do_action hook
                    jr_confirm_job_form();  //*****jr_confirm_user_registration_form();
                    jr_after_step_four(); // do_action hook
                    break;

            endswitch;  
        ?>

    </div><!-- end section_content -->

</div><!-- end section -->

<div class="clear"></div>

 <?php if (get_option('jr_show_sidebar')!=='no') get_sidebar('submit'); ?>

 <?php 

   get_template_part('footer');

  }

ここに私は私のインクルード/ forms/register/register-process.phpに持っているもの

register-process.php

私は一番下でこれを修正したことに注意してください：

// redirect wp_redirect($success_redirect); wp_redirect($success_redirect);// redirect user to dashbord when registred exit();

このコードに：

$redirect_to = !empty( $_POST['redirect_to'] ) ? $_POST['redirect_to'] : '?action=register&step=2';
                            wp_safe_redirect( $redirect_to );

                            exit;

&step=2をURLに追加するには、他のフォームに同様のコードを追加して、リダイレクト後に正しい手順をURLに表示することができますか？action = register

自分のニーズに合わせてコードをハックすることはまだ終わっていませんが、私が提案したのはbegininであり、他の人が修正または表示を改善するのに役立ちます。

その助けになれば幸いです:)

usersregistrationwp-login-form
4
fritids

これを行う最も簡単な方法は、Gravity Formsプラグインを使用することです。それにはお金がかかりますが、投資に見合うだけの価値があり、開発時間の節約にすぐに役立ちます。

1
Tom J Nowell