WordPress中is_page条件加载CSS仅登录后生效如何解决

• 缓存机制影响：这是最高发的原因。绝大多数WordPress缓存插件、服务器页面缓存、CDN缓存默认会对未登录访客直接返回预生成的静态页面，同时默认跳过登录态（尤其是管理员账号）的缓存逻辑。你修改头部代码后如果没有清空全站缓存，未登录用户访问到的是代码修改前生成的旧静态页，自然不会加载新加的样式。
• 判断逻辑匹配失效：你在is_page()中传入的是字符串格式的'105'，在存在自定义路由、多语言插件页面映射、自定义主查询的场景下，可能出现类型匹配失败的问题；登录态下因为后台编辑页面的上下文优先级更高，所以能正常匹配到ID。另外如果站点开了多语言，未登录用户可能被自动跳转到对应语言的翻译页面，该页面ID不是105，也会导致判断失效。
• 代码/模板加载逻辑问题：如果这段代码被放在了is_user_logged_in()、用户权限判断之类的逻辑块内部，未登录用户根本不会执行到这段代码；部分主题会给未登录用户、移动端用户加载独立的头部模板，你修改的头部文件仅对登录用户生效。

• 第一步先清缓存排查：清空站点所有缓存插件生成的页面缓存、静态资源缓存，开了CDN的话同步刷新CDN缓存，之后用浏览器无痕模式打开目标页面测试，不要用普通窗口（普通窗口可能留存登录态Cookie、本地缓存）。
• 替换为规范的代码逻辑，不要直接硬改头部模板文件，把下面的代码加到当前主题（优先用子主题，避免主题更新覆盖代码）的functions.php文件中：

// 按WordPress官方规范注入页内样式
add_action('wp_enqueue_scripts', function() {
    // 传整数类型的页面ID，避免类型匹配错误
    if (is_page(105)) {
        // 这里的全局样式句柄替换成你主题主样式表的注册句柄即可
        wp_add_inline_style('global-styles', '.article-header {display: none !important;}');
    }
});

如果不知道主题主样式的注册句柄，可以直接用wp_head钩子输出，兼容性更强：

add_action('wp_head', function() {
    if (is_page(105)) {
        echo '<style>.article-header {display: none !important;}</style>';
    }
}, 5);

• 排查逻辑冲突：如果坚持修改头部模板文件，先确认这段判断代码没有被包裹在登录判断、权限判断的代码块内部，且放在模板中wp_head()函数调用之前的位置；如果站点开了多语言，找到对应语言版本的目标页面真实ID，把ID加到判断条件里即可。
• 排查模板分流：如果主题有访客端、登录端独立模板的设置，确认你修改的是访客端访问时实际调用的头部模板文件。

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