学做网站培训课程介绍

当前位置:

wordpress网站添加前台注册功能

对于使用wordpress程序做网站的学员来说,程序自带的用户注册功能实在不太美观,我们通常会使用WordPress弹窗登录注册插件来制作前端注册登录功能。也可以自己制作一个用户注册页面来让网站用户注册。效果如下图。

wordpress网站添加注册功能

下面就写一下给自己做的网站添加wordpress注册功能的步骤。

  1. 第一步:在网站的主题模板中,新建一个PHP文件,命名为:reg.php;
  2. 第二步:将自己网站主题模板中的wordpress页面模板(page.php)或者wordpress文章模板(single.php)的代码复制粘贴到reg.php中;
  3. 第三步:将reg.php中的特别一段代码:<?php get_header();?>,替换成以下的代码:
    <?php
    /*
    Template Name: 网站注册页面
    * 代码来源:学做网站论坛 https://www.xuewangzhan.com/
    */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);
    }
    }
    }get_header();?>
  4. 第四步:找到这样一段代码:<?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>';
    } ?>
  5. 第五步:最后进入网站管理后台 – 页面 – 创建页面,标题为用户注册,内容填写:欢迎来本网站注册。右侧可以选择模板,选择 用户注册 即可实现网站的wordpress注册功能。wordpress网站添加注册功能
  6. 第六步:可以根据自己需要使用CSS样式,达到注册页面美观的效果。【方法见:彻底改造WordPress登录注册界面

通过以上几步的操作,我们就可以在自己做网站时,创建一个wordpress网站添加台注册功能了。

相关教程

如何制作WP网站的登录功能

wordpress网站如何添加在线投稿发布功能

发表评论

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

相关教程

  • 用什么建网站?Wordpress建网站好不好?这些问题经常被新手问上问起。可以这样说,wordpress程序可以建各种类型的网站,它的功能强大之处令人称赞,
  • Wordpress 如何开启伪静态 视频教程 (1120063 次浏览)
    做网站制作好之后,如果网站做SEO优化时,需要进行伪静态的设置,同样也可以通过网站设置选置进行设置。Wordpress伪静态设置方法 登陆到wordpr
  • 网页如何添加背景音乐 视频教程附件下载 (1116937 次浏览)
    在上网过程中,有很多网站打开后会自动播放背景音乐,而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站,同样也可以给自己的网页添加背
  • QQ客服在很多网站都很普通,它可以很方便的让浏览我们网站的用户通过QQ进行交流,不需要去查找QQ再加好友,只需要点一下QQ客服上的图标就可以直接发信
  • 纯代码Wordpress前台投稿功能制作方法,很多建网站学员学习了Wordpress教程后,使用Wordpress 程序建了网站。但如果每天都是自己更新文章,感觉会有点
  • 对于使用wordpress程序做网站的学员来说,程序自带的用户注册功能实在不太美观,我们通常会使用WordPress弹窗登录注册插件来制作前端注册登录功能。也
  • 一些自己学建网站的学员,使用photoshop软件修改网站图片,安装ps软件后出现"不能完成要求,因为注册信息丢失或无效",这是因为PS的注册信息没有写入到
  • wordpress评论功能可以让用户在我们自己的网站上进行对文章的评论,发表自己的观点,很好的增强了网站与用户之间的交互性。还有的网站还添加了邮件功