元素3.10的新功能-新功能和改进

元素3.10更新的新内容

Elementor已经发布了一个更新的免费版本的网站建设者插件。

在这篇文章中我们讨论了元素3.10有什么新功能

在element页面构建器插件的这次更新中,Tab小部件得到了更新。

在此基础上,新的基于容器的资产已经发布。

记住这一点,如果你想给元素3.10一个尝试,那么你可以通过点击我们的特殊的链接或者下面的按钮

元素3.10更新

在我们了解更多关于元素3.10的信息之前,重要的是要知道-这次更新是发布于2023年1月9日。

以下是所涉及的主题。

新的嵌套元素实验

在Elementor 3.10中,引入了创建设计或使用元素的新方法。

它被称为嵌套元素。

顾名思义,这个特性将允许您利用flexx容器的强大功能将一个元素放置在另一个元素中。

这意味着您必须使用嵌套元素在element中激活Flexbox Container实验第一。

在元素3.10中激活Flexbox容器实验
在元素3.10中激活Flexbox容器实验

重要的是要知道,flexxcontainer是作为一个实验引入的Elementor 3.6它的状态更新为测试版Elementor 3.8

在element 3.10中,它被正式声明为稳定的。

记住这一点,一旦启用了Flexbox Container,下一步就是激活嵌套元素实验。

为此,你必须在WordPress仪表板的元素设置中导航到实验选项卡。

然后在嵌套元素下拉菜单中选择Active并保存更改。

元素3.10新增嵌套元素特性
元素3.10新增嵌套元素特性

到目前为止,嵌套元素实验默认禁用,其状态为Alpha。

在我们继续之前,重要的是要知道,我们建议您在本地/开发环境中尝试此功能。

而不是在LIVE / production站点上。

另外,目前嵌套功能只在Tabs小部件中可用,将来会在Carousel、Accordion等其他小部件中引入。

更新标签小部件在元素3.10

在Elementor中启用嵌套元素之后,我们将讨论的下一个主题是新的和改进的Tab小部件。

首先,如果您一直在使用Tabs小部件,那么前面的用例不会受到此更改的影响。

另外,到目前为止,还没有选项可以从旧的Tabs小部件更新到新的Tabs小部件。

但是,当编辑旧的Tabs小部件时,它会向您显示一个通知,让您知道您正在编辑旧版本。

现在,当您添加Tabs小部件时,它将具有改进的功能。

在Elementor 3.10中激活嵌套元素实验的旧标签小部件通知
在Elementor 3.10中激活嵌套元素实验的旧标签小部件通知

请注意-此通知将只在您有嵌套元素实验活动时可见。

记住这一点,在添加新的Tabs小部件时,您将看到许多不同之处,下面我们将分享其中的一些。

布局

您将注意到的第一个区别是每个选项卡内部的空白画布,看起来与编辑器完全相同。

在Elementor 3.10中为选项卡部件添加了新的布局
在Elementor 3.10中为选项卡部件添加了新的布局

在这里,您将能够根据需求添加小部件。

选项卡

您将遇到的第二个更改/改进是在这个小部件的内容设置中。

现在,您可以在Tab小部件中为标题添加图标。

在Elementor 3.10的新标签小部件标签标题中的图标
在Elementor 3.10的新标签小部件标签标题中的图标

您将在单击任何选项卡项时看到此选项。

响应的设置

您将注意到的下一个变化是在新的Tabs小部件中出现了一个名为Responsive Settings的新选项卡。

在这里,您将能够选择一个断点,在该断点上选项卡将切换到手风琴。

Elementor 3.10中新的Tabs部件中的响应式设置
Elementor 3.10中新的Tabs部件中的响应式设置

在这个下拉菜单中,您将有3个选项

  • 移动(> 767 px)
  • 平板电脑(> 1024 px)

你可以根据自己的需要选择一个。

在我们继续之前,重要的是要知道,如果您正在使用额外的断点或设置自定义值,那么这些将显示在这个下拉列表中。

element 3.10中新的Tabs小部件中的自定义断点
element 3.10中新的Tabs小部件中的自定义断点

自定义断点是2009年发布的一个特性Elementor 3.4你可以通过访问元素网站设置中的布局来改变它。

自定义尺寸单位

如果您一直在使用Elementor,那么您必须熟悉这样一个事实,即您可以根据需要选择大小单位(px, em, rem, %)。

元素3.10之前的大小单位
元素3.10之前的大小单位

这些大小单位可以在几乎所有可以添加数值的设置(通用或小部件)中找到。

记住这一点,直到现在,《元素》只允许你选择单一大小的单位,没有办法使用混合。

这在元素3.10中有所改变,现在你将能够使用多个或混合大小单位。

要查看这种改进,您可以导航到任何小部件的高级选项卡,然后单击Margin或Padding上的单位大小选项。

元素3.10中新的单位大小下拉
元素3.10中新的单位大小下拉

这样做会显示所有的尺寸单位,在这里你必须通过点击铅笔图标来选择自定义。

在element 3.10中选择自定义大小单位
在element 3.10中选择自定义大小单位

完成后,可以输入值,后面跟着大小单位。请参考下面的截图。

在元素3.10中使用混合大小单位
在元素3.10中使用混合大小单位

重要的是要知道,在ementor 3.10中,下面提到的大小控制现在有自定义控件

  • 容器,截面和列
  • 排版控制-行高,字母间距和字间距。

在即将发布的其他区域将被更新。

CSS数学函数在元素3.10

当我们讨论自定义大小单位时,除了使用大小单位的混合外,您还可以在字段内执行计算以测量值。

为此,您必须选择自定义大小单位,然后在字段中添加任何CSS Math函数。请参考下面的截图

CSS数学函数在元素3.10
CSS数学函数在元素3.10

这是一个非常受欢迎的元素3.10更新的改进。

禁用谷歌字体

2022年初,a德国法院发现谷歌字体违反了GDPR,其使用将使网站面临罚款。

为了消除任何此类风险,Elementor引入了这个选项来完全禁用Google字体。

你可以在WordPress仪表板的高级选项卡下的元素设置中找到这个选项。

禁用谷歌字体在元素3.10
禁用谷歌字体在元素3.10

现在要禁用谷歌字体在元素,你将不得不在下拉菜单中选择禁用并保存更改。

这样,编辑器中可用的字体数量将减少到只有7种。

在元素3.10中禁用谷歌字体后可用的字体
在元素3.10中禁用谷歌字体后可用的字体

如果你使用谷歌字体,那么所有的实例将默认为一个可用的。

现在,如果你还想使用这种字体,那么你可以很容易地在Elementor上传自定义字体。

中提供的自定义字体功能是很重要的高级版这意味着你必须升级到elements Pro才能使用。

自托管视频的预加载属性

Preload是一个属性,它向浏览器传达如何在页面加载时加载视频。

它有3个值

  • 自动加载整个视频
  • metadata-只加载元数据
  • 无-不应该加载视频。

在Elementor 3.10中,这个属性被添加到自托管视频中,您可以在视频小部件的内容设置中找到它。

元素3.10中视频小部件的预加载属性
元素3.10中视频小部件的预加载属性

重要的是要知道,如果你有自动播放,那么这个选项将不可见。

因此,如果你想使用这个属性,那么你必须禁用元素或视频小部件中的自动播放。

元素3.10的其他改进

  • 添加加载=“懒惰”到谷歌地图小部件
  • 添加加载= " lazy "到图像小部件

以上就是您需要了解的关于Elementor 3.10更新的所有内容。

如果你喜欢你所读的,并想尝试元素,那么你可以通过点击我们的特殊的链接或者下面的按钮

要素3.10定价和计划

现在您已经熟悉了Elementor 3.10,我们要讨论的下一个主题是它的定价和计划。

Elementor已经4计划

  • 精华(1个站点)——59美元
  • 高级(3个站点)- $99
  • 专家(25个站点)- 199美元
  • 代理(1000个站点)- 399美元
元素3.10计划
元素3.10计划

元素3.10中包含了什么

  • 100+基本和专业部件
  • 300+基本和专业模板
  • 主题建设者
  • WooCommerce商店构建器
  • 登陆页面生成器
  • 弹出式生成器
  • 表单生成器
  • 营销工具
  • 高级支持

更多的

现在您已经熟悉了Elementor 3.10计划,下一步是购买elements Pro为此,你必须

在我们继续前进之前,重要的是要知道,如果你还没有开始为你的网站寻找一个可靠的虚拟主机,那么你可以注册元素云网站

Elementor云是一个一体化平台,您可以使用它轻松地从头开始构建您的网站。

它包括你需要让你的网站运行起来的一切。

最棒的是它省去了所有技术上的麻烦,售价99美元。

使用云网站订阅获取元素3.10
使用云网站订阅获取元素3.10

包括什么

  • 托管由谷歌云平台提供支持
  • 来自Cloudflare的SSL和CDN
  • 月访问量:10万
  • 带宽/月:100 gb
  • 储存:20 gb
  • 免费自定义域连接
  • 100+预先设计的网站
  • 你好主题和预装的WP
  • 拖放,没有代码编辑器
  • 高级支持

更多的

要了解更多,你可以阅读-元素云网站常见问题

Elementor 3.10

元素3.10更新

说到这里,

我希望这篇文章对您有所帮助,并且您现在已经熟悉了元素3.10更新有什么新内容

如果您有任何疑问,请随时与我们联系。

为了及时了解我们的内容,我们建议您订阅我们的YouTube频道和邮件列表。

还有,别忘了加入我们的Facebook群组

加入社区

留言回复

您的电子邮件地址将不会被公布。必填项被标记*