Elementor 3.30 现已发布,它包含多项升级,可加速您的工作流程,让您更接近 Editor V4 的全部功能,并帮助您以前所未有的速度交付美观易用的网站。从高级样式工具、更智能的编辑功能到云端的完整网站模板,此版本增强了您的设计方式和扩展能力。
文章目录
编辑器 V4 Alpha:更强大,控制力更强
Editor V4 不仅仅是一次更新,它更是为专业 Web 创作者打造的全新 CSS 优先编辑体验。Editor V4 经过彻底设计,旨在提供更卓越的性能、更智能的工作流程和专业级的样式系统,开启 Elementor Web 创作的新纪元。
Editor V4 的第一个 Alpha 版本作为 3.29 版本的一部分推出,带来了性能提升、可复用类、统一控件等诸多功能。现在,随着 3.30 版本的发布,Editor V4 Alpha 变得更加强大,为工作流程的诸多方面提升了清晰度、控制力和效率。
要启用编辑器 V4 Alpha:前往WordPress 仪表板 → Elementor → 设置 → 编辑器 V4并激活。
* 注意:V4 Alpha 仅适用于测试和暂存环境。

使用用户定义的类名进行定义、组织和定位
在 Editor V4 Alpha 的第一个版本中,类名在代码输出中自动生成,这导致您难以在浏览器开发工具中识别所需的类,并且可能破坏与外部工具的兼容性。现在,类名在代码中的显示方式与您定义的完全一致。
当您分配一个像 这样的类时primary-btn
,它就会出现在 HTML 中,因此您可以:
- 在您自己的 CSS 或 JS 中轻松定位它
- 更好地与外部工具集成
- 调试复杂布局
- 创建更清晰、可预测的代码输出

保护您的设计并通过 Class 权限授权合作者
随着网站的发展,团队规模也在不断扩大。因此,编辑器 V4 引入了基于角色的类别管理权限,让 WordPress 管理员能够完全控制设计系统,同时内容创建者也能使用类别。具体操作如下:
- 管理员可以在整个站点内创建、编辑和更新全局课程,并在课程管理器中进行更改。
- 编辑、作者和商店经理可以:
- 应用现有的全局类
- 修改本地类
- 无法编辑或重命名全局类
- 无法访问班级管理器
更好的是,界面可以根据用户的角色进行调整:
- 禁用字段可防止未经授权的更改
- 清晰的工具提示解释了控件被锁定的原因
- 班级管理器对于非管理员来说是完全隐藏的
通过指示和弹出窗口立即了解样式
只需单击一下,即可准确了解每种样式的来源。无论是来自本地类、全局类、继承还是覆盖,Editor V4 的可视化指示器都能帮助您更快地识别和排除样式故障,尤其是在复杂的布局中。
您将在任何样式控件旁边看到彩色圆点:
- ✅ 绿色 = 全球级别
- 🩷 粉色 = 本地类
- 🔘 灰色 = 继承的样式
- 🟧 橙色 = 冲突
单击一个点将打开指示弹出窗口,其中显示:
- 应用样式的类名
- 适用的断点
- 交互状态(例如悬停、活动)
- 它是否被另一种风格覆盖
这些弹出窗口消除了猜测,使调试、微调和获得清晰度变得更加容易。
您还将看到折叠样式组(如排版或边框)上的组级指示器,这样您无需打开每个样式部分即可扫描类应用的样式。

使用上下文感知编辑面板从上次中断的地方继续
在 V3 中,在元素之间切换会重置面板:选项卡跳回常规,部分折叠,而在之前的 V4 版本中 – 类上下文将恢复。
现在,编辑器 V4 会记住每个元素的完整编辑状态,包括:
- 您当前的标签(常规或样式)
- 您正在编辑哪个课程
- 扩大了哪个对照组
因此,如果您正在调整图片,并跳转到标题进行交叉核对,您将直接返回到之前编辑的字段。这是一个小小的用户体验改进,但累积起来,却能极大地提升您日常的专注力和速度。
使用智能单位输入加速每个值的变化
现在,您可以直接在任何属性中同时输入值和单位,无需下拉菜单。无论您是添加20px, 1.5em, 75%,
还是使用相对单位,Editor V4 都能轻松搞定。
甚至更好:
- 无效条目
30abc
自动恢复到最后一个有效值 - 交互流畅、直观、键盘优先
这是一个有影响力的升级,特别是在跨多个断点响应式设计时。
添加视频时考虑性能:全新 V4 YouTube Element
Editor V4 正在逐步扩展 Element。3.30 版本引入了专为 Editor V4 架构构建的 YouTube Element 。
新的 Youtube Element 为您提供:
- 熟悉的控制:自动播放、循环、静音、宽高比、开始/结束时间
- 更简洁的用户界面,仅包含您所需的内容
- 使用现代 JS 处理程序实现更快的渲染和更好的性能
- 正确卸载 DOM 元素以保持前端精简
支持 V4 功能 – 类、状态、统一样式选项卡和完全响应的控件

您必不可少的编辑器工具 – 现在在 V4 中
为了让编辑器 V4 能够满足日常使用需求,我们添加了一系列必要的 V3 功能,并进行了重新设计以适应新框架:
- 自定义单位:使用
calc(), clamp(),
或任何您喜欢的单位进行精确布局。 - ID:为定位或可访问性目的分配唯一 ID。
- 不显示:只需单击几下即可响应地隐藏元素。
- 锚点偏移:修复粘性标题下的锚点链接滚动行为。
- 文本列:向文本小部件添加报纸样式的列布局。
- 纵横比:在不同设备上保持图像和视频的比例。
- 对象适合:选择媒体如何填充或适合其容器。
- 清晰图标:单击即可清除属性。非常适合快速原型设计或恢复实验。

塑造网络创作的未来
无论您是构建复杂、可重复使用的设计系统、跨团队协作,还是仅仅希望更快、更干净地行动,Editor V4 Alpha 现在都可以更强大地测试和准备您的下一代工作流程。
要启用编辑器 V4 Alpha:转到 WordPress 仪表板 → Elementor → 设置 → 编辑器 V4,然后单击激活。
*编辑器 V4 仍处于 Alpha 测试阶段,正在积极开发中。我们鼓励您在测试或预发布环境中进行测试,并在评论区与我们分享您的反馈。
将完整的网站设计保存到云端并在任何地方重复使用
Elementor Pro 用户在 3.29 版本中加入了云模板功能,您可以将版块和页面保存到 Elementor 帐户,并在任何网站上重复使用。在 3.30 版本中,这项强大的功能得到了扩展,包含完整的网站模板。
现在,您可以直接从云端保存和应用整个网站,包括多个页面、样式、站点设置、媒体和布局配置。
对于希望标准化客户设置的机构、重复使用成熟布局的自由职业者以及跨多个项目工作的团队来说,这是一个改变游戏规则的举措。
您保存的网站模板位于集中库中,只需单击几下即可应用于任何与 Pro 相关的网站,让您在不牺牲控制或定制的情况下获得巨大的领先优势。
重要提示:您保存到云端的模板与您的用户 ID 关联,而非网站或订阅。这意味着只有登录您的用户帐户后,模板才可见。
保存并应用网站模板:
前往 WordPress 仪表盘 → 工具 → 点击“网站模板”选项卡 >“导出网站”,然后选择“添加到模板库”。然后,从任意网站打开“我的网站模板”库,即可立即应用您保存的模板。

立即试用 Elementor 3.30
此版本标志着 Editor V4 向前迈出了重要一步,并为所有 Elementor 用户带来了更具可扩展性、可访问性和专业性的未来。
立即更新并探索旨在提升您的工作流程、优化性能并帮助您更清晰、更控制地构建的新工具。
声明:原文出自:https://elementor.com/blog/elementor-330-v4-alpha-website-templates/,由“WordPress 建站帮(WPJZB)”翻译整理,转载请保留本声明。