如果你最近更新了WordPress上面的Elementor插件,那么可能会发现网站上标题和文字的颜色发生了变化,不是之前的黑色或者自定义颜色,而变成了一个浅蓝色#6ec1e4,就像下图一样。
出现这种情况的原因是最新版Elementor强制启用了默认颜色,老版本不存在这个问题,想要解决也很简单。具体步骤如下:
1、随便打开一个页面,使用Elementor编辑。
2、点击左上角三横,然后选择站点设置。
3、全局颜色里面修改为你网站需要的颜色,更新页面即可。
为什么升级 Elementor 后全站颜色会错乱?
Elementor 3.x 及后续大版本对设计系统(Design System)进行了重构,引入了“全局颜色(Global Colors)”与“全局字体(Global Fonts)”机制。当从旧版本升级时,如果主题本身的样式层级与 Elementor 的动态 CSS 发生冲突,就会出现按钮变色、背景重置为默认灰白色等错乱现象。
权威解决步骤
- 重新生成 CSS 文件与数据:
- 进入 WordPress 后台 【Elementor】→【工具】(Tools);
- 在“常规”选项卡下找到 “重新生成 CSS 和数据”(Regenerate CSS & Data);
- 点击该按钮,清除 Elementor 编译在
wp-content/uploads/elementor/css/的旧版样式缓存。
- 同步全局颜色设置:
- 打开任意页面点击“使用 Elementor 编辑”;
- 点击左上角汉堡菜单图标(≡)进入 【站点设置】(Site Settings);
- 进入 【全局颜色】,重新确认 Primary、Secondary、Text、Accent 四个基准色调是否符合品牌规范并点击保存。
- 清空全站缓存:刷新服务器端缓存(如 WP Rocket、LiteSpeed Cache、SG Optimizer),前台即可恢复预期的色彩布局。
