今天我们将继续阅读有关Revolution Slider的指南,但是这次我们将讨论WordPress页面/文章中的幻灯片显示,而且我们还将在您的滑块上执行一些高级配置。 我希望自从这些指南开始以来,您就可以在家中练习(总是练习是一个很大的优势)。 如果您遇到问题,我想提醒您您可以问我问题,我们很乐意为您解答。

对于那些刚开始阅读本教程的人,我邀请您不要错过Revolution Revolutionr上这些教程的开头:

如果执行了这些步骤,则可以继续,否则您将很难跟上我。

您需要了解的有关幻灯片的知识

Revolution Slider是一个不依赖任何主题的插件。 原则上,后者的幻灯片可以显示在任何类型的主题上,但这并不总是正确的。 实际上,任何主题都具有CSS样式规则,这可能会妨碍正确显示滑块。 有时,当您选择滑块时, 全宽 它将溢出,并且不会按原样显示。

我建议您选择一个已经与Revolutio Slider兼容的高级主题,而不是寻找最终会与Revolution Slider兼容的免费主题,而我首先看到的主题是“ 合计 从WPExplorer。

该计主题 -  WordPress的框架

举例说明您必须采用高级主题这一事实是正确的,例如,二十十四个主题滑块的显示。

革命滑块教程 -  WordPress的滑块显示革命

您可以注意到,在这张图片上,红色区域代表了主题的所有当前空间。 蓝色区域代表主题上滑块的溢出。 您可能会发现显示不是最佳的。 你会发现几个 WordPress主题 与革命滑块兼容 ThemeForest

话虽这么说,让我们找出如何在文章/页面上显示滑块

如何显示在物品上的滑块

Revolution Slider提供了两种向页面/文章添加滑块的方法。

使用简码

您访问配置页面并检索简码。 在本节中 滑块标题和简码 您会注意到3字段。 3e 包含以“[rev_slider…”开头的短代码的字段是您需要复制的字段 内容.

革命滑块回收用的,简码

您现在要做的就是将短代码添加到您选择的文章或页面中。

使用视觉编辑器上的添加滑块按钮

如果不想每次都返回到滑块配置页面,则可以在可视化编辑器中使用由旋转滑块添加的按钮。

附加一个滑块,WordPress的教​​程

单击它会打开一个新窗口,您可以在其中选择要添加到页面的滑块。

附加一个滑块,有-A-页面WordPress的

通过选择一个滑块,您可以专门更改幻灯片的顺序。 此更改仅对将生成的自定义简码有效。 要更改幻灯片的顺序,请点击“ 修改快速滑块 ”。 您将访问幻灯片列表,您可以通过“ 拖放 “。

拖和下降革命滑块

完成后,您会注意到一个短代码已添加到可视化编辑器中。

简码革命滑块

您现在需要做的就是预览文章。 仅此而已,现在您已具备在WordPress上创建滑块的基础。

先进使用Revolution Slider的一些技巧

现在你知道如何使用 Revolution Slider,我会给你一些 技巧 这将帮助您提高使用此插件的效率。

使用键盘快捷键

Revolution Slider希望成为一个完整的幻灯片编辑器。 结果,它允许您使用一些键盘快捷键,这些快捷键将使您更快地工作。

  • CTRL + S :保存你的工作
  • 方向箭头 :在您的舞台上移动一个项目
  • Shift +方向箭头 :让您更快地移动项目
  • Shift +调整大小 :执行比例缩放
  • 双击 :打开元素的修改

掌握幻灯片编辑器的工具

幻灯片提供了一些工具,可让您轻松移动元素。 我们已经讨论过网格,但是您也可以使用Revolution Slider提出的对齐按钮。

对准元件- - 转滑块

这些对齐按钮使您可以将项目从左到右的第一行放置在舞台的左端,舞台中间和舞台的最右侧。 对于第二行,在舞台的高端,舞台中间和舞台的底端。 通过正确使用这些按钮,您可以单击两次轻松使元素居中。

元件中心革命滑块

在场景元素之间使用导航工具

要轻松查找场景中可用的项目,您可以使用“ 时间表 或场景的元素浏览器。 后者在舞台编辑器的顶部。

探险家到滑动革命滑块

通过单击浏览器列表,您将能够对这些项目执行各种操作,包括:

  • 编辑元素:铅笔图标
  • 调整元素比例的大小:带有方向箭头的图标
  • 删除项目:垃圾桶图标
  • 重复的元素:双页图标
  • 隐藏项目:眼睛图标
  • 锁定项目:挂锁图标

如果您对同一区域稍加注意,则会注意到滑块可扩展性测试按钮,这将使您可以预览滑块在移动设备上的显示。

时尚革命响应滑块

本教程就是这样。 现在,您可以创建一个很棒的滑块。 如有任何疑问,请随时询问。