投稿    登录
欢迎来访~

WordPress中去掉CSS文件后的参数,解决修改样式不生效的问题

PHP 崔庆才 8761浏览 1评论

扫码或搜索:进击的Coder

发送

即可立即永久解锁本站全部文章

一、移除主题中的样式版本号

在更新新版本之后,发现WordPress中的JS和CSS文件引入时带有ver参数,在浏览器中审查元素或者 F12 查看其引入的文件,就如图中一样,文件的末尾会带有一个这样的参数,这样带来的麻烦有很多。很大的问题就是 修改style.css 文件不生效,它带有这个参数的作用就会让浏览器加载缓存的 JS 和 CSS 文件,而你修改了样式之后它还是不会生效。

0150201161853

 

那么这个怎么去除?

找到你的主题文件中的 functions.php 文件

找到类似于下面的代码:

你可以查找这几个函数名来找到。

你可以发现倒数第二行,引入了 style.css 文件,那么第四个参数就是罪魁祸首了,就是文件的版本号,把第四个参数修改为 null 即可,记住不要加引号的 null

这样刷新页面,你就会发现 style.css 样式表后面的参数就不见啦。

同样的道理,对于 JS文件,你同样可以通过修改第四个参数来解决问题。

二、移除主题之外样式版本号

除了主题之内的CSS和JS带有版本号,主题之外的界面也带有版本号,比如登录界面等等,如果你想定制一个个性化的登录界面,那么你可以修改 wp-admin 目录下的css样式。但是,修改完之后仍然存在不生效的问题。这个怎么办?

如下图所示,150204145120

审查该登录界面的元素,你会发现它的CSS样式仍然带有版本号,这会导致我们不管怎样修改 login.min.css 仍不会生效,那么我们就分析一下源代码。

我从 wp-admin 目录下找到了 load-styles.php 文件,它正是加载 CSS样式所必备的文件,但是和上面的主题中加载CSS文件的方式不同,它并不存在 wp_register_style 这个方法,不过我发现,它引入了一个 version.php 文件,代码如下:

那么它的路径在哪里,我们会发现 ABSPATH和 WPINC两个变量,这是两个宏定义

顺藤摸瓜,我们找到了 wp-includes 目录下的 version.php 文件,其中就定义了版本号这个变量

根据上面的思路,我们只需要把 version 改成null即可,试一下。这个方法不算好,去掉版本号之后一些插件可能识别有问题,请谨慎修改。

再来审查一下元素,我们就已经发现,版本号的后缀不见啦。

QQ截图20150204145920

我们之前修改的样式也已经生效了!如果还有更好的方法,欢迎补充!

以上只是我的一些拙见,希望对大家有帮助!

转载请注明:静觅 » WordPress中去掉CSS文件后的参数,解决修改样式不生效的问题

更多文章、联系博主、技术交流、商务合作

扫码或搜索:进击的Coder

进击的Coder

微信公众号 扫一扫关注

喜欢 (7)or分享 (0)

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请狠狠点击下面的

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址