WordPress主题修改style.css后,不清理浏览器缓存自动加载新style.css样式

江河/ 2023年04月14日/ WordPress/ 浏览 2430

由于浏览器强大的缓存功能,在静态文件(js/css)修改后,往往需要清空浏览器缓存-再刷新才能加载到新的文件。


在调节样式的时候,会感到比较麻烦。


有一个稍微方便一点的办法,就是把文件的修改时间,当做静态文件的版本参数,加入静态文件的路径。这样一旦修改静态文件,刷新页面就会加载新的静态文件了。


比如,WordPress主题中style.css文件,可以做以下处理:


/**
 * 修改文件,就更新缓存
 */
function my_load_scripts($hook)
{
    // 把文件修改时间当做版本号
    $my_css_ver = date("ymd-Gis", filemtime(get_template_directory() . '/style.css'));

    // 加载 style.css
    wp_enqueue_style('style-css', get_stylesheet_directory_uri() . '/style.css', false, $my_css_ver);
}
add_action('wp_enqueue_scripts', 'my_load_scripts');


有一种情况是 sytle.css 文件中 import 了其他 css 文件,这种方法就无效了……


发表评论

暂无评论,抢个沙发...

客服 工单