WordPress添加前台注册功能

一、添加注册表单

1、首先在当前主题的目录下新建一个php文件,命名为reg-page.php,然后将page.php中的所有代码复制到reg-page.php中;

2、删除reg-page.php开头的所有注释,即 /* 与 */ ,以及它们之间的所有内容;

3、搜索:the_content,可以查找到类似代码:<?php the_content(); ?>,将这段代码替换成代码一(注意使用UTF-8编码另存为替换原来的reg-page.php)

如果你在reg-page.php中找不到the_content,那么你可以查找:get_template_part,可找到类似代码:<?php get_template_part( ‘content’, ‘page’ ); ?>,将content-page.php中的所有代码替换这部分代码即可。再用下面的代码替换<?php the_content(); ?>

代码一

<?php the_content(); ?>
<?php if(!empty($error)) {
echo ‘<p class=”ludou-error”>‘.$error.’</p>‘;
}
if (!is_user_logged_in()) { ?>
<form name=“loginform” method=“post” action=“<?php echo $_SERVER[“REQUEST_URI“]; ?>” class=”ludou-login”>
<p>
<label for=“log”>用户名<br />
<input type=“text” name=“log” id=“log” class=“input” value=“<?php if(!empty($user_name)) echo $user_name; ?>” size=”20″ />
</label>
</p>
<p>
<label for=“pwd”>密码(至少6位)<br />
<input id=“pwd” class=“input” type=“password” size=“25” value=“” name=“pwd” />
</label>
</p><p class=“forgetmenot”>
<label for=“rememberme”>
<input name=“rememberme” type=“checkbox” id=“rememberme” value=“1” <?php checked( $rememberme ); ?> />
记住我
</label>
</p><p class=“submit”>
<input type=“hidden” name=“redirect_to” value=“<?php if(isset($_GET[‘r’])) echo $_GET[‘r’]; ?>” />
<input type=“hidden” name=“ludou_token” value=“<?php echo $token; ?>” />
<button class=“button button-primary button-large” type=“submit”>登录</button>
</p>
</form>
<?php } else {
echo ‘<p class=”ludou-error”>您已登录!(<a href=“‘.wp_logout_url().'” title=“登出”>登出?</a></p>‘;
} ?>

 

二、添加表单处理代码

在reg-page.php开头处中,将第一个 <?php 改成代码二(注意使用UTF-8编码保存):

代码二

<?php
/**
* Template Name: 前台注册
* 作者:露兜
* 博客:http://www.ludou.org/
*
*  2013年02月02日 :
*  首个版本
*/
if( !empty($_POST[‘ludou_reg’]) ) {
$error = ;
$sanitized_user_login = sanitize_user( $_POST[‘user_login’] );
$user_email = apply_filters( ‘user_registration_email’, $_POST[‘user_email’] );// Check the username
if ( $sanitized_user_login == ) {
$error .= ‘<strong>错误</strong>:请输入用户名。<br />’;
} elseif ( ! validate_username( $sanitized_user_login ) ) {
$error .= ‘<strong>错误</strong>:此用户名包含无效字符,请输入有效的用户名<br />。’;
$sanitized_user_login = ;
} elseif ( username_exists( $sanitized_user_login ) ) {
$error .= ‘<strong>错误</strong>:该用户名已被注册,请再选择一个。<br />’;
}// Check the e-mail address
if ( $user_email == ) {
$error .= ‘<strong>错误</strong>:请填写电子邮件地址。<br />’;
} elseif ( ! is_email( $user_email ) ) {
$error .= ‘<strong>错误</strong>:电子邮件地址不正确。!<br />’;
$user_email = ;
} elseif ( email_exists( $user_email ) ) {
$error .= ‘<strong>错误</strong>:该电子邮件地址已经被注册,请换一个。<br />’;
}// Check the password
if(strlen($_POST[‘user_pass’]) < 6)
$error .= ‘<strong>错误</strong>:密码长度至少6位!<br />’;
elseif($_POST[‘user_pass’] != $_POST[‘user_pass2’])
$error .= ‘<strong>错误</strong>:两次输入的密码必须一致!<br />’;if($error == ) {
$user_id = wp_create_user( $sanitized_user_login, $_POST[‘user_pass’], $user_email );if ( ! $user_id ) {
$error .= sprintf( ‘<strong>错误</strong>:无法完成您的注册请求… 请联系<a href=\”mailto:%s\”>管理员</a>!<br />’, get_option( ‘admin_email’ ) );
}
else if (!is_user_logged_in()) {
$user = get_userdatabylogin($sanitized_user_login);
$user_id = $user->ID;

// 自动登录
wp_set_current_user($user_id, $user_login);
wp_set_auth_cookie($user_id);
do_action(‘wp_login’, $user_login);
}
}
}

 

最后进入WordPress管理后台 – 页面 – 创建页面,标题为注册(可以自己起名),内容填上注册说明等,右侧可以选择模板,选择 前台注册 即可。此页面即前台注册页面,将该页面的链接放到网站任何位置,供用户点击注册即可。

代码补充说明

1、注册成功会让用户自动登录,如果不需要自动功能,可以将49-55行代码删除,换成:

1
2
// 注册成功后跳转到站内其他页面,URL自行修改
wp_safe_redirect( ‘http://www.calf.one/’ );

2、如果想美化一下注册表单,可以在主题的style.css中添加以下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
p.ludou-error {
margin: 16px 0;
padding: 12px;
background-color: #ffebe8;
border: 1px solid #c00;
font-size: 12px;
line-height: 1.4em;
}
.ludou-reg label {
color: #777;
font-size: 14px;
cursor: pointer;
}
.ludou-reg .input {
margin: 0;
color: #555;
font-size: 24px;
padding: 3px;
border: 1px solid #e5e5e5;
background: #fbfbfb;
}

前台登录

实现了前台注册功能,当然前台登录也是少不了的。

具体看这篇文章:WordPress实现前台登录功能

 

本文转载自:http://www.ludou.org/wordpress-frontend-login.html

Be the first to comment

Leave a comment

Your email address will not be published.


*


此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

calf-blog-top