资料来源于网络，如果涉及版权，请来信告知，我会在第一时间删除！
无论你是折腾企业英文网站，还是个人博客，可能都免不了折腾一番 WordPress。由于各种需要，你可能会安装各类缓存插件，如 WP Super Cache，W3 Total Cache，DB Cache Reloaded Fix，Hyper Cache。当你安装主题之后，可能免不了一番修改，频繁更新主题的 CSS、JS 文件。但这些静态文件已被缓存插件缓存，有时候你修改上传覆盖之后，前台页面也无法立即显示新修改的 CSS 和 JS 文件。
当然，你可以手动去删除缓存，但是在你修改非常频繁的情况下，手动删除缓存文件仍然很麻烦。如何能够让访客的浏览器获取最新的 CSS、JS 文件而不是等到浏览器缓存缓存失效到期后显示新文件呢？一般有如下方法：
数字版本号
如果你有过一些 Web 开发经验，那么不难理解，我们可以用版本号参数控制。即原来比如说 css 文件路径代码是如下面的：
https://www.yourdomain.com/wp-content/themes/themename/style.css
那么如果更新了 css 文件，可以为此添加版本号，即改为：
https://www.yourdomain.com/wp-content/themes/themename/style.css?v=2（任意数字）
但是，在 WordPress 中如果每修改一次就要手动更新版本号那太累了。如何让版本号自动更新？（即?v=后面的数字自动添加）
时间版本号
我们可以用时间版本号来代替数字版本号。在 WordPress 中，用时间版本号代替数字版本号的处理方式可以更加方便一点。
PHP
更好一点的办法是：我们想要只有在文件更改后，更新缓存。只需将文件版本设定为 fileetime。这个函数将输出文件的最后更新时间。
PHP
<link rel=”stylesheet” href=”<?php echo $css_file; ?>?ver=<?php echo filemtime($css_file); ?>” />
当然，还有更好的办法。还可以利用 php 钩子，用 wp_enqueue_style() 函数把我们自定义的函数勾上。
将下面的代码添加到主题的 functions.php 文件下，即可为 styl.css 文件自动添加时间版本号：
PHP
add_action( ‘wp_enqueue_scripts’, ‘liao_show_realtime_css’ );
function liao_show_realtime_css(){
$css_file = get_stylesheet_directory() . ‘/style.css’;
wp_enqueue_style( ‘css-file’, get_stylesheet_directory_uri().’/style.css’, NULL, filemtime($css_file) );
}
JS 文件的话同理：
PHP
add_action( ‘wp_enqueue_scripts’, ‘liao_show_realtime_js’ );
function liao_show_realtime_js(){
$js_file = get_stylesheet_directory() . ‘/js/main.js’;
wp_enqueue_script( ‘js-file’, get_stylesheet_directory_uri().’/js/main.js’, NULL, filemtime($js_file) );
}
通过上面的方法，可以保证你的网站用户每次打开浏览器访问都是你修改后的最新的 css 和 js 文件，而非采用缓存。
Author Box
注册：Jan 30, 2021
简介：技术菜鸟，拷贝、黏贴代码中 ……
