WordPress教程

WordPress 网站怎么做会员中心功能

阿里云

WordPress 网站的会员后台与管理员后台默认是一样的,只不过功能少一些而已。但从整体版面上看,Wordpress 网站会员后台并不美观,很多站长并不喜欢这样的后台。

那么对于使用 WordPress 建网站的站长,怎么样开发出一个版面美观的会员中心功能呢?下面着重介绍一下 WordPress 网站怎么做会员中心功能的方法。

也想出现在这里?联系我们
创客主机

先看一下实现后的 WordPress 网站会员中心。

这样的网站后台主要分为三个部分:一个是用户的个人资料、一个是用户的权限、还有就是用户修改密码和退出登录功能。

第一步:按照如何制作网站前台用户登录/注册功能教程给自己的网站制作注册和登录按钮,用于用户在网站前台登录与注册;

第二步:使用 Dreamwever 软件新建一个空白的网页,将下面的代码放进行,并保存为 page-hycenter.php;

  1. <?php
  2.  
  3. /*Template Name: 会员中心模板*/
  4.  
  5. ?>

第三步:在网站后台新建一个 PAGE 页面,然后模板位置选择会员中心模板,这样就可以创建出一个空白的会员中心页面了。将登录注册按钮的链接地址更换为这个地址;

第四步:就是给会员中心页面添加相应的功能了,先添加用户个人资料功能;wordpress 程序提供了很多的用户中心调用代码,常见如下:

  1. <?php global $current_user;
  2. get_currentuserinfo();
  3. echo '用户名: ' . $current_user->user_login . "\n";
  4. echo '用户邮箱: ' . $current_user->user_email . "\n";
  5. echo '名字: ' . $current_user->user_firstname . "\n";
  6. echo '姓氏: ' . $current_user->user_lastname . "\n";
  7. echo '公开显示名: ' . $current_user->display_name . "\n";
  8. echo '用户 ID:' . $current_user->ID . "\n";
  9. ?>

可以将这些代码分开,与自己的 HTML 代码结合制作出一个资料表格。如果不懂 HTML,就先学习一下 HTML 入门教程。

第五步:制作会员权限内容。如果你网站有些内容是有会员权限的,然后在后台可以让用户看到他的权限,可以在会员中心页面中添加。

以下是示例代码:(通过判断分类目录允许的用户名进行判断,然后显示不同的内容。这是一个思路,具体写法要根据自己的网站而定)

  1. <?php for($i=0;$i<count($jianzhancatidarr);$i++){?>
  2. <tr>
  3. <?php if($i==0){?><td rowspan="<?php echo count($jianzhancatidarr);?>">建站课程</td><?php }?>
  4. <td>
  5. <a href="<?php echo get_category_link($jianzhancatidarr[$i]);?>" target="_blank" class="kc_list_img">
  6. <img class="lazyload" alt="<?php echo get_cat_name( $jianzhancatidarr[$i] );?>" src="<?php bloginfo('template_directory'); ?>/images/kc/<?php echo $jianzhancatidarr[$i]; ?>.jpg">
  7. </a>
  8. </td>
  9. <td>
  10. <div class="xwz-list-y">
  11. <h6><a href="<?php echo get_category_link($jianzhancatidarr[$i]);?>" target="_blank"><?php echo get_cat_name( $jianzhancatidarr[$i] );?></a></h6>
  12. <span><i>课节: <?php $metaValue = get_terms_meta($jianzhancatidarr[$i], 'cat_shu');echo $metaValue[0];?> 节</i></span>
  13. &nbsp;&nbsp;<span><i>已学习:<?php echo ($metaValue[0]*935+$cat);?> 人次</i></span>
  14. </div>
  15. </td>
  16. <td><span class="kc_price"><?php $metaValue = get_terms_meta($jianzhancatidarr[$i], 'cat_price');echo $kc_price =$metaValue[0] == '免费' ? '免费' : '¥'.$metaValue[0];?></span></td>
  17. <td><?php
  18. $kc_students = get_terms_meta($jianzhancatidarr[$i], 'kc_students');//获取独立的VIP会员
  19. $kc_dengji = get_terms_meta($jianzhancatidarr[$i], 'kc_dengji');//获取当前课程允许的用户组
  20. $kc_dengjiarr = explode(',',$kc_dengji[0]);//转换成数组
  21.  
  22. if(strpos($kc_students[0],$user_identity) !== false || $metaValue[0] == '免费' || in_array($userhyname,$kc_dengjiarr)){
  23. ?>
  24. <img src="<?php bloginfo('template_directory'); ?>/images/right.png">
  25. <?php }else{?>
  26. <a href="https://www.xuewangzhan.net/confirm/?catid=<?php echo $jianzhancatidarr[$i];?>" class="kaitBtn orgbg" target="_blank">立即开通</a>
  27. <?php }?>

第六步:制作修改用户密码和退出登录按钮功能。

修改用户密码需要自己的 wordpress 网站支持邮件发送,如果不支持可以参考教程:网站如何实现在线发送邮件

然后使用下面的代码来实现修改密码:

  1. <a href="/wp-login.php?action=rp">修改密码</a>

退出登录功能也比较简单,也是通过一个链接来实现的。

  1. <a href="<?php echo wp_logout_url('https://www.xuewangzhan.net/'); ?>" rel="nofollow" >退出登录</a>

通过以上的方法,结合自己使用 HTML5+CSS3 代码,就可以制作出一个美观的 WordPress 会员中心功能了。

WordPress 网站怎么做会员中心功能

已有 226 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!