目前Elementor 3.30版本已经发布,此次升级不仅涵盖Editor V4,而且还提供了整个网站的云端保护功能,从高级样式工具到更智能的编辑,Elementor 3.30增强了商家的网站设计和扩展方式。
Editor V4 Alpha:功能更强大,控制力更强
Editor V4是为专业Web创作者重新打造设计的CSS优先编辑工具。此次Elementor将Editor V4从头开始设计,旨在提供更好的性能、更智能的工作流程和专业级的网站设计系统,是Elementor创建的新时代。
在3.30版本中,Editor V4 Alpha变得更加强大,为工作流程增加了清晰度、控制力和效率。要启用Editor V4 Alpha:转到WordPress仪表板- 元素- 设置- Editor V4并激活。
注:Editor V4 Alpha只能在测试和测试环境中使用。
使用用户定义的类名定义、组织和定位在Editor V4 Alpha的第一个版本中,类名在代码输出中自动生成,这使得用户难以在浏览器开发工具中识别预期的类,并可能破坏与外部工具的兼容性。现在类名在代码中的显示与用户定义的完全一致。
当分配一个类时,这正是HTML中显示的,所以可以:
- 在自己的CSS或JS中轻松定位它
- 更好地与外部工具集成
- 调试复杂的布局
- 创建更清晰、可预测的代码输出
随着网站的增长,团队也在增长,这就是为什么Editor V4引入了基于角色的类别管理权限,让WordPress管理员完全控制设计系统,同时仍然允许内容创建者使用。其工作原理如下:
管理员可以在整个Elementor站点创建、编辑和更新全局,并在管理器中进行更改。编辑、作者和商店经理可以:
- 应用现有的全局类
- 修改本地类
- 无法编辑或重命名全局类
- 无法访问类管理器
- 更好的是,界面会根据用户的角色进行调整:
- 禁用字段可防止未经授权的更改
- 解释为什么控件被锁定
- 对非管理员完全隐藏管理员
只需单击一下即可准确了解Elementor每个样式的来源。无论是来自本地类、全局类、继承类还是覆盖类,Editor V4的视觉指示器都可以更快地识别和排除样式问题,特别是在复杂的布局中。
将在任何样式化控件旁边看到彩色圆点:
- 绿色=全球级
- 粉红色=本地类
- 灰色=继承风格
- 橙色=冲突
点击一个点将打开指示弹出窗口,显示:
- 应用样式的类名
- 它适用的断点
- 交互状态(例如悬停、活动)
- 是否被另一种样式覆盖
这些弹出窗口消除了猜测,使WordPress网站调试、微调更加清晰可见容易。还可以在排版或边框等折叠样式组上看到组级指示器,可以在不打开每个样式部分的情况下扫描类应用样式。
从上次中断的地方继续在Editor V3中,在Elementor Editor之间切换会重置面板:选项卡跳回General,部分折叠,现在Editor V4会记住每个元素的完整编辑状态,包括:
- 当前的选项卡(常规或样式)
- 正在编辑哪个类
- 扩大了哪个控制组
如果正在调整图像并跳到标题以交叉检查某些内容,将直接返回到正在编辑的确切字段,这是一个小小的用户体验变化,会大大提高日常专注力和速度。
使用智能单位输入可以直接在任何属性中无需下拉列表,就可以一起输入值和单位,无论是添加还是使用相对单位,Elementor Editor V4 都能处理。
更好的是,无效条目可以自动恢复到上一个有效值,并且交互流畅、直观,输入优先。这是一次有影响力的升级,尤其是在跨多个断点进行响应式样式设置时。
添加视频时考虑性能Elementor 3.30版本引入了一个专为Editor V4架构构建的YouTube元素,新的Youtube元素提供:
- 熟悉的控件:自动播放、循环、静音、宽高比、开始/结束时间
- 一个更简洁的用户界面,只包含需要的内容
- 使用现代JS处理程序实现更快的渲染和更好的性能
- 正确卸载DOM元素以保持前端精简
- 自定义单位:使用任何单位进行精确布局。
- ID:分配唯一 ID 以用于定位或其他功能。
- 无显示:只需点击几下即可响应性地隐藏元素。
- 锚点偏移:修复粘性标题下的锚点链接滚动行为。
- 文本列:将报纸风格的列布局添加到文本小部件中。
- 纵横比:跨设备保持图像和视频比例。
- 清除图标:只需单击一下即可清除属性,非常适合快速原型设计或还原操作。
cloud Templates在3.29版本仅支持Elementor Pro用户,允许将部分和页面保存到Elementor帐户,并在任何网站上重用它们。在Elementor3.30版本中,这个强大的功能被扩展到完整的网站模板中。
现在可以直接从云端保存和应用整个网站,包括多个页面、样式、网站设置、媒体和布局配置。对于希望标准化设计、重用经过验证的布局以及跨多个项目工作的团队机构来说,这是一个非常好的应用选择。
保存的网站模板位于一个集中的库中,只需点击几下即可应用于任何与Pro连接的网站,在不牺牲定制的情况下提供巨大的领先优势。
注:保存到云端的模板连接到用户ID,而不是连接到网站或订阅,这意味着只有登录到用户帐户时,模板才可见。
保存并应用网站模板:
转到WP仪表板- 工具- 单击网站模板选项卡-导出网站,然后选择添加到库。然后从任何网站打开网站模板库,立即应用保存的模板。
>>>>立即使用Elementor 3.30版本<<<<<
推荐阅读:
《Hostinger主机+Namesilo+Elementor建站教程》
《如何使用Elementor主机搭建WordPress独立站?》
(本文由美国主机侦探原创,转载请注明出处“美国主机侦探”和原文地址!)

微信扫码加好友进群
主机优惠码及时掌握

QQ群号:938255063
主机优惠发布与交流