如何将免费的WordPress帖子滑块添加到您的网站
在本文中,我们将探讨如何使用滑块插件在WordPress中使帖子滑块。 我们将使用最好的WordPress滑块插件之一-Responsive Posts Carousel 。
通常,在创建网站时,您希望网站上有一个轮播,该轮播显示按特定条件过滤的帖子。 实际上,我想说这是必备功能! 一旦确定要构建基本帖子滑块,下一个问题是如何在WordPress中精确创建基本帖子轮播。
如果您是WordPress开发人员,或者是使用WordPress构建网站的嗜好,那么您已经知道WordPress为您可能想到的几乎所有功能都提供了许多插件,并且很难选择要使用的功能。 在这篇文章中,我选择了“响应式帖子轮播”类别中最好的文章之一,我将向您展示如何在本教程的整个过程中使用它。
响应式帖子轮播插件可让您在滑块中显示帖子,页面和其他内容类型。 而且,顾名思义,该插件支持响应式设计,因此使用此插件构建的滑块将适应所有不同的设备。 我相信您知道当今这有多重要! 因此,当您选择第三方插件在您的网站上构建滑块时,它是必备功能。
接下来,我们将探讨响应式帖子轮播插件的基本知识以及设置过程。 然后,我们将看一下此插件支持的一些重要参数,这些参数使您可以根据需要自定义滑块。
顺便说一句,如果您是WordPress初学者或只需要复习一下,则应该尝试与Adi Purdila一起进行的这个免费的两小时WordPress教程 。 掌握使用WordPress的所有基础知识,从安装到创建帖子和页面,管理图像库,使用主题和插件,等等。
什么是响应帖子轮播?
如果您正在寻找易于使用且功能丰富的滑块插件,则“ Responsive Posts Carousel”插件是该类别中最好的插件之一。 它使您可以非常轻松地创建内容和图像滑块。
让我们快速看一下它提供的功能:
- 全面响应并适应所有类型的设备
- 根据容器的大小缩放
- 台式机,平板电脑和移动设备的单独设置
- 选择50多种不同的模板
- 支持自定义帖子类型,并允许您使用高级自定义字段(ACF)对帖子进行排序
- 支持所有流行的浏览器
- 用于自定义滑块的许多配置选项
- 易于实施
对于本文,我使用了WordPress 5.0.3,并且Responsive Posts Carousel插件版本为5.0。 如果要遵循本文,我建议您安装它。 您可以从WordPress.org免费插件存储库安装插件 。
接下来,您将学习如何在WordPress网站中构建帖子滑块!
如何创建帖子滑块
在本部分中,您将看到如何在WordPress管理页面上设置帖子滑块。 转到您的WordPress管理屏幕。
一旦安装了Responsive Posts Carousel插件,它将在左侧边栏中添加一个链接,如以下屏幕截图所示。
单击“ 轮播”>“所有轮播”链接,它应带您到轮播列表页面,如以下屏幕截图所示。
单击添加新按钮以添加新的轮播,它会打开一个表格,该表格可让您创建新的轮播。
如您所见,有六个不同的选项卡,并且每个部分都允许您配置滑块的不同方面。 让我们详细介绍每个部分。
内容标签
让我们仔细看一下“ 内容”选项卡,它是配置滑块时最重要的部分。
通过 “ 显示方式”选项,您可以按帖子类型或分类法筛选帖子。 如果选择“ 按帖子类型” ,则会显示“ 选择帖子类型”下拉列表,可让您选择帖子类型。 另一方面,如果选择“ 按分类法” ,则会显示“ 选择术语”下拉菜单,您可以在其中选择分类法字段。
接下来,如果您选择了帖子类型,则可以选择要在轮播中显示的帖子。 另一方面,如果您选择了分类法,则可以选择用于过滤帖子的术语。
进一步在配置中,它为您提供了“ 排除帖子”字段,该字段使您可以选择要从轮播中排除的帖子 。
接下来,有“ 帖子样式”下拉字段,可让您选择要在滑块中显示的帖子样式。 除此之外,还有“ 标题”和“ 内容”字段,可用于配置幻灯片的标题和描述字段。
最后,还有一些可用性选项,例如Description Words Length , Read More Button Text , Link Target和Disable Post Meta 。
滑块选项卡
接下来,“ 滑块”部分允许您配置轮播的显示方面。
通常,本节提供配置选项,使您可以配置速度,列和某些与可访问性相关的设置。
颜色标签
顾名思义,“ 颜色”选项卡允许您为轮播中的不同元素选择背景和文本颜色。
版式标签
“ 印刷术”选项卡允许您为标题和描述字段配置字体系列和字体大小。
箭头标签
箭头选项卡允许您配置将显示的箭头的不同方面,以进行导航。 还有一个选项可让您完全启用或禁用箭头。
高级设置
最后,“ 高级”选项卡允许您配置一些其他设置。
其中,您可以使用“ 行”和“ 每行滑块”字段在网格模式下显示滑块。 您还可以选择显示图像时将使用的缩略图尺寸。
完成所有设置后,单击“ 发布”按钮以发布轮播,您将被带回到轮播列表页面,如以下屏幕截图所示。
如您所见,您刚刚创建的轮播已有一个简短代码。 您可以在要显示此轮播的帖子或边栏中使用此短代码。 使用通用设置,它应该看起来像这样。
这样便可以使用“响应式帖子轮播”插件构建帖子轮播。 随时尝试不同的选项,如果您有任何疑问,请告诉我。
至此,我们也到达了本文的结尾。 如果您想分享您在网站上使用过的其他旋转木马插件的经验,我很乐意听取您的意见。
结论
今天,我们讨论了如何使用WordPress中的响应式帖子轮播插件来构建帖子轮播。 我们对该插件进行了深入的概述,并讨论了它的不同方面。
欢迎使用下面的供稿来分享您的想法和反馈!
翻译自: https://code.tutsplus.com/tutorials/how-to-add-a-free-wordpress-post-slider-to-your-site--cms-32643