首页 建站技巧 wordpress自定义注...

wordpress自定义注册页面

作者:

修改日期:

wordpress程序本身具有会员系统,但是很多wordpress网站并没有开启这个功能,大多是因为博客或一般的淘宝客网站不需要这样的功能。如果你使用wordpress制作CMS网站,那么这个功能就必不可少了,wordpress网站开启注册功能只需要在后台 》 设置 》 常规 》 在成员资格勾选“任何人都可以注册”即可,这样我们就可以通过网站后台实现用户注册功能了,如下图:

wordpress模板注册框图示

然而默认的wordpress注册界面感觉太简单,并且注册的时候需要邮件认证,也太麻烦,怎么样自定义一个注册页面,就如discuz论坛或其他的一些大型网站注册方式一样,今天看露兜网站的时候看到了这样的一个效果,尝试了以下,确实可以实现,下面是具体实现的过程记录:

1、复制主题文件夹中的page.php文件夹,然后重命名为register.php(名称可以根据自己的需要修改);
2、找到调用内容标签:<?php the_content(); ?>,在其后粘贴注册框表单代码:

  1. <?php if(!empty($error)) {echo ‘<p class=“ludou-error”>’.$error.'</p>’;}
  2. if (!is_user_logged_in()) { ?>
  3. <form name=“registerform” method=“post” action=“<?php echo $_SERVER[“REQUEST_URI“]; ?>” class=“ludou-reg”>
  4. <p>
  5. <label for=“user_login”>用户名<br />
  6. <input type=“text” name=“user_login” id=“user_login” class=“input” value=“<?php if(!empty($sanitized_user_login)) echo $sanitized_user_login; ?>” size=“20” />
  7. </label>
  8. </p>
  9. <p>
  10. <label for=“user_email”>电子邮件<br />
  11. <input type=“text” name=“user_email” id=“user_email” class=“input” value=“<?php if(!empty($user_email)) echo $user_email; ?>” size=“25” />
  12. </label>
  13. </p>
  14. <p>
  15. <label for=“user_pwd1”>密码(至少6位)<br />
  16. <input id=“user_pwd1” class=“input” type=“password” tabindex=“21” size=“25” value=“” name=“user_pass” />
  17. </label>
  18. </p>
  19. <p>
  20. <label for=“user_pwd2”>重复密码<br />
  21. <input id=“user_pwd2” class=“input” type=“password” tabindex=“21” size=“25” value=“” name=“user_pass2” />
  22. </label>
  23. </p>
  24. <p class=“submit”>
  25. <input type=“hidden” name=“ludou_reg” value=“ok” />
  26. <input type=“submit” name=“wp-submit” id=“wp-submit” class=“button button-primary button-large” value=“注册” />
  27. </p>
  28. </form>
  29. <?php } else {
  30. echo ‘<p class=“ludou-error”>您已注册成功,并已登录!</p>’;
  31. } ?>

3、在register.php最顶部再添加页面模板名称和注册判断语句:

  1. <?php
  2. /*
  3. Template Name: 自定义注册页面
  4. */
  5. if( !emptyempty($_POST[‘ludou_reg’]) ) {
  6.   $error = ;
  7.   $sanitized_user_login = sanitize_user( $_POST[‘user_login’] );
  8.   $user_email = apply_filters( ‘user_registration_email’, $_POST[‘user_email’] );
  9.   // Check the username
  10.   if ( $sanitized_user_login ==  ) {
  11.     $error .= ‘<strong>错误</strong>:请输入用户名。<br />’;
  12.   } elseif ( ! validate_username( $sanitized_user_login ) ) {
  13.     $error .= ‘<strong>错误</strong>:此用户名包含无效字符,请输入有效的用户名<br />。’;
  14.     $sanitized_user_login = ;
  15.   } elseif ( username_exists( $sanitized_user_login ) ) {
  16.     $error .= ‘<strong>错误</strong>:该用户名已被注册,请再选择一个。<br />’;
  17.   }
  18.   // Check the e-mail address
  19.   if ( $user_email ==  ) {
  20.     $error .= ‘<strong>错误</strong>:请填写电子邮件地址。<br />’;
  21.   } elseif ( ! is_email( $user_email ) ) {
  22.     $error .= ‘<strong>错误</strong>:电子邮件地址不正确。!<br />’;
  23.     $user_email = ;
  24.   } elseif ( email_exists( $user_email ) ) {
  25.     $error .= ‘<strong>错误</strong>:该电子邮件地址已经被注册,请换一个。<br />’;
  26.   }
  27.   // Check the password
  28.   if(strlen($_POST[‘user_pass’]) < 6)
  29.     $error .= ‘<strong>错误</strong>:密码长度至少6位!<br />’;
  30.   elseif($_POST[‘user_pass’] != $_POST[‘user_pass2’])
  31.     $error .= ‘<strong>错误</strong>:两次输入的密码必须一致!<br />’;
  32.     if($error == ) {
  33.     $user_id = wp_create_user( $sanitized_user_login$_POST[‘user_pass’], $user_email );
  34.     if ( ! $user_id ) {
  35.       $error .= sprintf( ‘<strong>错误</strong>:无法完成您的注册请求… 请联系<a href=\“mailto:%s\”>管理员</a>!<br />’, get_option( ‘admin_email’ ) );
  36.     }
  37.     else if (!is_user_logged_in()) {
  38.       $user = get_userdatabylogin($sanitized_user_login);
  39.       $user_id = $user->ID;
  40.       // 自动登录
  41.       wp_set_current_user($user_id$user_login);
  42.       wp_set_auth_cookie($user_id);
  43.       do_action(‘wp_login’, $user_login);
  44.     }
  45.   }
  46. }?>

4、后台 》 页面 》 新建页面 选择模板为自定义注册页面即可。
需注意:注册页面需要在游客状态下才能打开,不然会被重定向到网站首页。
5、扩展:为防止恶意注册可以安装一个验证码插件搞定。
6、最后可以根据需要添加一些css样式进行风格美化。