WordPress网站如何实现用户关注功能：纯代码教程与WooCommerce定制开发指南

WordPress网站用户关注功能实现指南

您是否想在WordPress网站上添加类似社交媒体的用户关注功能？通过本教程，您将学习如何使用纯代码实现用户关注与被关注功能，无需依赖复杂插件。这个功能特别适合社区网站、会员制平台或WooCommerce商店，能有效提升用户互动和粘性。

准备工作与注意事项

在开始之前，请确保您具备以下条件：
1. 一个正在运行的WordPress网站
2. 基本的PHP和JavaScript知识
3. 访问网站文件系统的权限
4. 建议在测试环境中先进行尝试

重要提示：修改网站代码前，请务必备份您的网站数据和文件。本教程提供的代码经过woocommercedev团队测试，但不同主题和插件可能存在兼容性问题。

第一步：添加PHP功能函数

将以下代码添加到您主题的functions.php文件中。这段代码实现了关注功能的核心逻辑：

/**
 * WordPress用户关注功能实现
 * 来源：woocommercedev.com
 */
function woocommercedev_user_follow(){
    
    if(!get_current_user_id()){
        exit(json_encode(['msg'=>'请先登录！']));
    }
    if( $_POST['user']==get_current_user_id()){
        exit(json_encode(['msg'=>'不能关注自己！']));
    }

    $user = $_POST['user'];
    $meta = get_user_meta(get_current_user_id(),'follow',true);
    $followers1 = explode(',',get_user_meta($user,'followers',true)); 
    $followers = array_filter($followers1);   
    $following1 = explode(',',get_user_meta(get_current_user_id(),'following',true));
    $following = array_filter($following1);
    
    if(in_array($user,$following)){
        // 取消关注逻辑
        foreach($following as $k=>$v){
            if($v==$user){
                unset($following[$k]);
            }
        }

        foreach($followers as $k=>$v){
            if($v==get_current_user_id()){
                unset($followers[$k]);
            }
        }

        update_user_meta(get_current_user_id(),'following',implode(",",$following));
        update_user_meta($user,'followers',implode(",",$followers));
        exit(json_encode(['msg'=>'取消关注成功！']));
    }else{
        // 添加关注逻辑
        array_push($following,$user);
        array_push($followers,get_current_user_id());
        update_user_meta(get_current_user_id(),'following',implode(",",$following));
        update_user_meta($user,'followers',implode(",",$followers));
        exit(json_encode(['msg'=>'关注成功！']));
    }
    
}

add_action('wp_ajax_follow','woocommercedev_user_follow');
add_action('wp_ajax_nopriv_follow','woocommercedev_user_follow');

// 获取用户关注数量
function get_woocommercedev_following_count($user_id){
    $meta = get_user_meta($user_id,'following',true);
    if($meta){
        $following = explode(",",get_user_meta($user_id,'following',true));
        return count($following);
    }else{
        return 0;
    }
    
}

// 获取用户粉丝数量
function get_woocommercedev_followers_count($user_id){
    $meta = get_user_meta($user_id,'followers',true);
    if($meta){
        $followers = explode(",",get_user_meta($user_id,'followers',true));
        return count($followers);
    }else{
        return 0;
    }
    
}

第二步：添加JavaScript交互功能

为了实现无刷新关注操作，您需要在网站中添加以下JavaScript代码。这段代码处理关注按钮的点击事件：

使用说明：将上述代码添加到您的主题footer.php文件中，或通过WordPress的wp_enqueue_script函数正确引入。

第三步：创建关注按钮

在您希望显示关注按钮的位置（如用户资料页、作者页面等），添加以下PHP代码：

取消关注';
    }else{
        echo '+ 关注';
    }
}
?>

第四步：显示关注统计数据

您可以在用户资料中显示关注和粉丝数量：

';
echo '
关注：' . $following_count . '
';
echo '
粉丝：' . $followers_count . '
';
echo '