1. David Wu首页
  2. WordPress
  3. WordPress安装教程

WordPress纯代码实现用户关注功能

用户关注功能可能最早出现在的是微博上,登录用户可以关注别人,自己也可以被关注,那们使用 wordpress 开发带用户注册的主题的时候是否也可以实现关注功能的,答案是肯定的,今天就给大家分享一下使用纯代码实现 WordPress 用户关注功能的实现方法。首先,将下面的代码放到您的 functions.php 文件中。

  1. function wpdiary_user_guanzhu(){
  2. 
    
  3.     if(!get_current_user_id()){
  4.         exit(json_encode(['msg'=>'请登录!']));
  5.     }
  6.     if( $_POST['user']==get_current_user_id()){
  7.         exit(json_encode(['msg'=>'你不能关注自己!']));
  8.     }
  9. 
    
  10.     $user = $_POST['user'];
  11.     $meta     = get_user_meta(get_current_user_id(),'guanzhu',true);
  12.     $bguanzhu1 = explode(',',get_user_meta($user,'bguanzhu',true));
  13.     $bguanzhu = array_filter($bguanzhu1);
  14.     $guanzhu1  = explode(',',get_user_meta(get_current_user_id(),'guanzhu',true));
  15.     $guanzhu = array_filter($guanzhu1);
  16.     if(in_array($user,$guanzhu)){
  17. 
    
  18.         foreach($guanzhu as $k=>$v){
  19.             if($v==$user){
  20.                 unset($guanzhu[$k]);
  21.             }
  22.         }
  23. 
    
  24.         foreach($bguanzhu as $k=>$v){
  25.             if($v==get_current_user_id()){
  26.                 unset($bguanzhu[$k]);
  27.             }
  28.         }
  29. 
    
  30.         update_user_meta(get_current_user_id(),'guanzhu',implode(",",$guanzhu));
  31.         update_user_meta($user,'bguanzhu',implode(",",$bguanzhu));
  32.         exit(json_encode(['msg'=>'取消成功!']));
  33.     }else{
  34.         array_push($guanzhu,$user);
  35.         array_push($bguanzhu,get_current_user_id());
  36.         update_user_meta(get_current_user_id(),'guanzhu',implode(",",$guanzhu));
  37.         update_user_meta($user,'bguanzhu',implode(",",$bguanzhu));
  38.         exit(json_encode(['msg'=>'关注成功!']));
  39.     }
  40. 
    
  41. }
  42. 
    
  43. add_action('wp_ajax_guanzhu','wpdiary_user_guanzhu');
  44. add_action('wp_ajax_nopriv_guanzhu','wpdiary_user_guanzhu');
  45. //获取指定用户关注数量
  46. function get_wpdiary_guanzhu_count($authorID){
  47.     $meta  = get_user_meta($authorID,'guanzhu',true);
  48.     if($meta){
  49.         $guanzhu = explode(",",get_user_meta($authorID,'guanzhu',true));
  50.         return count($guanzhu);
  51.     }else{
  52.         return 0;
  53.     }
  54. 
    
  55. }
  56. //获取指定用户被关注数量
  57. function get_wpdiary_bguanzhu_count($authorID){
  58.     $meta  = get_user_meta($authorID,'bguanzhu',true);
  59.     if($meta){
  60.         $bguanzhu = explode(",",get_user_meta($authorID,'bguanzhu',true));
  61.         return count($bguanzhu);
  62.     }else{
  63.         return 0;
  64.     }
  65. 
    
  66. }

其次,消息提示使用了 layer 这个 jQuery 弹出层插件,所以,您还需要在主题中引入这个框架的文件(下载地址:http://res.layui.com/static/download/layer/layer-v3.1.1.zip),下载后把整个文件夹放到您的主题目录中,然后在主题头部引入 layer.js,并将下面的 JS 代码放到您的 footer.php 中。

  1. <script>
  2.     $('a.addfollow').click(function(){
  3. 		var user = $(this).attr('user');
  4. 		$.ajax({
  5. 			url: "/wp-admin/admin-ajax.php",
  6. 			type:'post',
  7. 			dataType:'json',
  8. 			data:{action:'guanzhu',user:user},
  9. 			success: function(data){
  10. 			    layer.alert(data.msg, function(){
  11. 		 			location.reload();
  12. 		 		});
  13. 	  		}
  14. 		});
  15. 	});
  16. </script>

第三,将关注按钮放到您需要放的地方,比如用户列表中或作者存档页,关注按钮代码如下:

  1. <?php
  2. $meta  = get_user_meta(get_current_user_id(),'guanzhu',true);
  3. $user = ‘要被关注的用户的ID’
  4. if($meta){
  5.     $guanzhu = explode(',',$meta);
  6. }else{
  7.     $guanzhu = array();
  8. }
  9. if(in_array($user,$guanzhu)){?>
  10.     <a href="javascript:;" user="<?php echo $user;?>" class="addfollow focus-link">+取消关注</a>
  11. <?php }else{?>
  12.     <a href="javascript:;" user="<?php echo $user;?>" class="addfollow focus-link">+ 关注</a>
  13. <?php }?>

第四,获取指定用户关注和被关注数量:

  1. <?php echo get_wpdiary_guanzhu_count(‘用户ID’);?>//获取指定用户关注数量
  2. <?php echo get_wpdiary_bguanzhu_count(‘用户ID’);?>//获取指定用户被关注数量

第五,如何获取当前登录用户关注的用户的列表:

  1. <?php
  2.     $user_id = get_current_user_id();//当前登录用户id,也可以指定为某个ID的用户,这样获取到的就是指定ID的用户的关注列表
  3. 	$meta  = get_user_meta($user_id,'guanzhu',true);
  4. 	$guanzhulist = explode(',',$meta );
  5. 	$users = get_users(array('include'=>$guanzhulist));
  6. ?>
  7. <?php foreach($users as $user){ ?>
  8.     <li class="pic-btn-li">
  9.         <div class="li-pic">
  10.             <a href="<?php%20echo%20get_author_posts_url(%20$user->ID);%20?>/?userid=<?php%20echo%20$user->ID;?>" target="_blank" class="li-link">
  11.                <?php echo get_avatar($user->ID);?>
  12.             </a>
  13.         </div>
  14.         <div class="li-dec">
  15.             <p class="dec-name">
  16.                 <a href="<?php%20echo%20get_author_posts_url(%20$user->ID);%20?>/?userid=<?php%20echo%20$user->ID;?>" target="_blank" class="dec-name-link"><?php echo $user->nickname;?></a>
  17.             </p>
  18.             <p class="dec-sub">
  19.                 <span class="dec-fans">粉丝 <?php echo get_wpdiary_bguanzhu_count($user->ID);?></span>
  20.             </p>
  21.         </div>
  22.         <a href="javascript:;" user="<?php echo $user->ID;?>" class="addfollow sp-mod-button" title="关注他">取消</a>
  23.     </li>
  24. <?php } ?>

第六,获取关注过当前登录用户的列表(被关注列表,也可以说是粉丝列表):

  1. <?php
  2.     $user_id = get_current_user_id();//当前登录用户id,也可以指定为某个ID的用户,这样获取到的就是关注过指定ID的用户列表(粉丝列表)
  3.     $bguanzhu = get_user_meta($user_id,'bguanzhu',true);
  4.     $fanslist = explode(',',$bguanzhu );
  5.     $fans = get_users(array('include'=>$fanslist));
  6. ?>
  7. <?php foreach($fans as $fensi){ ?>
  8.     <li class="pic-btn-li">
  9.         <div class="li-pic">
  10.             <a href="<?php%20echo%20get_author_posts_url(%20$fensi->ID);%20?>/?userid=<?php%20echo%20$fensi->ID;?>" target="_blank" class="li-link">
  11.                <?php echo get_avatar($fensi->ID);?>
  12.             </a>
  13.         </div>
  14.         <div class="li-dec">
  15.             <p class="dec-name">
  16.                 <a href="<?php%20echo%20get_author_posts_url(%20$fensi->ID);%20?>/?userid=<?php%20echo%20$fensi->ID;?>" target="_blank" class="dec-name-link"><?php echo $fensi->nickname;?></a>
  17.             </p>
  18.             <p class="dec-sub">
  19.                 <span class="dec-fans">粉丝 <?php echo get_wpdiary_bguanzhu_count($fensi->ID);?></span>
  20.             </p>
  21.         </div>
  22.         <?php
  23.         $meta  = get_user_meta(get_current_user_id(),'guanzhu',true);
  24.         $user = $fensi->ID;
  25.         if($meta){
  26.             $guanzhu = explode(',',get_user_meta(get_current_user_id(),'guanzhu',true));
  27.         }else{
  28.             $guanzhu = array();
  29.         }
  30.         if(in_array($user,$guanzhu)){?>
  31.             <a href="javascript:;" user="<?php echo $fensi->ID;?>" class="addfollow sp-mod-button" title="取消关注">已互关</a>
  32.         <?php }else{?>
  33.             <a href="javascript:;" user="<?php echo $fensi->ID;?>" class="addfollow sp-mod-button" title="关注他">关注他</a>
  34.         <?php }?>
  35.     </li>
  36. <?php } ?>

好了,就这些了,用心的朋友仔细看一看代码还会让你的关注功能更加的丰富,希望对大家有用!

原创文章,作者:DavidWu,如若转载,请注明出处:https://www.davidwu.net/archives/89002

服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

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