如何移除WordPress样式表URL中的ver参数？解决CSS缓存不更新问题

嘿，我太懂这种改完CSS刷半天还是老样式的烦躁了！这种style.css?ver=1.0.0的版本参数，是WordPress用来控制浏览器缓存的，要找到它的代码写法其实很简单，主要集中在这几个地方，你可以顺着找然后修改：

1. 最常见：wp_enqueue_style 函数调用 #

这是WordPress官方推荐的加载样式的方式，一般在主题的functions.php文件里。你会看到类似这样的代码：

// 带版本号的写法
wp_enqueue_style( 'theme-main-style', get_stylesheet_uri(), array(), '1.0.0' );
// 或者用主题版本号自动获取
wp_enqueue_style( 'theme-main-style', get_stylesheet_uri(), array(), wp_get_theme()->get('Version') );

这里的第四个参数就是版本号，把它改成false或者空字符串''，就不会自动添加?ver=参数了：

// 移除版本参数的写法
wp_enqueue_style( 'theme-main-style', get_stylesheet_uri(), array(), false );

2. 直接硬编码的版本参数 #

有些主题可能会直接在HTML里写死样式链接，比如在header.php里：

<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>?ver=1.0.0">

这种情况更简单，直接把后面的?ver=1.0.0删掉就行，改成：

<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>">

3. 用wp_style_add_data设置版本 #

还有一种情况是先注册样式，再单独添加版本信息，代码大概是这样：

wp_enqueue_style( 'theme-main-style', get_stylesheet_uri() );
wp_style_add_data( 'theme-main-style', 'version', '1.0.0' );

要移除版本参数的话，直接删掉wp_style_add_data这一行就可以了。

临时调试小技巧（不用改代码） #

如果只是临时调试，其实不用改代码也能绕过缓存：

• 刷新页面时按住Ctrl + F5（Windows/Linux）或Cmd + Shift + R（Mac），强制浏览器重新加载所有资源
• 打开浏览器开发者工具（F12），在「网络」选项卡勾选「禁用缓存」，这样调试期间浏览器不会缓存任何文件

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