Elementor 3.20 推出：体验全新显示条件功能与显著性能提升

Elementor 3.20 更新来啦，带来了新的显示条件功能，让你的网页设计更加灵活。现在，你可以更快地加载网页，无论是编辑时还是访问者浏览时。介绍一下新增的元素显示条件，你可以用“或者”这样的选项来设置更多条件，让你的网页内容显示得更聪明。还有呢，你可以用 WordPress 的自定义字段来决定内容显示的条件。而且，最棒的是，升级到 3.20 版还会让你的网站运行得更快、更顺畅。

Elementor官网：https://elementor.com/

使用 OR 连接器创建复杂的条件方案

Elementor 3.20 让你的设计更聪明了！以前，你需要满足所有条件，元素才会显示出来，就像一个严格的门卫。现在，用上了 3.20 版，你可以用“或者”这个法宝轻松组合条件了。这意味着你可以设置多种情况，任意一种成立，元素就会呈现。

打个比方，假设你有一个优惠码，想给你的忠实社交媒体粉丝或者已登录的用户看。现在，你可以设置两个条件组，连接它们说“或者”。如果用户登录了，或者是从你的社交媒体链接进来的，那么，这个优惠券就会闪亮登场。这样一来，无论是老粉还是新访客，都能感受到你的欢迎和慷慨！

基于动态标签的动态访客体验  

Elementor 3.20 让你可以利用动态标签（比如 WordPress 的自定义字段）来决定什么时候显示某个元素。这非常适合那些想把他们的文章或页面模板变得更有生气、更个性化的人。举个例子，如果你想在自动填充的标题旁边放个图标，你可以设定一个规则：只有当标题栏填有内容时，这个图标和它的框架才会出现。使用动态标签设定条件，你还可以根据自定义字段里的具体值来做出决定，比如字段“是”或“不是”某个值，或者“包含”某些特定的信息。这样一来，你的网站就能够根据内容的具体情况，自动调整展示的元素，让每个页面和帖子都独一无二、恰到好处。

性能和辅助功能增强 

性能改进

此版本的 Elementor 包含重大性能更新，带来更快、更愉快的网站构建和浏览体验。

更快的TTFB

Elementor 3.20 让你的网页打开速度更快了，首次加载时间（就是网页开始出现的那一刻）提速了 3-5%。对于内容更丰富的页面，速度提升可能更明显。这是怎么做到的呢？简单来说，就是在网页展示时去掉了那些不必要的元素，让页面更轻便，加载更迅速。

DOM 优化

在你的网站上，每增加一个小部件、功能或者样式，都会增加一些代码。这些代码告诉浏览器怎样展示你的网站。显然，代码越多，浏览器加载内容所需的时间就越长。但是好消息来了，通过升级到 Elementor 3.20，你的网站能够在保持复杂设计的同时，运行得更快了！这是因为最新版本大大减少了页面构建元素（也就是 DOM）的输出。比如，使用 Flexbox 布局的代码减少了 39%，使用网格布局的则减少了惊人的 85%。此外，这次更新还通过减少了编辑器中的代码量，让编辑体验变得更加流畅。

辅助功能改进

Elementor 继续投入时间和精力，让依赖辅助技术的访问者和 Web 开发人员更容易访问互联网。有关辅助功能改进的更多详细信息，请访问开发人员博客。

• 超级菜单：增强了移动设备上的键盘导航和可用性。
• 登录小部件：屏幕阅读器现在可以读取隐藏标签，并且当页面上放置多个小部件时，每个登录小部件都有一个唯一的 ID 。
• 改进的编辑器：使用键盘导航小部件面板和编辑面板。

功能和实验更新

此版本包括对功能和实验的许多状态更改。有些功能已默认在所有新站点上激活，而另一些功能已成为 Elementor 不可分割的一部分，无法再从功能页面激活或停用。 

• 新站点上的默认设置：网格容器、分类过滤器小部件、显示条件。 
• 合并的功能：全局样式指南、页面转换、滚动捕捉。 

使用 Elementor 3.20 享受新的显示条件功能和改进的性能

Elementor 3.20 版本带来了两个强大的新功能，让显示条件更加强大：现在，你可以根据内容动态变化来决定是否显示某个元素，还能用“或者”这个选项来组合多个条件。升级到 3.20 后，你会发现你的网站不仅加载速度变快了，而且页面和元素的显示也更加流畅。这得益于对网页代码的优化和后端元素渲染技术的提升。