WooCommerce商品归档页仅加载指定CSS失败求助

你的代码问题出在wp_enqueue_style的参数顺序错误，导致函数调用异常，CSS文件无法正常加载。另外，还可以通过调整钩子优先级、确认主查询来确保逻辑更可靠，具体解决方案如下：

修正参数顺序 #

wp_enqueue_style的第三个参数是依赖项数组（或false表示无依赖），第四个参数才是媒体类型（比如all）。你把媒体类型放在了第三个参数的位置，这会导致函数解析错误。

修正后的基础代码：

function kodr_scripts_styles() {
    if ( is_shop() ) {
        wp_enqueue_style( 
            'wc-shop', 
            get_template_directory_uri() . '/css/shop-only.css', 
            array(), // 依赖项，无依赖则留空数组
            wp_get_theme()->get('Version'), // 可选：添加版本号，避免缓存问题
            'all' // 媒体类型
        );
    }
}
add_action( 'wp_enqueue_scripts', 'kodr_scripts_styles' );

可选：确保钩子优先级与主查询 #

如果上述修正后仍不生效，可能是钩子执行时机过早，或者页面存在自定义查询干扰is_shop()的判断，可以调整钩子优先级并加上主查询检查：

function kodr_scripts_styles() {
    // 仅在主查询的商品归档页加载
    if ( is_shop() && is_main_query() ) {
        wp_enqueue_style( 
            'wc-shop', 
            get_template_directory_uri() . '/css/shop-only.css', 
            array(), 
            wp_get_theme()->get('Version'), 
            'all' 
        );
    }
}
// 调整优先级为20，确保查询已初始化
add_action( 'wp_enqueue_scripts', 'kodr_scripts_styles', 20 );

额外排查点 #

• 确认shop-only.css文件路径正确：如果是子主题，应该用get_stylesheet_directory_uri()替代get_template_directory_uri()
• 清除浏览器缓存或强制刷新页面（Ctrl+F5），避免缓存导致的文件未加载
• 检查浏览器开发者工具的网络面板，确认文件是否返回404错误，排查路径问题

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