LayerSlider
在这篇文章中,我们将解释如何添加LayerSlider幻灯片,并将slider整合到基石/内容构建器中。
LayerSlider是一个优质的多用途滑块,用于创建图片库,内容滑块,以及具有必看效果的令人兴奋的幻灯片。
如何启用分机
去Pro >验证或X >验证然后寻找层滑块.点击Install。

一旦安装,安装按钮会改变并说激活.单击该按钮,它将激活插件。然后您将看到状态更改为安装和激活.


您现在将看到层滑块菜单项在你的WordPress仪表板。
安装后,数据保护弹出窗口将可用。执行以下步骤:



创建滑动条

要访问LayerSlider插件的管理界面,请转到WordPress仪表板> LayerSlider WP.在那里你可以找到一个按钮,添加一个新的滑块,以创建一个新的幻灯片。在添加幻灯片时,您需要为滑块添加一个唯一的名称:

添加幻灯片后,你将看到LayerSlider的主设置屏幕,在屏幕的左角有许多选项卡。的布局选项卡将是活动选项卡,将帮助您设置幻灯片的布局选项,如幻灯片的大小特征。在本例中,我们将保持默认设置:

其他选项卡用于微调幻灯片的不同方面:
- 手机:Mobile选项卡用于在移动视图中定义滑块的不同方面。
- 幻灯片:包含设置幻灯片特性的选项,例如转到下一张幻灯片需要花多少时间等。
- 外观:您可以使用此部分添加自定义CSS代码并分配幻灯片的主要背景图像。
- 导航区:使用本节选项设置滑块的导航按钮。
- 缩略图导航:本节的选项有助于在滑块中设置缩略图导航功能。
- 视频/音频:使用本节中的选项设置视频的质量,以显示您是否使用第三方服务(如Youtube等)。
- YourLogo:您可以使用本节的选项在滑块上方添加一个固定层,以显示为幻灯片的徽标。
- 默认的选项:当在滑块中添加不同的图层时,使用本节设置默认选项。
- Misc:决定是否要使用srcset或幻灯片中使用的图像的相对url。
要添加幻灯片,您需要单击屏幕顶部的“幻灯片”选项卡,这将带您进入幻灯片添加/编辑屏幕:

您可以为滑块添加无限数量的幻灯片,但建议将幻灯片数量保持在较低水平,以避免页面上加载过多的滑块。控件,可将背景图像添加到幻灯片点击设置按钮,它将为您带来标准的WordPress媒体选择对话框,您可以选择您想要的图像。向幻灯片中添加内容的另一种方法是添加不同的图层,正如插件名称所示。为此,向下滚动页面以查看可以添加图层的部分。你将能够添加不同类型的图层,然后通过在屏幕上拖动它们来定位它们:

将图层添加到屏幕后,单击该图层以显示微调图层的选项。根据所使用的层类型,选项可能有所不同。这就是LayerSlider插件的全部思想,以及你可以用来添加幻灯片的方法。
如何在基石/内容生成器中使用LayerSlider
现在我们已经学习了如何在LayerSlider中添加幻灯片并创建滑块,我们需要将创建的滑块添加到我们网站的页面中。这样做的标准方法是使用经典LayerSliderX中的基石元素和Pro主题中的内容生成器。中搜索经典的LayerSlider元素标签来查找元素并将其拖到页面中:

Classic LayerSlider元素有一个选项,那就是选择你已经创建的滑块。该选项将列出您使用LayerSlider插件创建的所有幻灯片。

由于幻灯片的复杂性质和LayerSlide插件嵌入资产来显示幻灯片的方式,您无法在构建器中看到幻灯片。您将看到一条消息,提示没有预览,您需要检查网站的前端以查看实际结果。
X和Pro主题有一个特殊功能,可以在不使用构建器的情况下将幻灯片添加到页面标题的上方或下方。该功能的主要插件幻灯片是Revolution Slider插件,但如果你使用LayerSlider添加幻灯片,你仍然可以使用该功能,因为使用LayerSlider创建的幻灯片也为该功能列出。点击在这里要了解更多关于在网站标题上方或下方添加幻灯片的信息。
进一步的阅读
本文仅仅触及了LayerSlider功能的表面。如果您有兴趣更深入地了解插件功能,我们建议您查看官方文档.
总结
我们解释了如何使用LayerSlider插件添加滑块,并简要介绍了微调幻灯片的可用设置以及如何添加图层和背景。我们还讨论了使用Cornerstone (X)和Content Builder (Pro)将使用LayerSlider创建的幻灯片添加到页面中。最后,我们链接到LayerSlider插件的官方文档,这是了解该插件更多信息的主要地方。
看到不准确的东西了吗?让我们知道