在页面设置的自定义 CSS 里把 .hero 的高度从 600 改成 520 像素,保存后前台还是 600,清浏览器缓存也没用,换无痕窗口依旧。碰到这种情况,我一般先确认改动有没有真的生效。
原因不复杂,这段 CSS 被写进 post-{id}.css,文件由构建器生成并带版本号,页面缓存插件把旧文件连同旧版本号一起缓存了。CDN 边缘也存了一份,源站更新没有触发刷新。
碰到「Elementor 自定义 CSS 失效」这类问题,我习惯先把当前配置原样备份一份,改坏了立刻换回来,不用现场推。日志级别临时调高可以,记得改回去,长期开着既占磁盘又掩盖真问题。
wp elementor flush-css wp cache flush curl -I https://example.com/wp-content/uploads/elementor/css/post-123.css
权限不要一口气开到最大,先加到够用再往上试,范围小才好收。把复现步骤压到三条以内,交给同事也能跑出来,才算真的定位清楚。
具体做法是,先看页面源码里 post-{id}.css 后面的版本号有没有变;在构建器工具里重新生成 CSS 文件;刷新页面缓存和 CDN 上这个 CSS 的地址,只刷 HTML 不够。
最后用这个标准收尾,CSS 文件版本号更新,前台 .hero 高度变成 520 像素,CDN 返回的也是新文件。
