امروز یک آموزش کوتاه و کاربردی آماده کردم که با استفاده از این آموزش میتونید در وردپرس یک صفحه عضویت جدا مثل سیستم های جوملا و دیتالایف ایجاد کنید و کمی رابط کاربری سیستم وردپرس رو قوی تر کنید . ادامه مطلب رو مطالعه کنید

مرحله اول : ایجاد فایل signup.php

در مرحله اول باید فایلی با نام signup.php در پوشه قالب سایت ایجاد کنید

مرحله دوم : نامگذاری

<?php
/*
Template Name: Signup
*/
?>

مرحله سوم : بررسی لاگین بودن کاربر از قبل

ما باید قبل از نمایش دادن فرم ثبت نام ، لاگین بودن کاربر در سایت رو بررسی کنیم تا اگر کاربری در سیستم از قبل وارد شده باشه و صفحه ثبت نام رو باز کنه به صفحه اصلی سایت منتقل بشه . همینطور ما باید فایل registration.php رو از فولدر wp-includes فراخوانی کنیم تا بتونیم کاربر جدیدی رو داخل وردپرس ایجاد کنیم

<?php
require_once(ABSPATH . WPINC . '/registration.php');
global $wpdb, $user_ID;
if (!$user_ID) {
   //تمامی کدها در این قسمت قرار داده خواهند شد
}
else {
   echo "<script type='text/javascript'>window.location='". get_bloginfo('url') ."'</script>";
}
 

مرحله چهارم : ساخت فرم و استفاده از jQuery Ajax

قبل از نمایش دادن فرم باید فعال بودن امکان ثبت نام توسط مدیران رو با استفاده از تابع get_option(‘users_can_register’) بررسی کنیم . اگر کتابخانه جی کوئری در قالب شما از قبل فراخوانی شده میتونید کد مربوط بهش رو حذف کنید

<?php                  
if(get_option('users_can_register')) { //بررسی فعال بودن امکان عضویت
?>
 
<h1><?php the_title(); ?></h1>
<div id="result"></div> <!-- نتایج بررسی معتبر بودن نام کاربری و آدرس ایمیل -->
<form id="wp_signup_form" action="" method="post">
 
<label>نام کاربری</label><br />
<input type="text" name="username" class="text" value="" /><br />
<label>آدرس ایمیل</label><br />
<input type="text" name="email" class="text" value="" /> <br />
<br /><br />
<input type="submit" id="submitbtn" name="submit" value="عضویت" />
 
</form>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script> <!-- اگر جی کوئری قبلا در قالب شما لود شده است این کد را حذف کنید -->
<script type="text/javascript">                        
$("#submitbtn").click(function() {
 
$('#result').html('<img src="<?php bloginfo('template_url'); ?>/images/loader.gif" class="loader" />').fadeIn();
var input_data = $('#wp_signup_form').serialize();
$.ajax({
type: "POST",
url:  "<?php echo "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>",
data: input_data,
success: function(msg){
$('.loader').remove();
$('<div>').html(msg).appendTo('div#result').hide().fadeIn('slow');
}
});
return false;
 
});
</script>
 
<?php
    }
 
else echo "امکان ثبت نام کابران جدید توسط مدیریت سایت غیرفعال شده است";
?>
 

مرحله پنجم : اعتبارسنجی input ها و ثبت نام کاربر

کد زیر رو داخل if (!$user_ID) { } اضافه کنید و فرم ثبت نام رو به قسمت مشخص شده در کد زیر منتقل کنید

if($_POST){
    $username = $wpdb->escape($_REQUEST['username']);
    if(empty($username)) {
        echo "نام کاربری نمیتواند خالی باشد";
        exit();
    }
    $email = $wpdb->escape($_REQUEST['email']);
    if(!preg_match("/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/", $email)) {
        echo "لطفا یک ایمیل معتبر وارد کنید";
        exit();
    }
 
 
    $random_password = wp_generate_password( 12, false );
    $status = wp_create_user( $username, $random_password, $email );
    if ( is_wp_error($status) )
    echo "نام کاربری یا آدرس ایمیل قبلاً انتخاب شده است";
    else {
    $from = get_option('admin_email');
    $headers = 'از : '.$from . "\r\n";
    $subject = "ثبت نام انجام شد";
    $msg = "ثبت نام انجام شد\nاطلاعات ورود به سایت\nنام کابری : $username\nکلمه عبور : $random_password";
    wp_mail( $email, $subject, $msg, $headers );
    echo "اطلاعات ورود به سایت به ایمیل شما ارسال شد";
            }
 
    exit();
 
}
 else
{
//فرم رو به این قسمت منتقل کنید
}

در کد بالا ما input ها رو اعتبارسنجی میکنیم و بعد با استفاده از تابع wp_generate_password() یک کلمه عبور تصادفی برای کاربر ایجاد میکنیم . با تابع wp_create_user یک کاربر جدید ایجاد میکنیم (اگر نام کاربری انتخابی از قبل در سیستم وجود نداشته باشد) و در آخر یک ایمیل حاوی اطلاعات ورود به سیستم برای کاربر ارسال میکنیم

مرحله آخر : ساخت صفحه ی ثبت نام

در این مرحله باید یک برگه با عنوان انتخابی خودتون ایجاد کنید و از سمت چپ قالب singup رو برای این برگه انتخاب کنید . قبل از مشاهده برگه حتما logout کنید

سورس کامل

<?php
/*
Template Name: Signup
*/
?>
<?php
require_once(ABSPATH . WPINC . '/registration.php');
global $wpdb, $user_ID;
//بررسی لاگین بودن کاربر
if (!$user_ID) {
 
    if($_POST){
        $username = $wpdb->escape($_REQUEST['username']);
        if(empty($username)) {
            echo "نام کاربری نمیتواند خالی باشد";
            exit();
        }
        $email = $wpdb->escape($_REQUEST['email']);
        if(!preg_match("/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/", $email)) {
            echo "لطفا یک ایمیل معتبر وارد کنید";
            exit();
        }
 
 
            $random_password = wp_generate_password( 12, false );
            $status = wp_create_user( $username, $random_password, $email );
            if ( is_wp_error($status) )
                echo "نام کاربری یا آدرس ایمیل قبلاً انتخاب شده است";
            else {
                $from = get_option('admin_email');
                        $headers = 'از : '.$from . "\r\n";
                        $subject = "ثبت نام انجام شد";
                        $msg = "ثبت نام انجام شد\nاطلاعات ورود به سایت\nنام کابری : $username\nکلمه عبور : $random_password";
                        wp_mail( $email, $subject, $msg, $headers );
                echo "اطلاعات ورود به سایت به ایمیل شما ارسال شد";
            }
 
        exit();
 
    } else {
            get_header();
        ?>
 
        <script src="http://code.jquery.com/jquery-1.4.4.js"></script> <!-- اگر جی کوئری قبلا در قالب شما لود شده است این کد را حذف کنید -->

            <div id="container">
            <div id="content">

        <?php                  
        if(get_option('users_can_register')) { //بررسی فعال بودن امکان عضویت
        ?>
 
        <div id="result"></div> <!-- نتایج بررسی معتبر بودن نام کاربری و آدرس ایمیل -->
        <form id="wp_signup_form" action="" method="post">
 
        <label for="username">نام کاربری</label><br />
        <input type="text" name="username" class="text" value="" /><br />
        <label for="email">آدرس ایمیل</label><br />
        <input type="text" name="email" class="text" value="" /> <br />
        <br /><br />
        <input type="submit" id="submitbtn" name="submit" value="ثبت نام" />
 
        </form>
 
        <script type="text/javascript">                        
        $("#submitbtn").click(function() {
 
        $('#result').html('<img src="<?php bloginfo('template_url'); ?>/images/loader.gif" class="loader" />').fadeIn();
        var input_data = $('#wp_signup_form').serialize();
        $.ajax({
        type: "POST",
        url:  "<?php echo "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>",
        data: input_data,
        success: function(msg){
        $('.loader').remove();
        $('<div>').html(msg).appendTo('div#result').hide().fadeIn('slow');
        }
        });
        return false;
 
        });
        </script>
 
        <?php
            }
 
        else echo "امکان ثبت نام کابران جدید توسط مدیریت سایت غیرفعال شده است";
        ?>
            </div>
            </div>
        <?php
        get_footer();
    } //end of if($_post)
 
}
else {
        echo "<script type='text/javascript'>window.location='". get_bloginfo('url') ."'</script>";
}
?>

در آخر میتونید فایل کامل این آموزش رو از اینجا دریافت کنید

• کلمه عبور : www.taktarh.com
• فقط کافیست که فایل رو داخل فولدر قالبتون آپلود کنید

موفق باشید