WordPress中如何读取Cookie并将位置值添加至URL路径

嘿，我来帮你搞定这个需求！要实现读取Cookie里的位置值并把它整合到URL结构里，我们得结合前端JavaScript和WordPress后端重写规则来做——毕竟光改前端URL的话，WordPress没法正确识别这个路由，得两边配合才行。

1. 前端读取Cookie并处理URL跳转 #

首先写一段JavaScript代码，用来读取存储位置的Cookie，然后判断当前URL是否已经包含位置参数，如果没有就自动跳转或更新URL：

// 封装一个读取指定Cookie的工具函数
function getCookie(cookieName) {
    const cookieString = `; ${document.cookie}`;
    const cookieParts = cookieString.split(`; ${cookieName}=`);
    if (cookieParts.length === 2) return cookieParts.pop().split(';').shift();
}

// 页面加载完成后执行检查逻辑
document.addEventListener('DOMContentLoaded', function() {
    // 替换成你实际存储位置的Cookie名称
    const selectedLocation = getCookie('user-selected-location');
    const currentPath = window.location.pathname;

    // 判断：Cookie存在，且当前URL不是带位置的结构（比如不是 /berlin/job-offers）
    if (selectedLocation && !currentPath.startsWith(`/${selectedLocation}/job-offers`)) {
        const newUrl = `${window.location.origin}/${selectedLocation}/job-offers`;
        
        // 两种跳转方式二选一：
        // 1. 不刷新页面修改URL（适合前端动态切换内容）
        window.history.replaceState({}, '', newUrl);
        // 2. 强制页面刷新（让WordPress后端解析新URL并渲染对应内容）
        // window.location.href = newUrl;
    }
});

把这段代码放到你的主题footer.php里（或者用自定义HTML区块添加到页面底部），记得替换掉user-selected-location为你实际的Cookie名称。

2. WordPress后端配置重写规则 #

默认情况下，WordPress不会识别domain.com/berlin/job-offers这种URL结构，所以我们需要添加自定义重写规则，让它知道这个路径指向job-offers页面，并且把位置参数传递过去：

打开主题的functions.php文件，添加以下代码：

// 添加自定义URL重写规则
function custom_location_rewrite_rule() {
    add_rewrite_rule(
        '^([^/]+)/job-offers/?$', // 匹配 {位置}/job-offers 的URL结构
        'index.php?pagename=job-offers&location=$matches[1]', // 指向job-offers页面，传递location参数
        'top' // 让这个规则优先执行
    );
}
add_action('init', 'custom_location_rewrite_rule');

// 注册查询变量，让WordPress能识别location参数
function custom_register_location_var($queryVars) {
    $queryVars[] = 'location';
    return $queryVars;
}
add_filter('query_vars', 'custom_register_location_var');

添加完成后，一定要去WordPress后台的「设置 → 固定链接」页面点击保存更改，刷新WordPress的重写规则缓存。

3. 在Job Offers页面获取参数并展示对应内容 #

现在你可以在job-offers页面的模板文件（比如page-job-offers.php）里，获取位置参数，然后根据参数筛选展示内容：

// 优先读取URL中的location参数，没有的话再读Cookie
$selectedLocation = get_query_var('location');

if (!$selectedLocation) {
    // 从Cookie中读取位置值
    if (isset($_COOKIE['user-selected-location'])) {
        $selectedLocation = sanitize_text_field($_COOKIE['user-selected-location']);
        // 自动跳转到带位置的URL，确保URL统一
        wp_redirect(get_site_url() . '/' . $selectedLocation . '/job-offers');
        exit;
    }
}

// 根据位置值展示对应内容
if ($selectedLocation === 'berlin') {
    // 展示柏林的职位内容
    echo '<h2>柏林地区职位</h2>';
    // 这里写你的内容逻辑，比如查询柏林的职位自定义文章类型
} elseif ($selectedLocation === 'london') {
    // 展示伦敦的职位内容
    echo '<h2>伦敦地区职位</h2>';
} else {
    // 未选择位置时的默认内容
    echo '<h2>请选择职位所在地区</h2>';
}

注意用sanitize_text_field过滤Cookie值，避免恶意输入带来的安全问题。

额外注意事项 #

• Cookie设置规范：确保存储位置的Cookie路径设置为/，这样整个站点都能读取到。比如设置Cookie时的代码：

  document.cookie = `user-selected-location=berlin; path=/; max-age=2592000`; // max-age为30天有效期
  

• 缓存问题：如果你的站点用了缓存插件（比如WP Rocket、W3 Total Cache），需要给job-offers页面设置缓存排除，或者根据Cookie值创建缓存变体，避免不同位置的用户看到相同内容。

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