wordpress进阶教程(十七):创建自定义的注册页面

本文翻译自http://www.tutorialstag.com/create-custom-wordpress-registration-page.html谢谢(有改动)。

我相信大多数站长使用wordpress时不喜欢让用户使用默认的注册/登陆页面来让用户注册或者登陆。大家都希望让这个页面看起来能配合站点的样式。这一篇教程我们将创建一个自定义的注册页面。

原文使用的是自定义的页面模板，我们在文章结尾将讲述使用我们上一篇教程说到的自定义url重写功能来添加这样一个页面。

第一步：创建文件。

我们还是以默认的twenty ten主题为例，在主题文件夹下面创建一个custom-register.php。

第二步：给页面模板命名。
在custom-register.php的开头添加下面代码，提示：注意文件编码哦

第三步：检查用户是否已经登录

我们首先应该检车用户是否已经登录，如果登录了，还注册啥？所以只有未注登录用户才能注册。我们需要包含wordpress的wp-includes文件夹里面的registration.php文件，以便我们创建一个新的用户。继续添加以下代码

第四步：添加注册表单和ajax代码。

在我们显示注册表单之前，我们要先获取后台设置选项的值：是否允许注册，如果后台设置了不允许注册，那就不显示注册表单。

虽然下面贴出了代码，但是请先不要在文件中添加下面的代码。

//get_option(‘users_can_register’)获取是否允许注册
(get_option(‘users_can_register’)) {
?>
<h1>注册</h1>
<div id=“result”></div> <!– 为ajax返回结果做准备 –>
<form id=”wp_signup_form” action=“” method=“post”> <!–注册表单–>
<label>用户名</label>
<input type=“text” name=“username” =“text” value=“” /><br />
<label>Email</label>
<input type=“text” name=“email” =“text” value=“” /> <br />
<input type=“submit” id=“submitbtn” name=“submit” value=“注册” />
</form>
<script type=“text/javascript”>
$(“#submitbtn”).click(() {
$(‘#result’).html(‘<img src=“<?php bloginfo(‘template_url’); ?>/images/loader.gif” =“loader” />’).fadeIn();
input_data = $(‘#wp_signup_form’).serialize();
$.ajax({
type: “POST”,
url: “<?php echo “http://” . $_SERVER[‘HTTP_HOST’] . $_SERVER[‘REQUEST_URI’]; ?>”,
data: input_data,
success: (msg){
$(‘.loader’).remove();
$(‘<div>’).html(msg).appendTo(‘div#result’).hide().fadeIn(‘slow’);
}
});
false;
});
</script>
<?php
}{
echo “对不起暂时不开放注册，请以后再试.”;
}

第五步：验证提交的数据，创建用户
第四步中的代码中，我们通过ajax提交了数据，数据提交地址就是本页面，所以我们在本页面添加验证数据代码即可。
在第三步代码的注释位置添加以下代码(即if (!$user_ID) {的后面):

($_POST){
//验证数据是否全部为空格
$username = $wpdb->escape($_REQUEST[‘username’]);
(empty($username)) {
echo “用户名不能为空.”;
exit();
}
$email = $wpdb->escape($_REQUEST[’email’]);
//验证邮箱格式
( !is_email($email) ) {
echo “请输入有效的邮箱地址.”;
exit();
}
//生成密码
$random_password = wp_generate_password( 12, false );
//创建用户
$status = wp_create_user( $username, $random_password, $email );
( is_wp_error($status) ) {
echo $status->get_error_message();//输出错误信息
}{
$from = get_option(‘admin_email’);
$headers = ‘From: ‘.$from . “rn”;
$subject = “注册成功”;
$msg = “注册成功.n你的登陆信息n用户名: $usernamen密码: $random_password”;
//发送邮件
wp_mail( $email, $subject, $msg, $headers );
echo “请检查你电子邮件中的登陆信息。”;
}
exit();
}{
get_header(); //加载头部问及爱你
?>
<!– <script src=“http://code.jquery.com/jquery-1.4.4.js”></script> –> <!– 如果你的主题没有引入了jquery，请自己引入 –>
<div id=“container”>
<div id=“content”>
<?php
//将注册表单和ajax代码添加到这里
?>
</div>
</div>
<?php
get_footer(); //加载底部文件
}