wordpress前台注册功能
想实现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="registerform" method="post" action="<?php echo $_SERVER["REQUEST_URI"]; ?>" class="ludou-reg"> <p> <label for="user_login">用户名<br /> <input type="text" name="user_login" id="user_login" class="input" value="<?php if(!empty($sanitized_user_login)) echo $sanitized_user_login; ?>" size="20" /> </label> </p> <p> <label for="user_email">电子邮件<br /> <input type="text" name="user_email" 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" type="password" tabindex="21" size="25" value="" name="user_pass" /> </label> </p> <p> <label for="user_pwd2">重复密码<br /> <input id="user_pwd2" class="input" type="password" tabindex="21" size="25" value="" name="user_pass2" /> </label> </p> <p class="submit"> <input type="hidden" name="ludou_reg" value="ok" /> <input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="注册" /> </p> </form> <?php } else { echo '<p class="ludou-error">您已注册成功,并已登录!</p>'; } ?>
二、添加表单处理代码 (www.jb200.com 脚本学堂)
在reg-page.php开头处中,将第一个 <?php 改成代码二(注意使用UTF-8编码保存):
<?php /** * Template Name: 前台注册 * 作者:露兜 * 博客:http://www.ludou.org/ * site:www.jb200.com * 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行代码删除,换成:
2、如果想美化一下注册表单,可以在主题的style.css中添加以下代码:
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前台登录功能实现方法