WORDPRESS 博客的HTML的 标签 header 里 你经常可以看到 JS或者CSS文件里的引用后面加上一个 版本号. 例如:
https://justyy.com/wp-content/themes/twentytwelve/style.css?ver=4.4.2
这URL最后面加上的这个参数是 当前 WORDPRESS的版本号. 用意是这样每次更新 WP 版本的时候 浏览器就会强制更新这些文件. 因为有的浏览器 只要访问URL没变 就认为内容没变(当然还受限于其它缓存时间控制).
很经常我在 子主题里改 style.css 每次都得强制刷新 缓存 (浏览器和CLOUDFLARE). 不是很方便. 如果改成用文件时间来做缓存 就会好多了:
把下面的代码加入子主题的 functions.php 里即可.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | function justyy_remove_cssjs_ver( $src ) { $newsrc = $src; if( strpos( $newsrc, '?ver=' ) ) { $newsrc = remove_query_arg( 'ver', $newsrc ); } $rootdir = '/var/www'; // 博客在你主机上的地址. $url = parse_url($newsrc, PHP_URL_PATH); $source = $rootdir .'/'. $url; if (is_file($source)) { $newsrc .= "?m=".filemtime($source); return $newsrc; } return $src; // 如果文件不存在 就不管那么多了. } add_filter( 'style_loader_src', 'justyy_remove_cssjs_ver', 10, 2 ); add_filter( 'script_loader_src', 'justyy_remove_cssjs_ver', 10, 2 ); |
function justyy_remove_cssjs_ver( $src ) { $newsrc = $src; if( strpos( $newsrc, '?ver=' ) ) { $newsrc = remove_query_arg( 'ver', $newsrc ); } $rootdir = '/var/www'; // 博客在你主机上的地址. $url = parse_url($newsrc, PHP_URL_PATH); $source = $rootdir .'/'. $url; if (is_file($source)) { $newsrc .= "?m=".filemtime($source); return $newsrc; } return $src; // 如果文件不存在 就不管那么多了. } add_filter( 'style_loader_src', 'justyy_remove_cssjs_ver', 10, 2 ); add_filter( 'script_loader_src', 'justyy_remove_cssjs_ver', 10, 2 );
您也可以使用 md5 来做为判断是否更新的标准. 当然这样的话会比较慢 因为需要获取文件的内容来计算MD5哈希值.
英文: How to Tell Browsers Re-update CSS/JS files when Files are Changed in WordPress?
强烈推荐
- 英国代购-畅购英伦
- TopCashBack 返现 (英国购物必备, 积少成多, 我2年来一共得了3000多英镑)
- Quidco 返现 (也是很不错的英国返现网站, 返现率高)
- 注册就送10美元, 免费使用2个月的 DigitalOcean 云主机(性价比超高, 每月只需5美元)
- 注册就送10美元, 免费使用4个月的 Vultr 云主机(性价比超高, 每月只需2.5美元)
- 注册就送10美元, 免费使用2个月的 阿里 云主机(性价比超高, 每月只需4.5美元)
- 注册就送20美元, 免费使用4个月的 Linode 云主机(性价比超高, 每月只需5美元) (折扣码: PodCastInit2022)
- PlusNet 英国光纤(超快, 超划算! 用户名 doctorlai)
- 刷了美国运通信用卡一年得到的积分 换了 485英镑
- 注册就送50英镑 – 英国最便宜最划算的电气提供商
- 能把比特币莱特币变现的银行卡! 不需要手续费就可以把虚拟货币法币兑换
微信公众号: 小赖子的英国生活和资讯 JustYYUK