一、添加注册表单
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; // 自动登录 |
最后进入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实现前台登录功能
Be the first to comment