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(); ?>

代码一

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<?php the_content(); ?>
<?php if(!empty($error)) {
echo ‘‘.$error.’‘;
}
if (!is_user_logged_in()) { ?>
<form name=“registerform” method=“post” action=“<?php echo $_SERVER[“REQUEST_URI“]; ?>” class=”ludou-reg”>

<label for=“user_login”>用户名 
<input type=“text” name=“user_login” tabindex=“1” id=“user_login” class=“input” value=“<?php if(!empty($sanitized_user_login)) echo $sanitized_user_login; ?>” />
</label>

二、添加表单处理代码

在reg-page.php开头处中，将第一个 <?php 改成代码二（注意使用UTF-8编码保存）：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

<?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 .= ‘错误：请输入用户名。 ’;
} elseif ( ! validate_username( $sanitized_user_login ) ) {
$error .= ‘错误：此用户名包含无效字符，请输入有效的用户名 。’;
$sanitized_user_login = ”;
} elseif ( username_exists( $sanitized_user_login ) ) {
$error .= ‘错误：该用户名已被注册，请再选择一个。 ’;
}

// Check the e-mail address
if ( $user_email == ” ) {
$error .= ‘错误：请填写电子邮件地址。 ’;
} elseif ( ! is_email( $user_email ) ) {
$error .= ‘错误：电子邮件地址不正确。！ ’;
$user_email = ”;
} elseif ( email_exists( $user_email ) ) {
$error .= ‘错误：该电子邮件地址已经被注册，请换一个。 ’;
}

// Check the password
if(strlen($_POST[‘user_pass’]) < 6)
$error .= ‘错误：密码长度至少6位! ’;
elseif($_POST[‘user_pass’] != $_POST[‘user_pass2’])
$error .= ‘错误：两次输入的密码必须一致! ’;

if($error == ”) {
$user_id = wp_create_user( $sanitized_user_login, $_POST[‘user_pass’], $user_email );

if ( ! $user_id ) {
$error .= sprintf( ‘错误：无法完成您的注册请求… 请联系<a href=”mailto:%s”>管理员</a>！ ’, 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.ludou.org/’ );

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实现前台登录功能

WordPress添加前台注册功能

一、添加注册表单

二、添加表单处理代码

代码补充说明

前台登录

相关推荐

日历

标签

近期文章

文章归档

如果你爱我或恨我，请↓

QQ咨询

回顶部

2024 年 4 月
一	二	三	四	五	六	日
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30