Elementor 的新主要更新已发布。 我们从 2.x版迁移到 3.0 版。 这个新版本提供了一种使用 WordPress 和 Elementor 创建网站的新方法。 我们将尝试转换这些新功能。
Elementor 3.0? 的主要新增功能是什么
Elementor 3.0 附带 3 个主要附加功能：设计系统功能、新主题生成器和显着的性能改进。
设计系统功能
你有没有想过大公司是如何做到这一点的，无论他们使用的平台是什么 ? 他们创造的所有东西看起来都是一致的并且具有相同的设计。 这要归功于所谓的“设计系统”。 根据 UnxDesign.cc，设计系统是：
单一的事实来源，它将允许团队设计、实现和开发产品的所有元素组合在一起。 因此，设计系统不是可交付成果，而是一组可交付成果。 它将随着产品、工具和新技术不断发展。
UX Collective
实施设计系统，让整个团队围绕一种设计语言保持一致，同时彻底改变团队的工作方式并确保更快的工作流程。
创建令人惊叹的网站
使用最好的免费页面构建器 Elementor
现在开始Elementor 3.0 的设计系统功能包括：
- 全局颜色
- 新站点设置面板
- 全局字体
让我们深入了解这将如何帮助您建立更好的专业网站。
全局颜色
Elementor 3.0 添加了一种使用站点颜色的新方法。 这种新方法被命名为全局颜色。
全局颜色可帮助您从一个位置更改颜色，并在使用它的任何地方更新该颜色。
您将开始为您的网站选择基本的全局颜色。 然后，进入 Elementor 中的任何颜色样式，并将其定义为四种颜色之一。 请注意，您可以在Global List上添加尽可能多的自定义颜色。
现在是 CSS 变量进来了。返回到Global Colors ，并更改其中一种颜色。 您的整个 site’s 配色方案会根据新的全局颜色进行更改。 你有没有经历过更容易的事情?
You’ll 还可以在控制输入中设计不同的全局颜色或创建新的全局颜色，所有这些都在控制输入中使用相同的颜色选择器。
网站设置
为网站创建第一个设计设置会耗费大量时间。 您必须在主题代码、Customizer、functions.php 之间进行权衡。 这足以证明你的头痛是正当的。
新的站点设置显示了各种配置工具。 这样，您将继续从一个地方完成所有这些任务。
首先，在您使用 Elementor 编辑的任何页面中，在左侧面板上，单击左上角的图标。 这将使您切换到“全局设置”面板。
在该全局设置面板中，您会发现：
- 布局：配置 Elementor’ 的默认布局设置，例如默认内容宽度或默认页面布局。
- 站点标识：自定义您的跨站点标识，例如徽标、标题、标语甚至 Favicon。
- 主题样式：为排版、按钮和表单字段自定义与 Elementor 无关的 HTML 元素（通常由主题设置）。
- 灯箱：定义 Elementor 灯箱的默认样式
- 全局颜色和字体：让您配置适用于您网站的全局颜色和字体。
全局字体
颜色和排版是任何网站的构建组件的一部分。 使用与全局颜色功能相同的逻辑，这是一种处理 site’s 文本样式的新方法。
使用全局字体，每个版式设置都可以全局应用。 您现在可以全局设置所有站点排版设置，包括字体系列、字体大小 & 比例、字体粗细、字体转换、字体样式、字体装饰、行高、字母间距，甚至响应式设置。 您还可以为每个包含文本的小部件设置这些设置，并自定义您自己的全局字体。
通过正确设计排版，您将能够在全球范围内应用这些更改。
整个站点可视化 & 组织在一个地方
虽然著名的Theme Builder在全面了解网站设计方面已成为行业领导者，但这个新的 UI 更进一步。 新的主题生成器现在以非常直观的方式为您提供整个网站的概览。
该主题生成器提供网站的概览，包括所有网站部分：页眉、页脚、全局页面模板、全局帖子模板等。 网站的每个部分都可以预览，使设计完整网站的任务变得更加容易。
性能改进
随着应用程序的增长，开发人员显然应该关心性能。 Elementor 3.0 的更新旨在确保良好的代码基础架构，从而显着提高性能。
有很多 DOM 元素清除，这使得 Elementor 渲染速度更快。 这肯定会提高您的页面速度排名和您网站上用户的整体体验。
具体来说，在 Page Speed? 方面发生了什么变化
Elementor 3.0 对服务器端渲染过程和 Elementor 渲染动态 CSS 值的方式进行了重大改进。 这使您可以在整个网站中加入动态元素和值。 例如，您可以为站点帖子创建一个模板，并决定要将每个 post’s 特色图像显示为帖子标题后面的背景。
在后台，当 Elementor 准备要发送到浏览器的帖子时，它会解析帖子的动态值，检索它们，如果它们包含任何 CSS 值，它会打印该 CSS。
使用 Elementor 3.0，此过程所花费的时间已大大减少。 感谢为您的每个帖子存储的动态值。 一旦存储了该列表，每当有人访问该帖子时，Elementor 都会直接进入该列表，从而加快处理速度。 受此优化影响的动态值包括背景图像、颜色等。 这种改进显着降低了服务器负载。
Elementor 3.0 更新总结
正如我们上面提到的，这个版本带有有趣的东西，应该真正影响你的日常工作。 我们经历过：
TheDesign 系统功能可帮助您更一致、更高效地工作。
新的主题生成器是一个强大的可视化工具，可以从一个地方管理您网站的每一部分。
性能改进以获得更好的用户体验。
Elementor 3.0 肯定会让您成为专业的网络创建者。 如果您还没有，请立即升级到Elementor Pro 。 您还应该考虑阅读我们的帖子，解释为什么Elementor 肯定是 WordPress 上最好的免费页面构建器。
