如何为登录模态框设置登录成功跳转（无需插件）

核心解决思路 #

因为你用的是模态框登录，WooCommerce/LearnDash后台设置的跳转规则可能没覆盖到这种自定义登录场景，直接通过PHP钩子或修改登录回调的JS代码就能解决，不用插件。

方法一：PHP钩子实现全局登录跳转（优先尝试） #

直接在主题的functions.php文件（推荐用子主题的functions.php，避免主题更新覆盖代码）中添加以下代码：

// 自定义登录成功跳转地址
function custom_login_redirect($redirect_to, $request, $user) {
    // 两种设置方式选其一：
    // 方式1：通过页面ID获取跳转URL（替换123为你的目标页面ID）
    $target_url = get_permalink(123);
    // 方式2：直接写固定URL
    // $target_url = 'https://你的域名/目标页面路径/';

    // 验证用户登录状态，确保跳转生效
    if ($user && is_object($user) && is_a($user, 'WP_User')) {
        return $target_url;
    }
    return $redirect_to;
}
// 同时挂钩WooCommerce和WordPress默认登录跳转
add_filter('woocommerce_login_redirect', 'custom_login_redirect', 10, 3);
add_filter('login_redirect', 'custom_login_redirect', 10, 3);

代码说明：

• 同时使用woocommerce_login_redirect和login_redirect两个钩子，覆盖WooCommerce登录和WordPress原生登录的跳转逻辑，确保模态框登录也能触发。
• 替换代码中的页面ID或URL为你实际需要跳转的页面地址。

方法二：针对AJAX模态框的JS回调修改 #

如果上面的PHP代码没生效，说明你的模态框是用AJAX异步登录的，需要修改登录成功后的JS回调：

1. 找到主题或插件中负责模态框登录的JS文件（通常在wp-content/themes/你的主题/js/目录下，文件名可能包含login或modal）。
2. 查找登录成功的回调片段，类似下面的结构，修改跳转地址：

// 示例AJAX登录成功回调
$.ajax({
    url: ajaxurl,
    type: 'POST',
    data: login_data,
    success: function(response) {
        if (response.success) {
            // 替换成你的目标页面URL
            window.location.href = 'https://你的域名/目标页面路径/';
        } else {
            // 保留原错误提示逻辑
            $('.login-modal .error-message').text(response.data.msg);
        }
    }
});

3. 如果找不到对应JS文件，也可以通过主题自定义功能添加自定义JS：
   • 进入WordPress后台→外观→自定义→额外CSS/JS（不同主题位置可能有差异），添加上述JS代码片段（只保留success里的跳转逻辑即可）。

验证步骤 #

1. 清除浏览器缓存，避免旧代码干扰。
2. 用测试账号登录，检查是否跳转到指定页面。

内容的提问来源于stack exchange，提问作者Sarah