通过文件修改时间来强制更新css、js等文件版本号

经常修改wordpress的css或者js文件后,经常要清理缓存插件、浏览器缓存、cdn缓存。。。很麻烦。最便捷的方法是修改文件的版本号,让每一次修改后的版本号都不一样。比如libs.css?ver=1616566988
这样每次修改完,改变版本号,客户端浏览器就会重新下载新的js或css文件,起到刷新缓存的作用。不用再去手动刷新缓存了。

我们要用到函数filemtime(),文件的内容上次被修改的时间 时间戳。文件名必须是相对路径~~
代码如下:


使用绝对路径会如下错误:
Warning: filemtime(): stat failed for https://www.77nn.net/wp-content/themes/wodown/static/css/base.css in /www/wwwroot/www.77nn.net/wp-content/themes/wodown/base.php on line 129
可使用get_template_directory()函数获取主题模板目录。
wordpress最佳引用脚本js文件函数wp_enqueue_script:


function theme_scripts() {
	wp_enqueue_style( 'style', get_stylesheet_uri(), array() , filemtime(get_template_directory() . '/style.css'));
	wp_enqueue_script( 'script', get_template_directory_uri().'/js/script.js', array(), filemtime(get_template_directory() . '/js/script.js') , true );
}
add_action( 'wp_enqueue_scripts', 'theme_scripts' );

以上代码的css和js文件根据自己的实际路径修改。

© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容