如何在 OceanWP 中使用 Smart Slider 3 创建动态幻灯片？

向您的网站添加滑块可能是一个不错的选择，因为这会给访问者留下第一印象。 但是在您决定要向 WordPress 页面添加滑块之后，您怎么知道应该选择哪一个？ 可以自由使用吗？ 管理简单吗？ 您可以轻松地将其放入您的网站吗？

您所有问题的答案都是肯定的，这是可能的，Smart Slider 3 可以做到所有这些：它完全免费，用户友好，并且也适用于您的 OceanWP 主题。

在本教程中，我将向您展示如何导入演示滑块、制作自己的智能滑块，以及如何使用 OceanWP 主题创建动态帖子滑块。

安装智能滑块 3

当您转到插件→添加新的. 搜索 Smart Slider 3，然后您可以安装它。

另一个选择是您可以直接从 Smart Slider 3 网站下载它，然后您可以上传它。

之后，您可以激活 Smart Slider 3：

如何创建我的第一张幻灯片？

导入演示滑块很棒，但我想向您展示如何制作自己的滑块。 我将向您展示如何构建全宽示例滑块的第一张幻灯片。

首先，我在仪表板上选择New Slider选项，然后在弹出窗口中选择全宽模式。

我将滑块大小设置为 1200x600px，然后创建我的滑块。

之后，我添加了一张空幻灯片，它具有线性渐变背景色，因此我在幻灯片设置→背景选项卡中进行了设置。

为了构建幻灯片，我将使用 2 种不同的编辑模式。 其中之一是内容模式，它的工作方式类似于页面构建器，您可以快速构建幻灯片，并且它具有出色的响应行为。 另一种编辑模式是画布模式，您可以在其中将图层拖动到任何地方，但您应该注意定位和响应性。

在原始滑块上，您可以看到左侧的内容：标题、文本和 2 个按钮，右侧有一张笔记本电脑图片，在这张图片上有一个 YouTube 视频层。 此图像和视频将在画布模式下设置，因为在此模式下，您可以将图层放置在另一个图层之上或之下。

我为内容设置了最大宽度，因为我不希望一行中的全宽文本没有中断，而且我不需要右侧的内容——视频会在那里。 所以我会把它放在左边。 然后我将标题、文本层和按钮放到内容中。 我在另一侧和层之间设置了更多的左填充，我放了一点边距。

之后，我转到图层设置上的设计选项卡并设置字体颜色和字体系列。 对于下载按钮，我提供了一个下载链接，并设置了悬停效果。

有很多选项可以设计您自己的图层，并且您也可以使其具有响应性，例如您可以使用“em”值设置填充，因此在移动设备上这些设置也很好。

现在内容已经准备好了。

我只需要完成 2 个步骤：我将膝上型电脑图像和 YouTube 视频图层以 Canvas 模式放入幻灯片中。 我只是将它拖到右侧并调整它们。

我认为这种笔记本电脑+视频的组合对于出现在移动设备中并不是那么重要，所以我关闭了移动视图。

现在我在响应式视图中检查它，我可以看到标题和文本层比我想要的大，所以我用字体大小缩放器设置了一个较低的值。

现在我准备好了第一张幻灯片。 如果我想为我的滑块使用更多的幻灯片，我复制这个滑块并更改视频或图片并替换文本就足够了，因为结构已经完成，所以我不必从第一个开始步。

如何在我的主页上制作实时帖子滑块？

如果您想突出显示您的帖子，最好从您的帖子中制作一个滑块，其中包含最重要的信息：例如标题、发布日期和一张图片，您可以吸引访问者的注意力并制作它们阅读。

使用 Smart Slider 3，您可以从帖子中制作动态更改滑块，这样您的网站就可以生存，因为如果您分享新帖子，滑块会自动更改。

我将向您展示如何设置它的示例。

在我导入全宽 WordPress Post Slider 模板后，我将添加一个新的动态幻灯片，我将在其中选择 Post by filter 选项。

我选择一个类别并按发布日期订购。 我设置了 3 张幻灯片，所以最后 3 篇文章将出现在我所选类别的滑块中。

然后我保存它，我可以自定义我的帖子滑块。

默认情况下，仅显示带有特色图像的标题。 但这不是我需要的，我想使用我导入的示例模板。 您可以通过 3 个步骤完成：

第 1 步：复制示例幻灯片

第 2 步：将其粘贴到动态幻灯片中

第三步：将背景图片改为特色图片，它会动态变化。

你得到了动态幻灯片的主题和背景：

同样，您可以在图层设置中为图层设置动态变量。 所以你可以插入很多变量，比如标题、日期、内容，或者你也可以链接到帖子。

您可以设置这些变量，例如我已设置动态文本层仅显示我的内容的 100 个字符。

制作动态帖子滑块后，您需要将其插入到您的 OceanWP 主题中。

如何导入即用型滑块？

激活 Smart Slider 3 后，您可以进入 Smart Slider 3 菜单，在那里您将看到仪表板。 您可以添加新滑块，也可以从此处的模板库中选择模板。 如果您想快速创建滑块，最简单的方法是导入演示滑块。

Smart Slider 3 具有免费的演示滑块，您可以轻松地将其添加到页面中。

在模板库中，您可以选择要使用的滑块，只需单击“导入”按钮，主题将下载到您的仪表板，您可以对其进行自定义。

使用演示幻灯片

添加新滑块或从模板导入滑块后，您可以向滑块添加更多幻灯片。 只需单击添加幻灯片按钮。

有很多选项可以制作图像、视频或空滑块，您也可以添加帖子和动态滑块，或者您可以选择静态叠加，这意味着它将始终在您的滑块和幻灯片之上，并且不会不转。 例如，这是制作导航的好方法。

您也可以在滑块上使用演示幻灯片，您可以自定义许多准备好的模板。 单击库选项并选择您要使用的模板。

您可以在深色或浅色皮肤之间切换，也可以从类别中进行选择。 自定义幻灯片后，您还可以更改所有内容，包括标题、文本、图层和背景。

如何将我的 Slider 插入到我的 OceanWP 主题中？

在您的 OceanWP 主题中插入 Smart Slider 3 非常简单：

您可以使用滑块的简码，轻松将其复制并粘贴到帖子或页面中。

或者使用 OceanWP 设置中的 OceanWP Extra 插件，您可以将滑块放在顶部栏、页眉、标题或页脚之前/之后。

还有另一种选择，您可以使用 Smart Slider 3 小部件使用 Elementor 或其他页面构建器对其进行自定义。

如何使用 Smart Slider 3 制作自定义标题？

通过制作自定义标题，您可以使用页面构建器，我认为这是最简单的方法。

只需导航到Theme Panel → My library选项卡，然后单击Add New 。 （在主题面板中，您需要 Ocean Extra 插件，因此您应该添加并激活此推荐插件。）如果您使用 Elementor 页面构建器，请在 Post Attributes 中选择 Elementor Canvas 模板，然后您可以将滑块添加到您的主题中。

准备好设置后，导航到外观 → 自定义菜单 → 标题 → 常规，然后选择您的自定义标题。 现在你有一个自己的自定义标题。

如果没有页面构建器，您也可以使用简码在主题面板中制作模板。

独家提供

在带有 OceanWP 主题的 WordPress 网站上安装 Smart Slider 3，您可以访问一套强大的工具来为您的网站创建自定义内容。 现在，如果您在结账时使用优惠券 SMARTSLIDEROCEANWP30，购买 Smart Slider 3 Pro 即可享受30%的折扣。

该优惠是独家优惠，优惠券代码仅在有限的时间内可用。 它从2018 年 7 月 10 日开始，到 2018 年 7 月 17 日结束，所以赶快抓住你的 Smart Slider 3 Pro 副本吧！

最后的想法

滑块有多种使用方式，你应该决定你想要什么。 还有很多功能，我没有写。 在专业版中，制作滑块更令人兴奋，因为动画、新图层、视差效果、形状分隔效果和许多动态生成器（如 Facebook 或 Instagram），您可以通过它们使您的网站活起来。