WordPress如何创建视频和图片幻灯片

您是否想知道如何创建视频和图片WordPress幻灯片?

幻灯片是展示内容和吸引网站访客注意力的好方法。它们可以突出重要或特色内容,而不会占用页面的大量空间。

在本文中,我们将逐步介绍如何使用 Soliloquy 轻松创建视频和图片 WordPress 滑块。

为什么要创建视频和图片WordPress幻灯片?

内容幻灯片非常棒。如果制作得当,它们可以节省宝贵的屏幕空间,增加访客的互动度

视频和图片幻灯片是一种同时包含视频和图片的幻灯片。有时,你希望在一个滑块中同时包含视频和图片。

比方说,您有一个房地产网站,提供各种房屋信息。您可以添加房屋图片和内部视频演示,给用户带来更多互动体验。

或者,您也可以使用内容幻灯片添加用户推荐或作品集项目。有些插件甚至可以提供自动播放功能,让访客立即看到视频。

除此之外,幻灯片还是将内容集中在一处的好方法。您可以将所有视频和图片归类到一个幻灯片中,而不是垂直排列。

如果你想在着陆页上展示用户推荐,那么将它们放在一个幻灯片中会更好,这样访客就可以一次性观看所有用户推荐,而不用向下滚动。

您还可以使用幻灯片来展示特色内容,从而将流量引导到最重要的页面。

说到这里,我们将介绍如何在网站上创建视频和图片 WordPress 滑块。

第 1 步:安装 WordPress 幻灯片插件

创建视频和图片幻灯片的最简单方法是使用 Soliloquy。它是最好的 WordPress 幻灯片插件,安装量超过 900,000 次。您可以使用媒体库中的图像以及 YouTube 等第三方平台上托管的视频轻松创建简单的幻灯片。

添加到您的网站后,幻灯片在所有设备上都会看起来很棒,包括笔记本电脑、台式机、平板电脑和智能手机

soliloquywp

这就是为什么许多网站在主页、销售页面和着陆页面等最重要的页面上使用 Soliloquy 幻灯片的原因。

最重要的是,你不需要写一行代码就可以做到这一点!

要开始使用,您只需在网站上安装并激活 Soliloquy 插件。如果您需要安装帮助,请查看我们的 WordPress 插件安装指南

好消息是,你可以在本教程中使用免费版本的 Soliloquy。

不过,如果你需要灯箱功能、密码保护、特色内容等附加功能,以及 Instagram、Pinterest 和 WooCommerce 等其他集成功能,你可能需要考虑专业版。

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

激活后,您需要在 WordPress后台点击Soliloquy » Add New

然后填写幻灯片标题。

现在,你可以向幻灯片添加所有媒体内容了。在这里,您可以添加视频和图片。
点击 “从其他来源选择文件”。

1 2

你会看到一个弹出窗口,其中有插入媒体文件的选项。我们将首先插入视频幻灯片。

为此,请前往 “Insert Video Slide “选项卡。给视频幻灯片加上标题、视频 URL、图片 URL、alt 文本和标题。
确保从 YouTube 等第三方托管平台获取视频 URL。

2

如果想添加更多幻灯片,只需点击 “添加另一个视频幻灯片 “按钮。然后,您就可以为该幻灯片添加所需的信息。

3

添加完所有视频幻灯片后,点击 “Insert into Slider “按钮。您的幻灯片将显示在页面底部,以便日后根据需要进行编辑。

步骤 3:在 WordPress 中添加图片幻灯片

既然视频幻灯片已经准备就绪,您就可以添加图片幻灯片了。对于图片幻灯片,您只需从电脑中拖放图片即可,这是最简单的添加方法。

5

当然,你也可以使用媒体库添加幻灯片。要从媒体库中添加幻灯片,只需点击 “Select Files from Other Sources”。

2024 02 20 05 33 40 1

在这里,会出现 “添加媒体 “窗口。继续选择要添加的图片。然后点击 “‘Insert into Slider “按钮。

2024 02 20 05 37 09 1

完成添加图片幻灯片后,您就可以在幻灯片的底部看到所有幻灯片。你可以根据自己的需要,按照适当的顺序重新排列。

6

第 4 步:编辑滑块设置

您可以进行细微调整,自定义幻灯片在访客面前的显示方式。向下滚动并转到 “配置 “选项卡以访问设置。
您可以编辑幻灯片主题、图片大小、幻灯片尺寸等选项。

Configuration tab 2 1

幻灯片主题会影响幻灯片的布局,因此你可以切换各种选项。如果你使用的是 Soliloquy 的专业版,还可以安装幻灯片主题插件,获得更多自定义选项。

如果向下滚动,你会看到 “Autoplay Video “选项。您可以选中该复选框以启用自动播放,这样视频就会在用户继续浏览页面之前自动开始。

7

自动播放非常适合产品说明视频或销售页面,可以吸引用户,降低他们点击离开的几率。完成设置调整后,只需点击 “发布 “按钮即可。

8

第 5 步:在页面或文章中显示幻灯片

现在,要做的就是在页面或帖子中发布您的幻灯片。如果您仍在使用 WordPress 经典编辑器,您可以轻松复制并粘贴简码。

9

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

只需前往Pages/Posts » Add New或编辑现有页面/文章。

然后点击 “+”图标,找到 Soliloquy 块。在这里,您可以选择刚刚创建的视频和图片幻灯片。完成后,点击 “发布 “或 “更新 “即可。

10

然后,您就可以预览您的幻灯片,确保它看起来不错。它应该是这样的

2024 02 20 06 43 21 1

为 WordPress 幻灯片添加灯箱

Soliloquy 有多种附加组件,可以增强您的滑块,为访问者提供更多互动体验。例如,如果您要添加一个幻灯片,那么很有可能也想添加一个灯箱。

通过在 WordPress 网站的滑块中添加灯箱效果,您就能以更专业的方式展示您的内容。

当用户点击您的图片或视频时,它将在您网站的弹出窗口中打开。灯箱能为您的访客创造更身临其境的观看体验,让他们可以更详细地查看内容。他们甚至可以在电脑上下载媒体文件或在社交媒体上分享图片。

如果您经营的是一个摄影网站,那么灯箱效果可以让访客在浏览图片时不受网站上其他元素的干扰,从而提高参与度。对于在线商店来说,灯箱有助于创建更吸引人的产品图库。

要在幻灯片中添加灯箱,只需进入 Soliloquy附加组件。向下滚动到灯箱插件,然后点击 “安装插件”。

12

安装后,它将出现在幻灯片的设置中。在这里,您可以调整效果和布局、添加导航箭头、灯箱主题等。

13

一旦启用,灯箱就会自动工作。预览您的幻灯片,它应该是这样的。

14
分享你的喜爱

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注