Elementor Pro 3.3更新

Elementor Pro 3.3有什么新功能-新的视频播放列表和图像热点小部件

Elementor是WordPress生态系统中最流行的页面构建插件之一8th2021年6月,该插件的专业版本发布了一个新的小更新。

在这个版本2中引入了新的小部件,将帮助您增强您的设计,并使它们对用户更具吸引力。

请注意,只有在使用其中一个Pro计划时才能使用这些小部件。

如果您正在寻找这些访问和更多,那么您可以使用我们的特殊的链接购买Elementor Pro。

Elementor Pro 3.3中的新小部件

如上所述,在Elementor Pro 3.3中引入了两个新的小部件,使用它们你可以把你的网站或页面设计提升到一个新的水平。

在本节中,我们将让您熟悉新小部件的几乎每个方面,以便您在设计中使用这些小部件时感到自在。

Elementor Pro 3.3新增视频播放列表小部件

在过去的几年里,视觉形式的内容或视频内容创作有了巨大的增长。

这种上升趋势是由于视频比书面形式的内容或博客文章更具吸引力。

视频不仅可以让你的流量来源多样化,还可以帮助用户更好地理解信息,提高在网站上的停留时间。

在此更新之前,Elementor只允许您使用视频块在页面中嵌入视频

Elementor中的视频小部件
Elementor中的视频小部件

要添加视频播放列表,需要使用Elementor插件。

然而,此插件的最新版本(Elementor Pro 3.3)将附带新的视频播放列表小部件,允许您在一个页面上显示多个视频,以展示您的课程,收藏等。

Elementor Pro 3.3中的视频播放列表小部件
Elementor Pro 3.3中的视频播放列表小部件

这个小部件将提高用户粘性,导致用户停留在你的网站更长的时间。为了让您对这个新的Elementor Pro小部件有一个基本的了解,我们在下面回答了一些关于它的基本问题。

新的视频播放列表小部件位于Elementor菜单中的Pro小部件部分。

Elementor小部件菜单中的视频播放列表小部件
Elementor小部件菜单中的视频播放列表小部件

请注意,如果您使用的是免费版,那么您现在将无法在专业部分下找到这个小部件。

如果您一直在使用Elementor Pro,那么我敢肯定您已经意识到这个插件以其拖放功能而闻名。

使用此功能,您可以轻松地拖动新的视频播放列表小部件并将其放到画布上,就像任何其他小部件一样。

当您在页面上添加视频播放列表小部件时,它将自动为您生成一个占位符/演示播放列表。

在Elementor Pro中生成演示视频播放列表
在Elementor Pro中生成演示视频播放列表

你可以替换演示视频和样式播放列表,就像你想要的,我们将简要讨论这篇文章。

Elementor Pro是一个用户友好的插件,可以将视频添加到视频播放列表中。

为此,你必须从YouTube复制视频的URL,并将其添加到播放列表项之一。

在Elementor Pro的视频播放列表小部件中添加一个视频
在Elementor Pro的视频播放列表小部件中添加一个视频

在此之后,您需要单击获取视频数据和Elementor将自动获取视频标题和视频的缩略图,并将其显示在您的页面上。

在Elementor Pro的视频播放列表小部件中可以添加的视频数量没有限制。

要在现有播放列表中添加视频,您需要单击“播放列表”部分中的“添加项目”。

在Elementor Pro的视频播放列表小部件中添加新的播放列表项
在Elementor Pro的视频播放列表小部件中添加新的播放列表项

添加项目后,您需要选择类型,然后添加视频链接,您想添加到播放列表。

当然,Elementor Pro允许您更改/自定义视频播放列表小部件的每个元素,包括它的名称。

如果要更改视频播放列表的名称,需要在“播放列表”区域“播放列表名称”前的复选框中添加新名称。

在Elementor中更改视频播放列表小部件的名称
在Elementor中更改视频播放列表小部件的名称

完成后单击Publish保存所做的更改。

是的,Elementor Pro的新视频播放列表小部件允许您轻松更改视频的标题。

要更改播放列表中视频的标题,您需要单击播放列表项,它将显示所有设置。

在Elementor Pro中的视频播放列表小部件中更改视频的标题
在Elementor Pro中的视频播放列表小部件中更改视频的标题

在这里,你必须找到标题,一旦找到,添加新的在它下面的框。

完成后单击Publish保存所做的更改。

是的,您可以在新的视频播放列表小部件中为视频添加自定义缩略图。

为此,您将在播放列表项中单击视频并搜索缩略图。

在视频播放列表小部件中更改视频的缩略图
在视频播放列表小部件中更改视频的缩略图

一旦找到,你需要将鼠标指针悬停在它上面,你会注意到它允许你从WordPress媒体库中选择一张图像。

您可以上传一个新的图像或选择一个现有的作为视频的缩略图。

是Elementor Pro允许您更改视频播放列表的布局。

为此,您需要在Elementor的小部件编辑菜单中导航到附加选项。

在此情况下,第一个设置允许您更改布局。

设置更改Elementor Pro中的视频播放列表布局
设置更改Elementor Pro中的视频播放列表布局

正如你所看到的,它给了你两个选择

  • 正确的

默认情况下,布局设置为左侧,如果你想改变它,那么你可以选择所需的选项。

是的,Elementor Pro让你自定义视频播放列表的每个元素,使它看起来像你的网站的一部分。

要设计视频播放列表,您需要导航到新视频播放列表的样式设置

Elementor Pro中新的视频播放列表块的样式设置
Elementor Pro中新的视频播放列表块的样式设置

在这里你会发现选项自定义播放列表的每一部分,如

  • 标题
  • 部分
  • 图标
  • 选项卡
  • Topbar

和更多。

首先,有很多因素会直接影响加载时间。

在这里,我们建议你使用YouTube作为一个来源,将视频添加到你的播放列表中,而不是选择自托管选项。

这背后的原因很简单,对于自托管的视频,你必须先在媒体库中上传视频,这将占用大量的空间,最终降低你的网站速度。

除此之外,你必须为你的网站选择一个健壮的缓存插件,我们推荐WP Rocket,因为它与Elementor Pro兼容。

就个人而言,我们使用WP火箭加快我们所有网站的速度。

除此之外,Elementor Pro中的视频播放列表小部件还提供了一个延迟加载选项。

在Elementor Pro中的视频播放列表小部件中启用延迟加载
在Elementor Pro中的视频播放列表小部件中启用延迟加载

您可以启用此设置,以进一步优化您的播放列表的速度,只需单击一下。

现在您已经熟悉了新的视频播放列表小部件,我们将要讨论的下一个主题是

Elementor Pro 3.3新增热点小部件

在浏览互联网时,您可能会遇到一些带有动画图像的网站,其中包含的元素要么显示有关产品的更多信息,要么在单击时显示价格。

Elementor Pro 3.3新增热点小部件
Elementor Pro 3.3新增热点小部件

这些元素还用于在用户点击时将其带到相应的页面,从而帮助提高用户粘性、销量、线索等。

总而言之,图像上的这些热点改善了整体用户体验,因为它为访问者提供了更多的信息。

你可以很容易地在你的网站上添加这样的热点Elementor职业在3.3版中引入了一个新的Hotspot小部件。

在Elementor 3.3更新之前,您需要使用Elementor在图像上添加热点。

然而,随着Elementor 3.3的发布,该功能将适用于所有Elementor Pro用户,这意味着您将不再需要插件或额外的插件来实现这一功能。

为了让您快速入门,我们在下面回答了一些关于新Hotspot小部件的基本问题,这些问题将使您对Elementor Pro 3.3中发布的新小部件有基本的了解。

新的Hotspot小部件位于Elementor Pro小部件菜单中的Pro部分。

热点部件在Elementor Pro
热点部件在Elementor Pro

如果您目前正在使用Elementor free,那么您将无法看到这个小部件,并且要使用它,您必须升级到专业版插件的。

如果您是Elementor用户,那么您已经知道可以在空白画布上拖放小部件

在Elementor pro中添加热点小部件
在Elementor pro中添加热点小部件

这就是你要做的。

添加Hotspot小部件后,它将在image选项卡下显示一个选择图像的选项。

在Elementor Pro的热点小部件中添加图像
在Elementor Pro的热点小部件中添加图像

在这里,你必须将鼠标指针悬停在方框上,它会显示一个选择图像的选项。

点击这个,它会把你带到你的WordPress仪表板上的媒体库,在那里你可以选择一个现有的图像或上传一个新的。

使用Elementor Pro添加热点到图像是非常简单的。

为此,您必须做的第一件事是在Elementor画布上添加Hotspot小部件,然后上传图像。

当您添加新的小部件时,您会注意到,它默认带有2个热点,您可以在Hotspot部分下看到。

在Elementor Pro中添加一个新的热点
在Elementor Pro中添加一个新的热点

如果你想添加一个新的,那么你可以点击添加项目,它会添加一个新的热点,你可以根据你的要求配置。

Elementor 3.3中的新Hotspot小部件只允许你上传一张图片。

这意味着您不能上传多个图像。

是的,Elementor Pro允许您在一个图像上添加多个热点。

使用Elementor Pro在图像上添加多个热点
使用Elementor Pro在图像上添加多个热点

重要的是要知道你不想做太多,因为图像可能看起来像垃圾,而不是吸引人。

要在Elementor Pro的热点中添加工具提示,首先要做的是单击热点项,然后定位工具提示内容。

在Elementor Pro的新热点小部件中添加工具提示内容
在Elementor Pro的新热点小部件中添加工具提示内容

在工具提示内容下,您将看到一个允许您添加文本的框。

在Elementor Pro中添加热点链接非常类似于添加工具提示。为此,您需要单击您想要添加链接的热点项目。

点击后,你会看到内容部分的第二个选项让你这样做。

在Elementor Pro中添加热点链接
在Elementor Pro中添加热点链接

在这里,您所要做的就是输入链接并单击Publish以保存所做的更改。

如果你想在新选项卡中打开链接或添加属性,比如Nofollow, sponsored和ugc然后你将不得不点击齿轮图标右边的盒子。

它会显示所有选项。

Elementor Pro允许您更改工具提示的位置,只需单击一下。

为此,你需要转到工具提示选项卡,你会遇到的第一个选项是位置。

在热点小部件中改变工具提示的位置
在热点小部件中改变工具提示的位置

有4个选项可供选择

  • 正确的

默认情况下,底部是选中的,您可以根据需要更改它。

绝对是的。就像其他小部件一样,Elementor Pro允许您对Hotspot小部件的每个元素进行样式化和自定义。

对于热点图像的样式,您需要单击样式选项卡,它将显示您所有的选项。

Elementor Pro 3.3中新热点小部件的样式设置
Elementor Pro 3.3中新热点小部件的样式设置

正如你在上面的截图中所看到的,Elementor pro允许你对图像、热点和工具提示设置样式。使用这些样式设置,你可以创建一个迷人的图像热点,看起来完美。

现在您已经熟悉了在Elementor Pro 3.3中引入的新Hotspot小部件,接下来我们要讨论的主题是

如何获得Elementor Pro 3.3

如你所知,如果你有Elementor Pro,你只能在你的网站上使用新的小部件,这意味着你必须购买它。

  • 要购买Elementor Pro,第一步是访问Elementor.com使用我们的特殊的链接它会把你带到主页。
  • 在主页上,你必须点击定价,它会向你展示Elementor提供的所有计划。
  • 在那里,你必须根据你的需求选择一个计划,它会带你到结帐页面。
  • 在Elementor的结帐页面上,您必须提供一些关于您自己的基本信息创建一个免费帐户然后你必须通过信用卡或贝宝完成付款流程。
  • 一旦付款成功处理,您将收到一封来自Elementor的电子邮件,其中包含付款收据和登录凭证。
  • 您需要使用这些凭证来访问Elementor仪表板并下载插件的专业版本。
  • 在此之后,下一步是在WordPress中安装这个插件,为此你可以跟随我们的教程batway必威公司

如果您已经成功购买了Elementor Pro 3.3,现在您可以在您的网站上使用新的小部件。

话虽如此,

我希望这篇文章对您有所帮助,现在您可以了解Elementor 3.3中的新功能了。如果你有任何疑问,请通过评论区联系我们,我们很乐意提供帮助。

另外,别忘了在社交媒体上和你的朋友分享这篇文章。如果你想阅读更多的产品更新,那么我们有一个专门的更新部分为您在我们的网站。

要保持最新的内容,请随时加入我们的Facebook群组,订阅我们的通讯,并在社交媒体上关注我们。

加入社区

2的评论

  1. Giangi 说:

    哇! !我被Elementor感动了,非常感谢你的帖子。学习新方法总是有点挑战性,我很高兴在一个伟大的项目中看到一些曙光

    1. 谢谢你,Giangi。Elementor是一个用户友好的插件,但像任何其他软件一样,有一个轻微的学习曲线。我认为学习使用Elementor创建网站或页面的最好方法是了解样式的基本知识,如边框、边缘、阴影等,并在侧面了解每个小部件可以帮助您实现什么。你可以看到Elementor的知识库,我们也会发布相关教程。

      再次感谢。
      小朋友!

留下回复

你的电邮地址将不会公布。必填字段已标记