Elementor 不显示更改:如何重新生成 CSS 并清除缓存

  • 已在 Elementor 4.4 中验证
  • 更新于 2026-11-14

简短回答

在 Elementor 中保存后网站没有变化,通常是因为正在提供旧版本:Elementor 为每个页面生成的 CSS 文件、插件或托管缓存,或浏览器缓存。首先点击 Elementor › 编辑器 › 工具 › 常规 › Clear Files & Data(原名"Regenerate CSS & Data")。然后清除缓存插件,并在无痕窗口中打开页面。

1. 确认更改已保存

如果页面还是草稿,或者退出编辑器时没有点击发布或更新,网站上没有新内容可看。历史 › 修订显示最后保存时间。

2. 在无痕窗口中打开

无痕窗口不使用浏览器缓存。如果更改在那里可见,问题在浏览器,清除浏览器缓存即可解决。

3. 清除 Elementor 的文件和数据

Elementor 将每个页面的 CSS 写入 wp-content/uploads/elementor/css/ 中的单独文件。如果该文件过时,样式也会过时。有三个地方可以清除它:

  • Elementor › 编辑器 › 工具,常规选项卡,Elementor 缓存 › Clear Files & Data。没有编辑器菜单的版本在 Elementor › 工具下。
  • 从网站本身,在顶部栏:使用 Elementor 编辑 › Clear Files & Data。只有管理员能看到。
  • 命令行:wp elementor flush-css --regenerate。

Elementor 会删除旧 CSS 文件和数据库中缓存的数据(如已生成的 HTML),并在下次访问时重新创建。不会删除页面或设计;每个页面的第一次加载会稍慢一些。

名称在 Elementor 3.28 中更改。之前根据版本叫"Regenerate CSS & Data"或"Regenerate Files & Data",许多教程仍在使用这些名称。

4. 清除缓存插件、托管商和 CDN

Elementor 的按钮不会清除其他缓存。清除您的插件缓存(LiteSpeed Cache、WP Rocket、W3 Total Cache…)、托管商面板缓存以及 CDN 缓存(如果使用)。如果优化插件合并或压缩了 CSS,也要重新生成其文件。要完全排除它们,Elementor 建议暂时禁用。

5. 检查元素缓存

在 Elementor 设置的性能选项卡中,元素缓存按所选时间存储小部件的渲染副本:默认一天。Clear Files & Data 会清除它。如果最新文章或价格等动态小部件数据滞后,请缩短该时间,或在高级 › 缓存设置中仅为该小部件关闭缓存。

6. 切换 CSS 打印方法

在同一个性能选项卡中,CSS 打印方法设置为外部文件。如果服务器或插件阻止 uploads/elementor 中的文件,请尝试内部嵌入:CSS 内嵌到页面中。如果这样显示正常,问题在于这些文件的提供方式。

7. 如果刚完成迁移或更换了域名

检查设置 › 常规中两个字段是否有相同地址和相同协议(两者都是 https://)。如果内容仍指向旧域名,请使用 替换 URL 更改。

8. 检查自定义 CSS 或未关闭的 HTML

在 HTML 小部件或文本编辑器中未关闭的标签,或自定义 CSS 中的错误,可能隐藏后续内容。Elementor 在结构面板中标记带有自定义 CSS 的元素。

一次修改多个页面后

Smart Search & Replace for Elementor 在替换完成后清除 Elementor 的 CSS,并在 LiteSpeed Cache、WP Rocket、W3 Total Cache、WP Super Cache、WP Fastest Cache、SiteGround Optimizer、Cache Enabler 和 Breeze 处于活动状态时清除其缓存。替换 URL 会清除 Elementor 的 CSS,但不清除这些插件缓存。

免费插件Smart Search & Replace

在整个网站修改文本和链接,每次更改之前先预览

Smart Search & Replace for Elementor 搜索所有页面、模板和弹窗,在原位显示每个匹配项,只修改您勾选的内容。每个修改过的页面都会保存一个版本记录。

查看插件 →

常见问题

Elementor 的 Regenerate CSS 在哪里?

已改名。在 Elementor 4 中叫 Clear Files & Data,位于 Elementor › 编辑器 › 工具 › 常规,也可在网站顶部栏的"使用 Elementor 编辑"下找到。

Clear Files & Data 会删除我网站的内容吗?

不会删除页面或设计。它只删除 Elementor 生成的 CSS 文件和缓存数据,并在每个页面的下次访问时重新创建。

为什么更改在编辑器中可见但在网站上看不到?

编辑器即时渲染设计;公开网站提供保存的文件。如果缓存中存有旧版本(Elementor 的 CSS、缓存插件、托管商或 CDN),网站会一直显示旧版本,直到缓存被清除。

为什么 Elementor 的更改在手机上看不到?

可能是手机浏览器缓存,或某些缓存插件保存的单独移动版本:在无痕窗口中尝试并清除该缓存。如果是布局没有变化,检查是否编辑的是移动端视图而非桌面端视图。

如何通过命令行重新生成 Elementor CSS?

wp elementor flush-css 删除 Elementor 的 CSS 文件;加上 --regenerate 立即重建,而不是等待下次访问。在多站点网络上,--network 对所有站点执行此操作。