首页 » 博文 » wpbeginner » 最佳插件 » 如何使用 SlideDeck 创建视频和图像 WordPress 滑块

如何使用 SlideDeck 创建视频和图像 WordPress 滑块

让我们面对现实吧,内容滑块非常棒 – 如果使用得当,它们可以节省宝贵的屏幕空间,它们的交互性有助于保持访问者的参与度,特别是对于博主来说,它们可以帮助将您最有价值的帖子保留在网站的新访问者面前。WordPress 有大量的滑块插件,但问题是其中许多都很难使用,而且更难以在您的网站设计中获得良好的外观。

当我们尝试新的 WordPress 内容滑块插件SlideDeck 2时,一切都改变了。这个由数字心灵感应创建的强大插件使得在几分钟内创建出色的滑块变得超级简单,无需任何代码。SlideDeck 2 的与众不同之处在于,您可以将网络上不同位置(如 Flickr、YouTube 等)的内容混合在一起,并将其作为华丽的内容滑块呈现在页面上。除了 WordPress 插件之外,还有一个 JavaScript 开发人员工具包 – 我们在免费 WordPress 博客设置页面中使用它。我们一直对这个插件很感兴趣,所以我们决定整理这个快速指南来向您展示如何使用 SlideDeck 2 制作动态 WordPress 内容滑块。以下是我们将要介绍的主题的快速概述:

  1. 购买并安装插件
  2. 术语
  3. 创建动态源 SlideDeck
  4. 配置镜头
  5. 保存并发布您的 SlideDeck
  6. 包起来

购买并安装插件

首先,SlideDeck 是一个高级插件,因此目前您必须购买它才能在您的网站上使用它。如果您不确定,您可以尝试他们的免费现场演示。访问 SlideDeck 的网站并购买插件。我们认为,就其所包含的力量而言,这是一笔相当不错的交易。使用SlideDeck 优惠券– WPB-SD2可享受 20% 的折扣。

共有三个软件包可用,其中更好的软件包包括更多特性和功能(附加组件)。如果您购买其中一个更高级别的软件包,则需要安装该插件以及解锁该软件包附加功能的“附加组件”。您购买的产品附带一年的支持,因此如果您遇到任何问题,请不要害怕与他们联系。我们个人认识 SlideDeck 的员工,他们都是非常重视客户服务的优秀员工。

要安装该插件,您可以按照我们方便的WordPress 插件安装分步指南进行操作。

术语

在开始之前,我们需要解释几个术语:

  • 内容源– 内容源是您发布内容的任何地方 – 例如 YouTube、Instagram 或 Twitter。SlideDeck 可以自动连接到十多个不同的来源,他们表示正在努力添加更多来源。
  • 动态源 SlideDecks – 您可以创建两种类型的 SlideDecks – 动态源和自定义内容。动态源 SlideDecks 允许您连接整个 Web 上不同内容源的内容,并自动从中生成滑块。例如,您可以使用 Instagram feed 中的图像创建一个很酷的图片库。动态源 SlideDeck 可以快速创建,并且作为奖励会自动更新,与您的内容源同步!
  • 自定义内容 SlideDecks – 自定义内容 SlideDecks 可让您一次一张幻灯片地构建滑块。它们更适合视觉讲故事,或者如果您希望用户采取特定的操作(例如产品参观)。本文讨论动态源 SlideDecks。我们正在致力于专门为自定义内容 SlideDecks 创建单独的操作指南(即将推出)。
  • 镜头– 镜头就像内容滑块的主题。它们控制滑块的外观和行为,以及内容在页面上的呈现方式。就像 WordPress 主题一样,将不同的 Lens 应用于您的内容只需几秒钟,并且可以为您的滑块带来显着不同的外观和感觉。

好的,现在行话已经不再碍事了,继续激活 SlideDeck 2,这样我们就可以开始了!

创建动态源 SlideDeck

我们将向您展示如何创建将 YouTube 和 Flickr 帐户中的视频和图像混合在一起的 Dynamic Source SlideDeck。首先单击“管理”进入主仪表板。此屏幕可让您创建新的 SlideDeck,并允许您对现有 SlideDeck 进行排序/预览。

SlideDeck 管理屏幕小

在“动态源”部分中,单击蓝色的“创建 SlideDeck”按钮。将弹出一个菜单窗口,要求您选择第一个内容源 – 您将能够在下一个屏幕上选择其他源,因此选择一个,您将进入动态源编辑器。我们将选择 YouTube,打造一个精彩的视频库

SlideDeck 动态源 - Youtube

一旦您登陆动态源编辑器,您就会看到 YouTube 已被选为我们的第一个内容源。首先命名您的 SlideDeck,然后单击 YouTube 图标,您将看到一个漂亮的菜单选项卡,显示该源可用的所有配置选项。输入用户名(可以是您的或其他人的),然后点击“应用”以从该用户的频道中提取最新的视频 – 如果您引用的用户有其他播放列表,您可以指定要从该用户的频道中提取视频下拉菜单中的列表。

SlideDeck Youtube 弹出按钮
带下拉菜单的 SlideDeck Youtube 弹出窗口

现在您可以看到 SlideDeck 2 最酷的功能之一 – 实时预览窗口。屏幕的这个区域可让您在进行更改时实时查看滑块,而不必在单独的浏览器窗口中刷新帖子。您会看到此处的滑块在您眼前更新,以显示播放列表中最新的几个视频。您甚至可以与预览区域中的滑块进行交互 – 来吧,尝试一下!

SlideDeck 预览加载
SlideDeck 预览加载完成

这就是我们的第一个内容源——简单吧?现在,我们将添加第二个滑块以使滑块具有一些变化。单击编辑器屏幕标题区域中的添加源按钮,您将看到相同的内容源模式窗口。这次,选择 Flickr 作为源。

SlideDeck 动态内容源 - Flickr

与 YouTube 类似,您可以单击标题中的 Flickr 图标来配置内容源。由于 Flickr 需要用户的 ID 号(同样是您的或其他人的)才能提取图像,因此您需要获取该号码 – 不过,SlideDeck 2 通过链接到这个方便的小工具,可以轻松解决这个问题

获取您的 Flickr ID

获取用户的 ID 号并将其粘贴到“用户/组 ID”字段中,然后选择是否要使用与照片关联的任何标签来过滤显示的图像。单击“应用”将 Flickr 帐户中的图像和标题添加到滑块中,然后快速浏览一下。

SlideDeck Flickr 弹出设置

您看到其中的视频和图像了吗?如果没有,您可能正在合并一段时间没有更新的源中的内容,这会导致它被最近更新的源“挤出”。在这种情况下,您可能想要尝试随机化幻灯片的顺序,因为这有时会有所帮助 – 或者您可以开始更频繁地发布到其他来源;)

SlideDeck - 随机化幻灯片

配置镜头

恭喜,您已经创建了第一个 SlideDeck!现在,您可以简单地继续保存此 SlideDeck,然后将其发布到您的页面 – 但考虑到您可用的所有自定义选项,最好利用它们。SlideDeck 提供了大量用于自定义镜头的选项,使您的滑块在页面上看起来很漂亮。向下滚动到实时预览区域下方以查看选项面板,看看里面有什么。

如果您没有注意到,有很多可用选项,因此我们不会一一介绍。然而,我们将它们分为六个简单的类别:

镜头 – 此面板可让您选择 SlideDeck 使用的整体镜头。应用不同的镜头可以完全改变您的内容在页面上的外观,因此请选择一个看起来最接近您的整个网站的镜头

SlideDeck 选项镜头

设置 – 该组包含常规设置,例如 SlideDeck 的尺寸、幻灯片的数量等。

SlideDeck 选项设置

外观 – 允许您调整字体和颜色等内容

SlideDeck 选项外观

内容 – 使用此面板控制内容在 SlideDeck 中的显示方式 – 标题长度、显示/隐藏摘录等选项均位于此处

SlideDeck 选项内容

导航 – 调整和配置 SlideDeck 的导航元素,例如箭头样式、导航类型等

SlideDeck 选项导航

播放 – 控制 SlideDeck 的行为方式

SlideDeck 选项播放

保存并发布您的 SlideDeck

现在您已经创建了 SlideDeck、添加了内容源并配置了 Lens,只剩下一步了:向世界展示它!点击编辑器屏幕底部的“保存 SlideDeck”按钮以保存新的 SlideDeck。该页面将刷新,并且您将看到一些选项。

发布幻灯片

从这里开始,可以通过三种方法与网站访问者共享您的 SlideDeck:

  1. 将其嵌入现有页面或帖子中
  2. 将其嵌入到新页面或帖子中
  3. 使用短代码将其嵌入到页面模板中

所有这三种方法都使用 SlideDeck 短代码 – 一个代表您创建的 SlideDeck 的简单小标签。它看起来像这样:

[slidedeck=您的 SlideDeck 的 ID 号]

这里的所有都是它的!在编写帖子或页面内容时,只需单击 WordPress 内容编辑窗口上方“插入媒体”图标旁边的紫色小 SlideDeck 图标即可。

插入幻灯片

单击此图标将显示 SlideDeck 选择器菜单 – 从这里您可以轻松指定要在内容中嵌入的 SlideDeck。单击“插入”,您的 SlideDeck 的短代码将出现在您的帖子中!

包起来

我们喜欢 SlideDeck,因为它让几乎任何人都可以使用精彩的内容滑块。这就是为什么我们将它列入“必备 WordPress 插件”列表中,并且我们在我们的网站上使用它。使用它很容易发挥创意,而不仅仅是主页标题。您可以将 SlideDeck 放置在网站上的许多位置,包括侧边栏、页脚、帖子中 – 任何地方!哎呀,您甚至可以发挥创意并在自定义页面上使用它,就像我们在免费 WordPress 博客设置页面上所做的那样。

我们可以轻松地说,SlideDeck 是迄今为止最好、最用户友好的 WordPress Slider 插件。如果我们必须评价它,我们会给它满分5星(满分5星)。

发表评论

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

Scroll to Top