Elementor 3.20版本正式发布,引入了一些新的功能,增强了显示条件的灵活性,允许使用OR连接器连接多个条件,从而进一步增强了它们的功率。另外还提高了网站性能,可以获得更加流畅的网站构建和访问体验。
Elementor官网:https://elementor.com/
一、使用OR连接器创建复杂的条件方案
Elementor早期版本的“显示条件”允许使用AND连接器连接多个条件,需要满足所有条件才显示元素。而3.20版本中对显示条件进行了增强功能,不仅可以连接多个条件,并且在满足任何一个条件时都可以显示元素。
二、基于动态标签的动态访客体验
Elementor 3.20版本可以根据动态标签(包括原生WordPress自定义字段)设置显示条件。这些条件对于单个帖子和页面模板转换为适合其内容的动态设计特别有用。
三、性能和辅助功能增强
1.更快的TTFB
Elementor 3.20将首字节时间(TTFB)分数提高了3-5%,通过优化元素渲染,在较重的页面上甚至更高,这是通过在前端上排除不必要的控件来实现的。
2.DOM优化
在网站中放置的每个小部件以及添加的功能或样式设置都会创建代码,其中包括有关Web浏览器应如何呈现网站的说明。拥有的代码越多,浏览器显示内容所需的时间就越多。通过更新到3.20版本,将自动减少容器的DOM输出,从而允许在保持高性能的同时构建复杂的布局。与上一个版本 (3.19) 相比,Flexbox容器现在产生的代码减少了39%,网格容器产生的代码减少了85%。此外,此版本通过减少自定义单元控件的DOM输出来提高编辑器的性能。
3.辅助功能改进
- Mega Menu:增强了键盘导航和移动设备上的可用性。
- 登录小组件:屏幕阅读器现在可以读取隐藏的标签,并且当多个小组件放置在页面上时,每个登录小组件都有一个唯一的ID。
- 改进的编辑器:使用键盘导航小部件面板和编辑面板。
4.功能和实验更新
此版本包括对功能和实验的多项状态更改。默认情况下,有些已在所有新站点上处于活动状态,而另一些已成为Elementor不可分割的一部分,无法再从功能页面激活或停用。
- 新站点上的默认值:网格容器、分类过滤器小组件、显示条件。
- 合并的功能:全局样式指南、页面过渡、滚动快照。