本文是《wordpress（共168篇）》专题的第 122 篇。阅读本文前，建议先阅读前面的文章：
正确使用缓存可以加快网站的加载速度，并改善用户体验。 但是有时候，由于缓存或CDN，我们的JS和CSS文件被缓存了。 如果未清除缓存或强制刷新浏览器，则可能不会加载最新的JS和CSS。为了解决这些问题，WordPress一直都有相应的解决方案。
通过版本号更新
最常用的是为JS和CSS文件添加版本号参数。如果你已经做过了WordPress开发，则应该知道如何使用wp_enqueue_script（）引入js文件和wp_enqueue_style（）函数来引入css文件。 这两个函数都有一个版本参数。 以wp_enqueue_style（）为例：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
/** * 引入css文件（版本号） */ function wpkj_enqueue_scripts() { wp_enqueue_style( } |
通过以上代码引入的css文件，加载的代码可能是：
| 1 | <link rel=‘stylesheet’ id=‘my-custom-style-css’ href=‘https://example.com/wp-content/themes/mycustomtheme/css/customstyle.css?ver=1.0.0’ type=‘text/css’ media=‘all’ /> |
你可以看到有一个参 customstyle.css?ver=1.0.0 位于文件URL的后面。 如果我们的CSS代码已更新，我们只需要更改wp_enqueue_style（）中的版本号参数，例如1.0.1，输入的文件URL应该是 customstyle.css?ver=1.0.1 ，从而达到自动更新文件的效果。
通过时间戳更新
尽管版本号是一个可行的解决方案，但是每次修改CSS代码时，都必须更新版本号。 这种做法在实际开发中并不科学，因此我们可以考虑使用时间戳来实现。
我们可以使用filemtime（）函数自动获取上次文件更新的时间戳，然后将该时间戳用作版本号参数的值。
例如，我们可以将上面的函数修改为：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
/** * 引入css文件（时间戳） */ function wpkj_enqueue_scripts() { wp_enqueue_style( } |
请注意上面代码的第10行。 最后输入的代码应为：
| 1 | <link rel=‘stylesheet’ id=‘my-custom-style-css’ href=‘https://example.com/wp-content/themes/mycustomtheme/css/customstyle.css?ver=1584639960’ type=‘text/css’ media=‘all’ /> |
从中我们可以看到版本号参数的值是时间戳 customstyle.css?ver=1584639960 。每次我们修改customstyle.css文件时，都会自动更新此时间戳，以达到及时更新参数的目的。
您已阅读完《wordpress（共168篇）》专题的第 122 篇。请继续阅读该专题下面的文章：
本站模板没有任何后门，也不会和我们服务器有任何通信，请您放心使用。
本源码一次性买断，没有二次费用，并享受免费更新。
在使用本站模板时，请不要使用我们的产品从事违反中华人民共和国法律、违反公序良俗的活动，否则我们有权拒绝服务，并配合有关单位予以处置。如果您不符合条件，请勿购买。
售后是指通过QQ与客服联系处理问题，售后过期不影响您对主题的使用和更新。免费三个月售后服务。售后服务时间为工作日早9点到晚5点。如果不在线可以QQ留言，我们会尽快给您答复。
售后服务包括程序的使用、BUG的处理、意见建议等。不包括技术服务、网站优化、二次开发、环境配置、服务器运维等。
代码类商品属于数字化商品，具有可复制性，不支持退款，详见《网络交易管理办法》第二章 第16条 第三类。
请仔细阅读我们的用户协议：用户协议
