什么是新的元素Pro 3.12更新-新的功能和改进

什么是新的元素Pro 3.12

在上一篇文章中,我们已经谈到Elementor 3.12

在这篇文章中,我们将讨论什么是新的元素Pro 3.12更新

首先,这次更新是针对插件的高级版本。

这意味着,如果你有一个Pro或者元素云网站订阅然后,只有您才能访问包含的新功能。

就功能而言,Elementor Pro 3.12带来了最令人期待的功能之一,那就是Mega菜单。

除此之外,Loop Grid, Loop Carousel和Menu Cart小部件的一些改进已经发布,包括基于循环的预构建容器模板。

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

元素Pro 3.12更新

在我们了解更多关于Elementor Pro 3.12的信息之前,重要的是要知道这个更新是发布于2023年3月29日。

以下是所涉及的主题。

新菜单小部件

如果你一直在使用Elementor Pro创建网站,那么你必须熟悉这样一个事实,Elementor附带了一个导航菜单小部件,允许你选择或添加你在WordPress中创建的菜单。

元素Pro 3.12之前的导航菜单小部件
元素Pro 3.12之前的导航菜单小部件

创建的菜单是相当基本的,如果你想添加自定义项目,那么没有简单的方法来做到这一点。

通常,另一种方法是使用Icon List小部件,因为它允许您添加项并将它们链接到不同的页面。

在elements Pro 3.12之前使用图标列表小部件自定义菜单
在elements Pro 3.12之前使用图标列表小部件自定义菜单

重要的是要知道,这个过程听起来很容易执行,然而,在现实中,当涉及到创建响应菜单时,它可能是一个真正的噩梦,因为没有简单或直接的方法来做到这一点。

记住这一点,在Elementor Pro 3.12中,引入了一个新的菜单小部件

这个小部件将简化使用elemor创建菜单的过程。

新的菜单小部件已经发布了一个实验,默认情况下它是禁用的。

除此之外,它要求您启用elements中的多个功能,这些是。

  • Flexbox容器
  • 嵌套的元素
  • 菜单

记住,菜单需要嵌套元素功能。

菜单需要在Elementor Pro 3.12中的嵌套元素
菜单需要在Elementor Pro 3.12中的嵌套元素

嵌套元素需要Flexbox Container。

嵌套元素在Elementor Pro 3.12中需要Flexbox Container
嵌套元素在Elementor Pro 3.12中需要Flexbox Container

在我们继续之前,重要的是要知道Menu是一个状态为Alpha的功能。

Elementor Pro 3.12中菜单功能的状态
Elementor Pro 3.12中菜单功能的状态

因此,我们建议首先在测试站点或本地环境中使用此功能。

说到这里,

要启用这些功能,你必须在你的WordPress仪表板上点击元素下的设置。

WordPress仪表板中的元素设置
WordPress仪表板中的元素设置

在下一步中,您需要单击Features选项卡。

元素设置中的功能选项卡
元素设置中的功能选项卡

这样做将向您展示所有实验性功能,在正在进行的实验中,您将找到Flexbox Container。

在element中激活Flexbox Container,您需要在下拉菜单中选择Active,然后单击Save changes。

在element Pro 3.12中启用Flexbox Container功能
在element Pro 3.12中启用Flexbox Container功能

请注意-一旦flexx容器功能被激活,您将在元素中找不到内部部件因为它将被Container取代。

在下一步中,您需要激活Elementor中的嵌套元素特性。

为此,您必须在嵌套元素下拉菜单中选择Active。

在Elementor Pro 3.12中启用嵌套元素功能
在Elementor Pro 3.12中启用嵌套元素功能

中引入了嵌套元素特性,这一点很重要Elementor 3.10如果你访问了新的Tab小部件。

移动,

您必须启用的下一个功能是菜单。

要激活element中的Menu,你必须像之前一样在下拉菜单中选择Active,然后保存更改。

启用elements Pro 3.12中的菜单功能
启用elements Pro 3.12中的菜单功能

一旦您启用了菜单功能,您就可以访问elements Pro中的新菜单小部件。

您可以在元素编辑器的站点小部件下找到它。

元素Pro 3.12中的新菜单部件
元素Pro 3.12中的新菜单部件

添加这个小部件后,您将看到它生成了一个包含几个项目的菜单。

使用Elementor Pro 3.12中的新菜单部件创建的菜单
使用Elementor Pro 3.12中的新菜单部件创建的菜单

在左侧的布局下,您可以选择添加更多菜单项。

在Elementor Pro 3.12的新菜单部件中添加项目
在Elementor Pro 3.12的新菜单部件中添加项目

在这里,你将不得不只是点击添加项目,它会自动添加一个新的菜单项。

在此之后,下一步是更改菜单项名称或标题并添加链接。

为此,您必须单击布局下的菜单项选项卡,第一个选项将允许您更改标题或名称。

在Elementor Pro 3.12中更改新菜单小部件的标题
在Elementor Pro 3.12中更改新菜单小部件的标题

就在它下面,你会选择添加一个链接到这个菜单项,如果你想在一个新的选项卡中打开它,或者想添加nofollow或自定义属性,那么你将不得不点击齿轮图标。

在Elementor Pro 3.12的新菜单小部件中添加项目链接
在Elementor Pro 3.12的新菜单小部件中添加项目链接

移动,

您将看到的下一个选项是下拉内容,启用此选项将允许您添加子菜单项。

换句话说,当用户单击该菜单项或将鼠标悬停在该菜单项上时,该菜单项将具有显示的附加项。

在Elementor Pro 3.12的菜单小部件中启用下拉菜单
在Elementor Pro 3.12的菜单小部件中启用下拉菜单

如果您想更改下拉图标,那么您将在下拉指示符下找到这样做的选项。

在Elementor Pro 3.12中更改新菜单小部件中的下拉图标
在Elementor Pro 3.12中更改新菜单小部件中的下拉图标

现在要更改下拉菜单打开的操作,您需要访问下拉效果选项卡。

第一个选项允许你选择你是想在悬停或点击时打开它。

下拉效果在新的菜单部件在Elementor Pro 3.12
下拉效果在新的菜单部件在Elementor Pro 3.12

除此之外,您还可以更改动画及其持续时间。

要样式菜单,你必须访问样式标签,在那里你会发现所有的选项。

Elementor Pro 3.12中新菜单小部件的样式设置
Elementor Pro 3.12中新菜单小部件的样式设置

元素Pro 3.12中的Mega菜单

现在你已经对新的菜单部件有点熟悉了,Elementor Pro 3.12中发布的下一个新功能是Mega Menu。

这是最需要的功能之一,直到现在,如果你必须使用Elementor创建一个大型菜单,那么你必须使用第三方插件或Elementor插件。

如果你只是想使用elements Pro那么你就必须使用弹出框。

这个过程不是很直接,因此使用元素插件是推荐的方法。

记住这一点,在Elementor Pro 3.12中,mega菜单功能已经引入,要使用它,你所要做的就是激活菜单项中的下拉菜单。

在Elementor Pro 3.12的菜单小部件中启用下拉菜单
在Elementor Pro 3.12的菜单小部件中启用下拉菜单

一旦你启用了它,你需要点击菜单项,它会显示一个空白的画布。

空白画布下的菜单项在元素Pro 3.12
空白画布下的菜单项在元素Pro 3.12

在这个空白画布上,您可以添加任何element小部件,并根据您的需求创建自定义布局。

元素Pro 3.12中的Mega菜单
元素Pro 3.12中的Mega菜单

在菜单项下有一个空白的画布可以让你完全自由/控制设计。

重要的是要知道,您可以在多个或所有菜单项中激活此下拉菜单。

您可以在新的菜单下拉区域中添加任何小部件。

总而言之,你对设计有完全的控制和自由。

循环特性

从菜单小部件开始,

在Elementor Pro 3.12更新中,您将遇到的下一个更改是循环功能。

这个特性发布于元素Pro 3.8更新它允许你建立产品、页面和帖子的自定义列表,这些列表可以根据你的规格动态定制,你也可以定制它的外观。

在我们了解更多关于这一变化之前,重要的是要知道,最近我们在社交媒体平台上看到了一个帖子,有人提到了元素中缺失的循环功能

重要的是要知道,如果你在元素设置的功能选项卡下找不到循环,那么你很可能使用的是免费版本的插件。

要使用这个功能,你必须升级到elements Pro。

另一件事,你必须知道的是,如果你使用的是专业版和循环旋转木马和循环网格小部件丢失,那么很有可能你不小心停用了这个功能。

要解决这个问题,您必须激活element中的Loop功能。

在Elementor Pro 3.12中启用循环功能
在Elementor Pro 3.12中启用循环功能

记住这一点,Elementor Pro 3.12中Loop特性引入的第一个变化是,它已被提升为稳定。

  • 在元素3.12之前
元素Pro 3.12之前的循环功能
元素Pro 3.12之前的循环功能
  • 元素3.12之后
Elementor Pro 3.12之后的循环功能
Elementor Pro 3.12之后的循环功能

预构建的循环模板

Elementor Pro 3.12中循环特性的下一个改进是引入了预构建模板。

到目前为止,已经发布了6个Posts模板和4个Woocommerce产品模板。

  • 的帖子
预先构建的循环模板在元素Pro 3.12的帖子
预先构建的循环模板在元素Pro 3.12的帖子
  • Woocommerce产品
预建的循环模板Woocommerce产品在element Pro 3.12
预建的循环模板Woocommerce产品在element Pro 3.12

如前所述,模板是基于容器的,因此需要启用flexx容器特性。

现在,要使用这些预构建的循环模板,第一步是在loop Grid或Carousel小部件中选择模板类型。

在Elementor Pro 3.12中选择循环模板类型
在Elementor Pro 3.12中选择循环模板类型

记住,如果你选择了Posts,那么Posts的模板将是可见的,选择Products将显示Woocommerce产品的模板。

记住这一点,在下一步中,您需要单击Create a template,它将向您显示添加模板的选项。

在Elementor Pro 3.12中使用预构建循环模板的选项
在Elementor Pro 3.12中使用预构建循环模板的选项

单击此选项将显示库中所有预构建的Loop模板。

要使用,您必须选择一个模板并单击Insert。

在Elementor Pro 3.12中使用预构建的循环模板
在Elementor Pro 3.12中使用预构建的循环模板

就像使用任何其他模板或网站工具包一样,它需要您连接到elements模板库。

一旦插入模板,您就可以根据自己的需求对其进行定制。

在循环模板中自定义CSS

虽然我们在循环模板的主题,重要的是要知道,在Elementor Pro 3.12更新,自定义CSS选项已添加到它。

您将在高级选项卡下的循环项目设置中找到此选项。

  • 在elements Pro 3.12之前
在elements Pro 3.12之前,自定义CSS在循环项中丢失
在elements Pro 3.12之前,自定义CSS在循环项中丢失
  • 元素Pro 3.12之后
自定义CSS循环项目后元素Pro 3.12
自定义CSS循环项目后元素Pro 3.12

交替循环模板

从自定义CSS开始,您将遇到的下一个改进是在Loop Grid小部件中使用替代模板的选项。

顾名思义,此功能允许您在Loop Grid中使用多个模板,您可以根据需要选择定位并进行其他更改。

重要的是要知道此功能仅在Loop Grid小部件中可用,而在Loop Carousel中不可用。

说到这里,

您将在布局下找到此选项

在Elementor Pro 3.12中循环网格小部件的替代模板
在Elementor Pro 3.12中循环网格小部件的替代模板

在启用后,它将允许您选择模板或创建新模板。

在Elementor Pro 3.12的Loop Grid中选择或添加替代模板
在Elementor Pro 3.12的Loop Grid中选择或添加替代模板

完成后,您可以选择您希望在网格中显示它的位置,如果您希望它出现多次。

Elementor Pro 3.12中的备选模板设置
Elementor Pro 3.12中的备选模板设置

除此之外,你可以有多个备用循环模板,如果你想添加更多,那么将不得不点击添加项目。

在Elementor Pro 3.12的循环网格小部件中添加另一个备用模板
在Elementor Pro 3.12的循环网格小部件中添加另一个备用模板

其他的设置都是一样的。

循环轮播小部件中的间距控制

在替代模板之后,您将遇到的下一个改进是导航和幻灯片之间的额外间距控制。

要查看此更改,您必须导航到Loop Carousel小部件中的Style选项卡,并在分页选项卡下找到间距控件。

  • 在elements Pro 3.12之前
在elements Pro 3.12之前,Loop Carousel部件中缺少导航和幻灯片之间的间距控制
在elements Pro 3.12之前,Loop Carousel部件中缺少导航和幻灯片之间的间距控制
  • 元素Pro 3.12之后
导航和幻灯片之间的间距控制在循环轮播后元素Pro 3.12
导航和幻灯片之间的间距控制在循环轮播后元素Pro 3.12

重要的是要知道,这个间距选项也有响应式控制,使用它你可以根据不同的屏幕尺寸进行更改。

反应控制

当我们讨论Loop Carousel小部件中的响应式控件时,重要的是要知道这些控件已添加到elements Pro 3.12中的幻灯片间隙选项中。

您可以在Loop Carousel样式设置中的布局下找到此选项。

  • 在elements Pro 3.12之前
在Elementor Pro 3.12之前,Loop Carousel在幻灯片之间的间隙中缺少响应性控件
在Elementor Pro 3.12之前,Loop Carousel在幻灯片之间的间隙中缺少响应性控件
  • 元素Pro 3.12之后
在Elementor Pro 3.12之后,在Loop Carousel中幻灯片之间的间隙中响应式控制
在Elementor Pro 3.12之后,在Loop Carousel中幻灯片之间的间隙中响应式控制

菜单推车在元素pro 3.12

从循环特性开始,Elementor Pro 3.12中引入的下一个改进是Menu Cart小部件。

在这个选项中,选择/添加自定义图标已经在不同的地方添加。请参考下面的截图。

菜单购物车图标

  • 在elements Pro 3.12之前
在elements Pro 3.12之前缺少菜单购物车中的自定义图标
在elements Pro 3.12之前缺少菜单购物车中的自定义图标
  • 元素Pro 3.12之后
自定义图标后的菜单购物车小部件elements Pro 3.12
自定义图标后的菜单购物车小部件elements Pro 3.12

关闭车

  • 在elements Pro 3.12之前
在elements Pro 3.12之前,菜单购物车部件中缺少自定义关闭购物车图标
在elements Pro 3.12之前,菜单购物车部件中缺少自定义关闭购物车图标
  • 元素Pro 3.12之后
在elements Pro 3.12之后的菜单购物车小部件中自定义关闭购物车图标
在elements Pro 3.12之后的菜单购物车小部件中自定义关闭购物车图标

Elementor Pro 3.12更新中的其他更改

  • 导航菜单小部件已更名为WordPress菜单
  • 页面转换功能已经提升到稳定

这就是你需要知道的关于Elementor Pro 3.12更新的所有内容。

如果你喜欢你读过的东西,想要batway电竞网址 然后您可以点击我们的特殊的链接或者下面的按钮。

elements Pro 3.12定价和计划

现在你已经熟悉了Elementor Pro 3.12,接下来我们要讨论的是它的定价和计划。

Elementor职业有4个计划

  • 精华(1个站点)——59美元
  • 高级(3个站点)- $99
  • 专家(25个站点)- 199美元
  • 代理(1000个站点)- 399美元
Elementor Pro 3.12定价和计划
Elementor Pro 3.12定价和计划

包括什么

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

更多的

在我们继续前进之前,重要的是要知道,如果你正在寻找一个可靠的主机为您的元素网站,然后元素云网站是给你的。

元素云网站是一个一体化平台,您可以使用它从头开始使用elements创建您的网站。

它有4个计划和使用我们的特殊的链接你会在元素云获得折扣

  • 基础(1个站点)- 9.99美元
  • 商业(1个站点)- 19.99美元
  • Grow(3个站点)- 22.99美元
  • 规模(10个站点)- 49.99美元
获得element Pro 3.12与云网站
获得element Pro 3.12与云网站

包括什么

  • 托管由谷歌云平台提供支持
  • 免费的SSL
  • Cloudflare的CDN
  • 免费自定义域连接
  • 100+预先设计的网站
  • 你好主题和预装的WP
  • 自动备份
  • 拖放,没有代码编辑器
  • 登台环境
  • 高级支持

和更多的

开始使用elements Pro 3.12

现在您已经熟悉了Elementor Pro的定价,下一步是开始使用Elementor Pro 3.12。

为此,你必须这么做购买elements Pro插件第一步是访问Elementor并单击页面生成器插件下的定价在主页上。

访问elements主页获取Pro 3.12版本
访问elements主页获取Pro 3.12版本

这样做会向你展示所有的计划,在这里你必须根据你的需要选择一个。

Elementor Pro 3.12定价和计划
Elementor Pro 3.12定价和计划

在选择一个elements Pro计划,它会带你到结帐页面,你将不得不在elemental上创建一个帐户

完成后,下一步是提供账单信息并完成购买。

购买elements Pro 3.12订阅
购买elements Pro 3.12订阅

这就是你已经成功购买了Elementor Pro插件,下一步就是

说到这里,

我希望这篇文章对您有所帮助,并且您现在已经熟悉了元素Pro 3.12有什么新功能

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

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

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

加入社区

留言回复

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