明凯博客

关注网站技术,一个特立独行的程序员

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
< ?php the_content(); ?>
< ?php if(!empty($error)) {
 echo '<p class="ludou-error">'.$error.'';
}
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
< ?php
/**
 * Template Name: 前台注册
 * 作者:MK
 * 博客:https://www.limingkai.com/
 *  
 *  2015年04月05日 :
 */
 
if( !empty($_POST['mk_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>错误:请输入用户名。<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>错误:密码长度至少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);
    }
  }
}
if (!is_user_logged_in()) { ?>
<form name="registerform" method="post" action="<?php echo $_SERVER["REQUEST_URI"]; ?>" class="mk-reg">
    <p>
      <label for="user_login">用户名<br />
        <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>
    </p>
 
    <p>
      <label for="user_email">电子邮件<br />
        <input type="text" name="user_email" tabindex="2" id="user_email" class="input" value="<?php if(!empty($user_email)) echo $user_email; ?/>" size="25" />
      </label>
    </p>
 
    <p>
      <label for="user_pwd1">密码(至少6位)<br />
        <input id="user_pwd1" class="input" tabindex="3" type="password" tabindex="21" size="25" value="" name="user_pass" />
      </label>
    </p>
 
    <p>
      <label for="user_pwd2">重复密码<br />
        <input id="user_pwd2" class="input" tabindex="4" type="password" tabindex="21" size="25" value="" name="user_pass2" />
      </label>
    </p>
 
    <p class="submit">
      <input type="hidden" name="mk_reg" value="ok" />
      <button class="button button-primary button-large" type="submit">注册</button>
    </p>
</form>
< ?php } else {
 echo '<p class="mk-error">您已注册成功,并已登录!';
} ?>

二、添加表单处理代码

在reg-page.php开头处中,将第一个 < ?php 改成代码二(注意使用UTF-8编码保存): 最后进入WordPress管理后台 – 页面 – 创建页面,标题为注册(可以自己起名),内容填上注册说明等,右侧可以选择模板,选择 前台注册 即可。此页面即前台注册页面,将该页面的链接放到网站任何位置,供用户点击注册即可。 代码补充说明 1、注册成功会让用户自动登录,如果不需要自动功能,可以将49-55行代码删除,换成:

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
// 注册成功后跳转到站内其他页面,URL自行修改
wp_safe_redirect( 'https://www.limingkai.com/' );
 
 
2、如果想美化一下注册表单,可以在主题的style.css中添加以下代码:
 
<pre lang="php" line="1">
p.mk-error {
  margin: 16px 0;
  padding: 12px;
  background-color: #ffebe8;
  border: 1px solid #c00;
  font-size: 12px;
  line-height: 1.4em;
}
.mk-reg label {
  color: #777;
  font-size: 14px;
  cursor: pointer;
}
.mk-reg .input {
  margin: 0;
  color: #555;
  font-size: 24px;
  padding: 3px;
  border: 1px solid #e5e5e5;
  background: #fbfbfb;
}

, ,

相关文章

1 条评论 “WordPress添加前台注册功能

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注