学做网站培训课程介绍

当前位置:

如何制作网站前台用户登录/注册功能

使用Wordpress程序建好网站,默认情况下是不带有前台登录/注册功能,我们可以通过自己写代码去制作前台登录/注册功能。

下面是学做网站论坛讲解如何制作网站前台用户登录/注册功能视频教程。

下面学做网站论坛就来介绍一下WordPress纯代码制作前台登录/注册功能方法。(如果你对Wordpress程序不了解,可以先学习一下wordpress教程
Wordpress前台登录/注册功能

方法/步骤

  1. 下载Wordpress前台登录/注册功能模板文件,下载WP用户注册登录会员中心组件
  2. 将下载下来的WP用户注册登录模板压缩包进行解压,得出二个文件和一个images文件夹。如下图:
    dl
  3. 将这三个文件,全部上传到自己正在使用的模板文件目录下;
  4. 进行网站后台,点击左侧菜单的【页面】-【新建页面】,分别新建二个页面,一个标题为用户登录,一个标题为用户注册。内容可以不写。如下图:
    wordpress用户注册 wordpress用户登录
  5. 使用以下的代码,放在自己网站上需要显示登录/注册按钮的位置,一般是放在header.php头部模板里。【相关教程:wordpress模板制作教程
    
    
    <style>.top-userr{width:1001px;margin:10px auto 0;padding:10px;box-sizing:border-box;background:#fff;text-align:right;border-bottom:1px solid #f4f4f4}.top-userr a.register{display:inline-block;margin-right:10px;width:90px;height:35px;line-height:35px;text-align:center;background:green;color:#fff}.top-userr a.register:hover{text-decoration:none;}</style>
    <div class="top-userr">
    <?php if (!(current_user_can('level_0'))){ ?>
    <a href="<?php echo get_option('home'); ?>/reg" class="register" rel="nofollow" >注册</a><a class="register" href="<?php echo get_option('home'); ?>/login" rel="nofollow" >登录</a>
    <?php } else { global $user_identity, $user_level; ?>
    欢迎您, <strong><?php echo $user_identity ?></strong>!
    <a class="log" href="<?php bloginfo('siteurl');?>/wp-admin/profile.php" target="_blank" rel="nofollow">[会员中心]</a>
    <a class="log" href="<?php echo wp_logout_url( get_permalink() ); ?>" rel="nofollow" >[安全退出]</a>

    <?php }?>
    </div>
  6. 这样,Wordpress前台登录/注册功能就制作好了。代码会自动判断当前用户是否登录,显示按钮或会员中心。

《“如何制作网站前台用户登录/注册功能”》 有 10 条评论

  1. 学习建网站学员 fdsf说道:

    厉害,老师的技术无敌了

  2. 学习建网站学员 小业业说道:

    点击注册或者登入跳转页面是这样的提示Not Found
    The requested URL /wordpress/reg was not found on this server.

  3. 学习建网站学员 xjguo说道:

    安装完后,怎样去掉此功能呢?

  4. 学习建网站学员 大哥说道:

    老师在【页面】-【新建页面】-那边模版没有要怎么设置呢

    • 学做网站论坛讲师 学做网站讲师说道:

      先要下载注册和登录模板

      • 学习建网站学员 大哥说道:

        谢谢
        我已经下载了登入和注册模版,也放在Wordpress相应的模版里了,然后也是在【页面】-【新建页面】-那边没有模版这个选项的,烦请多多教导下!

  5. 学习建网站学员 大哥说道:

    你好
    我已经下好了模版,也放在Wordpress里了,但是在新建页面 的页面属性里,没有模版选项
    要怎么弄呢

  6. 学习建网站学员 abc说道:

    老师最新的wampserver跟Wordpress要怎么设置使用,老版本的差距好大

  7. 学习建网站学员 李彬说道:

    老师咱们这个模板文件链接是404,方便更新或检查下链接吗

    • 学做网站论坛讲师 学做网站讲师说道:

      已修复,可以正常下载了

发表评论

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

相关教程

  • 零基础新手要学习网站建设,以下的网站建设教程是零基础新手必须学习的网站制作教程。只有将以下的基础知识学会了,才能为以后建网站打下坚实的基础。
  • 这是一家上海电气公司网站,网站制作时采用传统企业网站制作方法与布局结构。网站顶部使用大尺寸的LOGO,网站导航制作使用全屏宽度菜单,每个菜单项宽
  • 纯代码Wordpress前台投稿功能制作方法,很多建网站学员学习了Wordpress教程后,使用Wordpress 程序建了网站。但如果每天都是自己更新文章,感觉会有点
  • 对于使用wordpress程序做网站的学员来说,程序自带的用户注册功能实在不太美观,我们通常会使用WordPress弹窗登录注册插件来制作前端注册登录功能。也
  • 有时为了网站的帐户的安全,我们会不定期的修改网站用户名的密码,在wordpress网站后台,有一个很方便提供给我们修改网站密码的选项,通过这个选项,
  • 多站点 (Multisite) 功能是 WordPress 3.0  后版本的一个重要更新,整合了 WordPress MU 内核。后台自动升级内核后,无法直接使用该功能。需要通过手
  • 之前有很多建网站学员反映,自己学习了wordpress教程,制作了网站,但有时会碰到wordpres后台无法登录,密码确认无误,空间没有问题,之前也成功登录
  • 使用wordpress程序建网站的学员,总是容易出现错误,而且有些错误会让你手足无措。比如你修改了网站的地址。当你把wordpress程序站点地址改掉,然
  • 一些自己学建网站的学员,使用photoshop软件修改网站图片,安装ps软件后出现"不能完成要求,因为注册信息丢失或无效",这是因为PS的注册信息没有写入到
  • 什么是手机域名手机域名又叫Mobi域名。Mobi是被ICANN批准,并致力于将internet内容传送到移动装置,例如智能电话,PDA,手机等的专属域名
  • wordpress评论功能可以让用户在我们自己的网站上进行对文章的评论,发表自己的观点,很好的增强了网站与用户之间的交互性。还有的网站还添加了邮件功