Wordpress 渲染的 CSS 与 CSS 文件不匹配

【问题标题】：Wordpress Rendered CSS Doesn't Match CSS FileWordpress 渲染的 CSS 与 CSS 文件不匹配
【发布时间】：2019-11-15 07:10:56
【问题描述】：

我不知道发生了什么。基本上，我一直在尝试更新我的 style.css 文件。我进行了更新，通过 FTP 覆盖了 style.css，但呈现的样式是样式表的先前版本。

当我通过 FTP 和 cPanel 文件管理器打开 style.css 时，我更新的 style.css 就在那里。但是，当我在浏览器中检查它时，正在呈现过时的样式表。已经一个星期了，我已经清除了缓存。不知道从这里做什么。

【问题讨论】：

嗨。您是否检查过该站点是否使用 CDN？这通常是我的问题，即使我已经清除了所有缓存。
像 Cloudflare 这样的 CDN？我不信，我刚查了一下。该网站的一部分正在使用 Cloudflare，我也刚刚清除了那里的缓存，但没有任何改变。

标签： css wordpress wordpress-theming

【解决方案1】：

最好的方法是强制加载修改后的 css 文件 style.css，方法是在 <link> 标记的末尾添加其版本：例如 style.css?ver=0.1.2。

每次更改style.css 文件时，都会更改其版本，因此它将在浏览器中更新。即使 CDN 缓存了它。

例如，如果您使用子主题，您可以添加functions.php：

`$theme = wp_get_theme(); 定义（'THEME_VERSION'，$theme->版本）； //获取写在你的style.css中的版本

函数主题样式（） { wp_enqueue_style('style', get_template_directory_uri().'/style.css', [], THEME_VERSION, 'all'); } add_action('wp_enqueue_scripts', 'theme_styles');`

在style.css：

/* Theme Name: xxxxx Author: xxxx Author URI: xxx Description: xxx Version: 0.1.2 <- style.css version to update manually */

【讨论】：