我们现在可以开始严肃的事情。 在上创建滑块 滑块革命 一开始可能非常乏味。 您将失去方向,因为您将想知道这个或那个元素在哪里。

通过习惯练习并阅读本教程,您将摆脱Slider Revolution。

在之前的教程中,我们发现了如何:

现在我们已经设置了滑块,我们将创建 幻灯片 “中” 滑块 “。

如何开始使用“幻灯片”编辑器

原则上,保存滑块的配置后,您可以访问 进入一个新界面,向您介绍“ 幻灯片 “。

主编滑动革命滑块

您会在最顶部注意到相同的工具栏,该工具栏允许您返回“滑块或幻灯片”列表,滑块的参数以及滑块的预览等。

发现我们的 10个WordPress插件,可让您对Blog帖子进行评分

革命滑块条doutil版-的滑

在底部,我们有一个新的部分,可让我们查看全局层,不同的“幻灯片”以及添加新“  “。

创建-的滑动按钮,滑块革命

将鼠标悬停在幻灯片的按钮上,您会注意到显示了新选项。 这些选项非常清楚且易于理解(复制,添加到模板以便以后重用并删除幻灯片).

期权创造-滑动滑块革命

将鼠标悬停在幻灯片添加按钮上,您会注意到其他选项,这些选项可让您添加空白幻灯片,添加多张幻灯片,从模板添加一张幻灯片(模型).

创建-的幻灯片选项革命滑块

当前,您在1幻灯片上,这就是为什么它在幻灯片列表中突出显示的原因。 如果创建新幻灯片,它将代替第一张幻灯片突出显示。

第二滑创造敦滑块,滑块革命

此级别的Slider Revolution是一个真正的仪表板。 如果我向您解释所有内容,您将不会了解太多,因此,我将避免谈论可能引起混淆且并非必不可少的功能。

阅读有关的文章 适用于您博客的6 WordPress图像压缩插件

选择幻灯片后,您可以在以下部分开始编辑。 本节包含几个选项卡(7),可让您访问各种功能。

如何将背景图像添加到场景

您首先要做的第一件事是为我们的幻灯片添加背景。 在这里您可以选择:背景图像(来自您的媒体库)、指向图像的外部 URL、将使用由 WordPress主题、固定颜色、Youtube、Vimeo 或 HTML5 视频。 我们将选择一个背景“ 图片 “。

背景技术图像例子

您可以在网上找到许多免费图片。 只需在Google上进行搜索即可。 

图像回计划革命滑块

添加图像时,这将立即应用于幻灯片预览和“场景”中。

szene革命滑块

如何在场景中添加元素

现在我们有了一个装饰良好的场景,我们将添加一个元素。 您添加到场景中的每个元素都被视为一个或多个图层。 此图层功能将帮助您相信我。

要将项目添加到场景中,请将鼠标悬停在 添加图层 “。

飞加层滑块革命

您会注意到,可以添加几个不同的元素,包括:文本/ HTML,图像,音频,视频,按钮,形状,对象以及导入元素。

我们将首先在小狗身上添加史努比的透明图像。

搞笑,爱管闲事,PNG

然后在场景中添加此图像,您将获得以下内容:

例如滑块滑块革命

您会注意到,图像的四个角是小方块。 这些正方形使我们能够调整图像的大小,因为在这种情况下,史努比占用了大量空间。

调整大小是通过“  ”。 要在保持比例的同时调整大小,请按住“ 五月 从键盘上调整大小。

另见我们的 10 WordPress插件将使您成为更好的Blogger

新表示,史努比革命滑块

现在,史努比看起来像这样,它更合适。 您还可以使用位于每张图像右上方的指示器来翻转图像,如下所示:

旋转DIMAGE革命滑块

如何使用帮助网格定位元素

帮助网格是有价值的元素,有助于更好地定位元素。 您可以激活舞台左下方的帮助网格。

烤面包机黛德革命滑块

此网格具有不同大小的图块,尺寸越小,元素放置的精度越高。

投资的画面

如何添加动画

Slider Revolution上有3种动画类型:入口动画,(场景中元素的存在)和结束动画。

另见我们的 适用于您博客的6 WordPress图像压缩插件

要将动画添加到元素,必须首先通过单击将其选中(当选择一个元素时,它由带有可调整大小的角的虚线框起来).

因此,请点击史努比(Snoopy),然后转到该页面,然后点击标签« 动画 “。

动画滑块革命

在上一张图像中,我将输入动画设为蓝色,将输出动画设为红色。

要更改动画,请单击正在奔跑的人的图标之后的下拉列表。

图标动画滑块革命

然后,您可以使用各种各样的动画。 我留给您选择要为元素输入定义的动画。 就我而言,我选择了“ easeOutElastic »,要获得此结果:

动画 - 主菜 - 史努比

在这里为您 4 WordPress插件可增强博客的页脚

在左侧的左侧,您可以确定动画的持续时间以及需要保留在“ 没有分裂 因为其他选项仅适用于文本,而不适用于图像。

配置沙丘动画滑块革命

里拉aussi 如何隐藏文章和WordPress页面的标题

现在,我想浮动史努比,为此,请转到“ 循环 然后在下拉选项中选择“  ”。 现在史努比漂浮了:

snoppy浮动

如何配置元素的可见性

我的史努比漂浮了,但我不希望它在手机上可见。 因此,点击“ 能见度 »并在“智能手机”图标上,确保将其禁用:

可视性元素革命滑块

如何调整元素的行为

为了优化滑块的加载,您可能需要延迟图像的加载。 这是在标签“ 行为 选择“ 延迟加载 ”。 您甚至可以强制元素进行响应。

行为元素革命滑块

如何在元素上创建自定义触发器

操作允许您将触发器与特定操作相关联。 要添加触发器,请单击选项卡 行动 »然后按按钮«+»。

添加-A-快门按钮

3类型的触发器:

  • 点击是点击鼠标的行为
  • 鼠标在元素上的输入
  • 元素上方的鼠标出口

动作列表很长。 例如,您可以通过选择以下操作将点击“史努比”的用户重定向到另一个页面: 单链接 这将带来新的选择。

发现我们的 来自预订和预订的10高级WordPress插件

管理 - 的 - 触发革命滑块

如何使用Slider Revolution时间轴

Slider Revolution在底部提供了一个时间管理界面。 该界面允许您查看元素动画的开始位置和结束位置。

开始和结束沙丘,电影上滑块革命

在上一张图像上,您会注意到两个蓝色箭头。 左侧的第一个指示元素的输入动画的开始,第二个指示输入动画的结束。 深红色表示场景中该项目的寿命。

里拉aussi 如何增加你的WordPress博客倒计时

您会发现一端也与持续时间的另一端类似(输入动画,寿命和结束动画).

随着“ 时间表 您将能够控制哪个元素之前显示,哪个元素首先消失。 这是一个非常实用的工具,您需要掌握它才能制作出良好的动画。

时间轴上还有​​一个播放器,您可以激活它以预览幻灯片。

动漫时间表革命滑块

在此之前,我向您提供了创建幻灯片的基础知识。 现在保存您的滑块并开始预览。

备份和previsulisation

这就是本教程的全部内容,接下来,我们将讨论文章上滑块的显示以及一些高级操作。

还发现一些主题和高级WordPress插件  

您可以使用其他 WordPress插件 赋予现代外观并优化您的博客或网站的处理。

我们在这里为您提供了一些高级WordPress插件,它们将帮助您实现这一目标。

1。 磁盘音频

磁盘音频是另一个 WordPress插件 只需按一下按钮,这将帮助您在您的网站上直接显示音频播放器。 音频播放器的布局是完全响应式的,因此移动用户将能够轻松享受其功能。

磁盘音频播放器高级wordpress插件添加音频播放器

此外,它提供了许多自定义选项,包括配色方案,外观,背景图像和不透明度。 它有几个选项可以通过键盘和它来控制 还允许您使用可调滚动条查看播放列表。

另请参阅: 10 WordPress插件来增强你的博客研究

您还可以在音乐播放器中嵌入下载链接,以向用户显示他们可以在哪里购买正在您网站上播放的曲目。 

下载 | 演示 | 虚拟主机

2。 事件预订临

这是另一个 WordPress插件 100% 响应,易于定制并致力于管理任何网站上的预订,该网站在活动领域提供服务。

活动预订专业

它的主要功能包括:定制文本,颜色,边框等,支持PayPal,管理优惠券代码和优惠券,支持 谷歌地图,电子邮件管理的支持,  简码的支持,直观的控制面板,轻松的事件创建,对外观的完全控制等。

下载 | 演示 | 虚拟主机 

3.社交分享和储物柜Pro

Social Share&Locker Pro插件旨在帮助您的网站在社交网络上更加可见。 只需单击几下,您就可以设置社交图标的位置,或者通过要求在您提供的社交网络之一上共享来锁定内容。

社交共享更衣柜Pro Wordpress插件

您有10个预定义的主题,这应该涵盖最常见的愿望。 她所有的主题都是视网膜和工作奇迹。 

30事情他们出版后做你的博客文章 通过查阅本文来发现它们。

另外,使用Social Share&Locker Pro,您将能够显示社交网络的全名或仅显示图标。 这将取决于您的设计,可用空间或您的意愿。

下载 | 演示 | 虚拟主机

推荐资源

查找有关其他推荐资源的信息,以帮助您构建和管理网站。

结论

这是 ! 本指南仅此而已。 我们希望本教程为您提供了在WordPress博客或网站上使用Slider Revolution创建幻灯片的基础知识。 如果您有任何问题,建议或意见,请留在我们的部分中 评论.

但是,您也可以咨询我们的 RESSOURCES,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建。

不要犹豫 与您最喜欢的社交网络上的朋友分享

...