wordpress知识库
网站首页 > 知识库 > wordpress知识 >

如何利用Soliloquy在WordPress站点中创建视频和图像轮播

2019/04/12

轮播是展示网站内容并吸引网站访问者注意力的好方法。他们可以突出显示重要或特色内容,而不会占用页面上的大量空间。

在本文中,我们将提供一个分步教程,介绍如何使用Soliloquy轻松创建视频和图像WordPress轮播。

创建视频和图像wordpress-slider-og

为什么要创建视频和图像WordPress轮播?

内容轮播如果操作得当,它们可以节省屏幕空间,并有助于在访问网站后立即吸引访问者。视频和图像轮播是同时包含视频和图像的轮播。有时,将视频和图像都放在一个轮播中,而不是为其中一个或另一个创建轮播。

假设有一个房地产网站,用于各种房屋列表。就可以添加房屋图片以及内部的视频演练,为用户提供更具交互性的体验。或者,可以使用内容轮播添加用户评价或投资组合项目。一些wordpress插件甚至可能提供自动播放功能,因此访问者将立即看到视频。除此之外,轮播是将内容分组到一个地方的好方法。可以将它们全部分类在一个轮播中,而不是垂直间隔视频和图像。如果想在目标网页上展示推荐信,那么最好将它们放在轮播中,以便访问者可以一次观看它们,而不是向下滚动。

还可以使用轮播来展示特色内容,以便将用户引导到最重要的页面。下面将介绍如何在网站上创建视频和图像WordPress轮播。

第1步:在WordPress中添加响应式视频幻灯片

安装Soliloquy插件后,需要前往WordPress管理区域中的Soliloquy » Add New。

从那里,可以为轮播提供适当的标题。现在,已准备好将所有媒体内容添加到轮播。可以在此处添加视频和图像。继续并单击“从其他来源选择文件”。

添加新幻灯片

可以看到一个弹出窗口,其中包含插入媒体文件的选项。我们将从插入视频幻灯片开始。为此,请转到“插入视频幻灯片”选项卡。为视频幻灯片提供标题、视频URL、图像URL、替代文本和标题。

确保从第三方托管平台(如YouTube)获取视频URL。

插入视频幻灯片

如果想添加更多幻灯片,只需单击“添加另一张视频幻灯片”按钮即可。然后,可以添加此幻灯片所需的信息。

添加另一张视频幻灯片

添加所有视频幻灯片后,继续并单击“插入轮播”按钮。幻灯片将显示在页面底部,以便稍后根据需要进行编辑。

插入轮播

第2步:在WordPress中添加图像轮播

现在已经准备好了所有视频幻灯片,可以添加图像幻灯片了。

使用图像幻灯片,只需从计算机中拖放图片,这是添加这些文件的最简单方法。

上传图片

也就是说,也可以使用媒体库来添加幻灯片。要从媒体库中添加,只需单击“从其他来源选择文件”。

选择其他来源的文件

从这里,将出现“添加媒体”窗口。继续并选择要添加的图像。然后,点击“插入轮播”按钮。

从媒体库插入轮播

添加完图像幻灯片后,应该会在轮播的底部看到所有幻灯片。随意按适当的顺序重新排列它们以满足需求。

重新排列轮播

第3步:编辑轮播设置

可以进行细微的调整以自定义轮播对访问者的显示方式。向下滚动并转到“配置”选项卡以访问设置。可以编辑轮播主题、图像大小、轮播尺寸等选项。

“配置”选项卡

轮播主题会影响幻灯片的布局,因此可以切换各种选项。如果可以访问Pro版的Soliloquy,那么还可以安装Slider Themes插件以获得更多自定义选项。如果向下滚动,可以看到“自动播放视频”选项。可以选中该框以启用自动播放,以便在用户继续向访问下一个页面之前自动启动视频。

自动播放视频

自动播放非常适合产品解释视频或销售页面来吸引用户,从而减少他们点击离开的机会。完成设置调整后,只需点击“发布”按钮即可。

“发布”按钮

第4步:在页面或文章中显示轮播

现在,剩下要做的就是在页面或文章上发布轮播。如果仍在使用WordPress经典编辑器,可以轻松复制和粘贴简码。

复制简码

也就是说,如果使用的是较新的Gutenberg块编辑器,那么Soliloquy有一个块,可以使用它直接链接到所有轮播。

只需前往页面/文章»添加新页面或编辑现有页面/文章。接下来,单击“+”图标并找到独白块。从这里,可以选择刚刚创建的视频和图像轮播。完成后,只需点击“发布”或“更新”。

发布轮播

然后,可以预览轮播以确保它看起来不错。它应该看起来像这样。

图像和视频幻灯片gif