Bricks 编辑器不显示添加的元素如何解决？

这个问题通常出现在域名设置了 Cloudflare CDN 的网站。通常就是编辑器加载有问题，你需要进入 Bricks 设置菜单，打开 Building 标签，找到下面的 Cloudflare Rocket Loader选项开启即可。

Cloudflare Rocket Loader 是 Cloudflare 提供的一项前端性能优化功能，主要用于显著加快网页的加载渲染速度（特别是首屏时间，即 First Paint 和 First Contentful Paint）。

简单来说，它的核心工作机制是：强制异步加载并延迟执行网页上所有的 JavaScript (JS) 代码。

除了上面的方法，如果你在其他编辑器遇到相同的问题，你可以考虑从 Cloudflare 设置中关闭此功能来检查是否这个功能影响了编辑器的加载。

方法一：全局直接关闭（最省心） 目前大多数现代的主题（包括 Bricks）本身已经优化得很好了，不建议开启这么暴力的 JS 延迟工具。

1. 登录 Cloudflare 控制台。
2. 进入你的域名，点击左侧导航的 Speed（速度） > Optimization（优化）。
3. 往下滚动找到 Rocket Loader，将其开关关闭。
4. 点击顶部的 Caching（缓存） > Configuration（配置），点击 Purge Everything（清除所有缓存）。

方法二：通过 Cloudflare 页面规则（Page Rules）设置排除 如果你确实想在访客端保留 Rocket Loader 的加速效果，但又不想让它破坏 WordPress 后台和 Bricks 编辑器，你可以设置规则：

1. 在 Cloudflare 中进入 Rules（规则） > Page Rules（页面规则）。
2. 点击 Create Page Rule（创建页面规则）。
3. 输入 URL 匹配规则：*你的域名.com/*?bricks=run* （这是 Bricks 编辑器的 URL 特征）。
4. 选择设置（Setting）：Rocket Loader，状态选为 Off（关闭）。
5. （可选）再建一条规则，URL 写 *你的域名.com/wp-admin/*，同样将其关闭。
6. 保存并部署。

Rocket Loader 是个对纯展示类静态网页很好的提速工具，但对于重度依赖 JavaScript 的现代 WordPress 构建器来说，它是真正的“编辑器杀手”。关闭它通常能瞬间解决大部分后台编辑器的灵异问题。