Elementor和Elementor Pro 3.10包括新的设计功能,在设计具有嵌套元素的网站时,新版本将带来一个全新的创意体验,并在大小控制中引入了一个新的自定义单元,使您在设计网站时能够达到更高的准确性。这些版本还包括一个新的基于容器的库和性能改进等。
Elementor 3.10版本主要新功能和特性介绍:
1、提升网站设计的新嵌套元素
嵌套元素开启了一种全新的网站设计概念化的方式。通过嵌套元素,您可以利用Flexbox容器的强大功能将任何元素放入另一个元素中。类似于如何将一个容器放入另一个容器中,并无限地嵌套它们,使用嵌套元素,您可以将任何元素(小部件或容器)放入另一个容器中。
随着Flexbox容器的正式稳定,在即将到来的版本中,Elementor将在许多现有的小部件中引入嵌套功能,例如Carousel、Accordion、tab等等,并还将引入全新的嵌套窗口小部件,比如Mega Menu超级菜单。
2、引入新的选项卡小部件,释放设计灵活性
Elementor 3.10新的Tabs小部件是基于容器的,与原来的Tabs小部件相比,它有三个主要改进:
- 选项卡和标题。使用新的选项卡小部件,您将能够调整选项卡的布局和定位,以确定它们相对于选项卡内容的位置-在顶部、底部或其一侧。此外,您将有更多的样式选项,包括向选项卡标题添加图标的能力。
- 新的内容区域。借助Flexbox容器的强大功能,每个选项卡的内容区域将成为一个主容器,您可以在其中放置任何元素,调整其布局并呈现任何您想要的内容——就像编辑器的空白画布一样。
- 新的响应设置。为了改善每个设备大小的设计和用户体验,您可以选择断点,在该断点处选项卡将自动显示为手风琴。这意味着您不必为每个设备创建不同的内容,这也提高了性能。
由于Tabs小部件是基于容器的,要在您的网站上使用它,您需要确保Flexbox容器和嵌套元素实验被激活。一旦激活,新的标签页小部件将自动替换小部件面板中的现有标签页(这不会影响您网站上现有标签页的设计)。
3、新的自定义单位
Elementor编辑器中的数字控件正在升级,现在您可以选择任何想要的单位,混合数字单位,并在其中运行CSS函数计算。编辑器中的许多元素包括调整大小的选项,如填充和边距、字体大小等。选择自定义选项还将允许您为值输入字段中的值的测量运行计算,这样,您可以实现更高的设计准确性和响应支持。
作为Elementor 3.10版本的一部分,以下大小控制将获得自定义选项:
- 容器、部分和列。任何可能的地方,包括自定义宽度、边框等。
- 排版控制。行高、字母间距和单词间距。
- 其他区域也将在未来更新。
4、基于容器的完整网站套件、模板和模块
随着Flexbox容器被标记为测试版,使其稳定并随时可用,为您提供基于容器的完整网站工具包和模板非常重要。在过去的几周里,库团队致力于创建一个完整的基于容器的库,因此当启用Flexbox容器实验时,您可以使用最新的设计趋势启动您的网站创建和设计过程。
现在,当您在您的网站上激活Flexbox容器实验时,您将拥有一个全新的工具包和模板库。这些更新还包括几十个最受欢迎的完整网站工具包和页面模板,它们已经从基于节的布局转换为Flexbox容器,以及全新的网站工具包和页面模板。
有了这个新的库,还有两个值得注意的更新。首先,Elementor推出了一些迷你商店,这是一个单页的完整网站套件,适用于电子商务网站,包括PayPal和收款条纹按钮。第二种是前面所有的块(如Contact,404等。)已经被全新的设计所取代。
5、倒计时小工具中的动态截止日期
倒计时部件是一个创建FOMO和提高转化率的伟大工具,现在在到期日有一个动态标签控件。有了这个更新,您将能够使用原生的WordPress自定义字段,以及来自ACF的自定义字段,并在每个页面上动态填充截止日期。
6、新功能:完全禁用谷歌字体
谷歌字体,一个流行的在线字体库,让您可以在网站上使用各种字体。然而,在最近的事件中,谷歌字体被发现在某些情况下违反了GDPR和隐私条例。
为了消除这种风险,Elementor允许您从网站上删除所有谷歌字体。禁用Google字体时,您将无法在编辑器中使用在线Google字体库,这将使编辑器中可用的字体数量减少到7种。如果您已经在网站上使用了Google字体,但选择在此更新中禁用Google字体,则网站上的所有字体将默认为网站上可用的字体之一。要继续使用您喜欢的字体,您可以将本地托管的字体上传到Elementor或使用自定义字体的Elementor Pro用户可以使用的功能。
7、性能和可访问性改进
在Elementor 3.10中,我们继续引入性能和可访问性改进。此更新包括三个新的性能改进更新和两个可访问性改进更新,例如:
延迟加载谷歌地图
Elementor的Google Maps widget允许您在网站上的任何地方放置地图,当您想要与网站访问者共享特定位置时,这是一个完美的widget。有了这个更新,您将能够延迟加载谷歌地图iframes,这加快了初始页面加载。
延迟加载自定义大小的图像
您所使用的图片的大小会对网站的性能有很大的影响。在之前的更新中,Elementor增加了延迟加载几乎所有上传到媒体库的图片的功能。有了Elementor 3.10,你也可以延迟加载自定义大小的图像。
控制自托管视频预加载
与图像类似,视频也会影响网站的速度和性能,例如,自托管视频通常比YouTube上托管的应用优化技术的视频具有更大的影响。有了这个更新,而不是在初始页面加载期间加载自托管视频,您可以选择是否要预加载视频、视频的元数据,或者在访问者点击播放之前不预加载其任何内容。
页面导航的可访问性改进
Block Quote小部件和Post Comments小部件是Elementor Pro的两个小部件,它们接收了标记更新,使使用辅助技术导航页面的用户更容易访问它们。
(本文由美国主机侦探原创,转载请注明出处“美国主机侦探”和原文地址!)

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

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