使用 SlideDeck 在 WordPress 中创建滑块的分步指南
昨天推出 WPBeginner 优惠券后，我们完全专注于为主 WPBeginner 网站构建最佳设计，该网站集成了所有内容，同时仍然看起来不错。我们想在我们的网站中添加一个滑块，但每个脚本都有其局限性。然后感谢来自 99designs、SitePoint 和 Flippa 的 Matt Mickiewicz（请参阅他在 WPBeginner 上的采访）向我们介绍 Digital Telepathy 的人员，他们是 SlideDeck（迄今为止网络上最好的滑块脚本）的创建者。我们玩了一下它，给我们留下了深刻的印象。它对于初学者来说非常有用，因为它提供了一个完整的 WordPress 插件，可让您使用简单的拖放界面来创建滑块。然而，它对开发人员来说也很棒，因为它有一个 jQuery 版本，为开发人员提供了额外的自由来根据自己的需求进行自定义。在本文中，我们将向您展示如何使用 SlideDeck WordPress 插件在 WordPress 中创建滑块，而无需编辑一行代码。
如果您想了解可以使用此插件创建什么，这里有一个实时演示。
步骤 1. 下载并安装插件
前往 SlideDeck 网站并下载插件。他们有免费版本和专业版本，提供支持和更多功能。每当我们使用新产品时，我们总是会获得支持版本。我们在开发过程中遇到了几次困难，他们的支持非常出色，帮助我们摆脱了困境。我们强烈建议您获取 PRO 版本，因为它包含很酷的功能，例如：垂直幻灯片、触摸屏支持、支持、RSS Feed Smart SlideDecks、背景图像支持等等。
下载插件后，然后继续安装/激活插件。 （按照我们的逐步指南安装 WordPress 插件）
让我们创建一个滑块
激活插件后，您将看到添加了一个名为 SlideDeck 的新选项卡。让我们开始吧，然后单击添加新的 SlideDeck。系统将提示您进入类似于“帖子写入面板”的屏幕。
因此，我们所做的就是在幻灯片中添加内容，并为其指定标题。我们可以有一个自定义背景图像（专业功能），但为了简单起见，我们没有这样做。我们想展示这个插件开箱即用的功能。那是我们的第一张标准幻灯片。我们在演示中添加的下一张幻灯片是垂直幻灯片（专业功能）。垂直幻灯片基本上是一张幻灯片中的多张幻灯片。如果您查看上图，会发现有一个名为“转换为垂直幻灯片”的按钮。这就是我们为下一张幻灯片单击的按钮，这就是添加的内容：
现在，对任意数量的幻灯片重复此过程。创建完幻灯片后，让我们看看用于在网站上发布幻灯片的 SlideDeck 选项。您将在编辑幻灯片屏幕的右侧看到它。
您可以选择它自动播放，允许键盘导航，允许鼠标滚轮导航，设置动画速度，选择其中一个令人惊叹的皮肤，然后选择您要从哪张幻灯片开始。您还可以通过拖放对幻灯片重新排序。您会看到有一个主题代码片段，其中包含供您包含在主题中的代码。您可以将其添加到主题中的任何位置。哦等等，我们不是说过您无需编辑一行代码即可将 SlideDeck 集成到 WordPress 中吗？是的，我们将坚持本教程中的说法。让我们向您展示如何将其集成到 WordPress 中，而无需编辑任何代码。
将 SlideDeck 集成到 WordPress 帖子/页面中
创建新帖子或页面。您将看到右侧边栏中添加了一个新的 SlideDeck 框。
单击“插入幻灯片”按钮。选择您要添加的滑块，然后发布帖子。发布帖子后，使用经典皮肤的滑块将如下所示：
您可以在置顶帖、全角页面模板或您喜欢的任何其他内容上使用它。但等等，事情并没有就此结束。让我们更进一步。
添加带有精选帖子的滑块
精选帖子滑块是博主的最爱。我们在许多博客上看到了此功能，但大多数滑块都被硬编码到主题中，用户的控制有限。好吧，让我们看看使用 SlideDeck 是多么容易做到这一点。您可以添加一个名为“Smart SlideDeck”的动态滑块，它可以显示您最近的帖子、最受欢迎的帖子、特色帖子（您选择的帖子），您可以按类别对其进行排序，您甚至可以从其他站点导入 RSS 提要添加到您的滑块中。您可以从各种皮肤中进行选择，选择不同类型的导航，并且在不到 5 分钟的时间内就可以准备好滑块。让我给你示范如何做。在我们的教程中，我们将显示帖子中的精选条目。
转到您当前的帖子，选择 5 篇帖子并通过选中该框将它们添加到 Smart SlideDecks 中。
现在，转到您的 SlideDeck 面板，然后单击“添加智能 SlideDeck”。选择您的皮肤：
选择要显示的幻灯片数量、播放选项、内容类型（了解我们如何将其作为帖子中的精选条目）。您可以选择内容设置，例如图像选项、标题长度、摘录长度等。选择您的导航样式，然后单击“发布”。
您需要编辑此代码。从侧边栏、主题片段代码中获取代码，并将其粘贴到您的主题中。最有可能在你的index.php 的顶部。示例代码如下所示：
<?php if (is_home()) { slidedeck( 73, array( 'width' => '100%', 'height' => '370px' ) ); } ?>这只会在您的主页上显示您的滑块。
如果您想观看 SlideDeck 的一些真正酷炫的演示，请访问 SlideDeck 的网站并查看。
让我们知道您在实施该插件时对此插件的想法。