我们现在可以开始严肃的事情。 在上创建滑块 滑块革命 一开始可能非常乏味。 您将失去方向,因为您将想知道这个或那个元素在哪里。
通过习惯练习并阅读本教程,您将摆脱Slider Revolution。
在之前的教程中,我们发现了如何:
现在我们已经设置了滑块,我们将创建 幻灯片 “中” 滑块 “。
如何开始使用“幻灯片”编辑器
原则上,保存滑块的配置后,您可以访问 进入一个新界面,向您介绍“ 幻灯片 “。
您会在最顶部注意到相同的工具栏,该工具栏允许您返回“滑块或幻灯片”列表,滑块的参数以及滑块的预览等。
发现我们的 10个WordPress插件,可让您对Blog帖子进行评分
在底部,我们有一个新的部分,可让我们查看全局层,不同的“幻灯片”以及添加新“ 滑 “。
将鼠标悬停在幻灯片的按钮上,您会注意到显示了新选项。 这些选项非常清楚且易于理解(复制,添加到模板以便以后重用并删除幻灯片).
将鼠标悬停在幻灯片添加按钮上,您会注意到其他选项,这些选项可让您添加空白幻灯片,添加多张幻灯片,从模板添加一张幻灯片(模型).
当前,您在1幻灯片上,这就是为什么它在幻灯片列表中突出显示的原因。 如果创建新幻灯片,它将代替第一张幻灯片突出显示。
此级别的Slider Revolution是一个真正的仪表板。 如果我向您解释所有内容,您将不会了解太多,因此,我将避免谈论可能引起混淆且并非必不可少的功能。
阅读有关的文章 适用于您博客的6 WordPress图像压缩插件
选择幻灯片后,您可以在以下部分开始编辑。 本节包含几个选项卡(7),可让您访问各种功能。
如何将背景图像添加到场景
您首先要做的第一件事是为我们的幻灯片添加背景。 在这里您可以选择:背景图像(来自您的媒体库)、指向图像的外部 URL、将使用由 WordPress主题、固定颜色、Youtube、Vimeo 或 HTML5 视频。 我们将选择一个背景“ 图片 “。
您可以在网上找到许多免费图片。 只需在Google上进行搜索即可。
添加图像时,这将立即应用于幻灯片预览和“场景”中。
如何在场景中添加元素
现在我们有了一个装饰良好的场景,我们将添加一个元素。 您添加到场景中的每个元素都被视为一个或多个图层。 此图层功能将帮助您相信我。
要将项目添加到场景中,请将鼠标悬停在 添加图层 “。
您会注意到,可以添加几个不同的元素,包括:文本/ HTML,图像,音频,视频,按钮,形状,对象以及导入元素。
我们将首先在小狗身上添加史努比的透明图像。
然后在场景中添加此图像,您将获得以下内容:
您会注意到,图像的四个角是小方块。 这些正方形使我们能够调整图像的大小,因为在这种情况下,史努比占用了大量空间。
调整大小是通过“ 拖 ”。 要在保持比例的同时调整大小,请按住“ 五月 从键盘上调整大小。
另见我们的 10 WordPress插件将使您成为更好的Blogger
现在,史努比看起来像这样,它更合适。 您还可以使用位于每张图像右上方的指示器来翻转图像,如下所示:
如何使用帮助网格定位元素
帮助网格是有价值的元素,有助于更好地定位元素。 您可以激活舞台左下方的帮助网格。
此网格具有不同大小的图块,尺寸越小,元素放置的精度越高。
如何添加动画
Slider Revolution上有3种动画类型:入口动画,(场景中元素的存在)和结束动画。
另见我们的 适用于您博客的6 WordPress图像压缩插件
要将动画添加到元素,必须首先通过单击将其选中(当选择一个元素时,它由带有可调整大小的角的虚线框起来).
因此,请点击史努比(Snoopy),然后转到该页面,然后点击标签« 动画 “。
在上一张图像中,我将输入动画设为蓝色,将输出动画设为红色。
要更改动画,请单击正在奔跑的人的图标之后的下拉列表。
然后,您可以使用各种各样的动画。 我留给您选择要为元素输入定义的动画。 就我而言,我选择了“ easeOutElastic »,要获得此结果:
在这里为您 4 WordPress插件可增强博客的页脚
在左侧的左侧,您可以确定动画的持续时间以及需要保留在“ 没有分裂 因为其他选项仅适用于文本,而不适用于图像。
里拉aussi 如何隐藏文章和WordPress页面的标题
现在,我想浮动史努比,为此,请转到“ 循环 然后在下拉选项中选择“ 波 ”。 现在史努比漂浮了:
如何配置元素的可见性
我的史努比漂浮了,但我不希望它在手机上可见。 因此,点击“ 能见度 »并在“智能手机”图标上,确保将其禁用:
如何调整元素的行为
为了优化滑块的加载,您可能需要延迟图像的加载。 这是在标签“ 行为 选择“ 延迟加载 ”。 您甚至可以强制元素进行响应。
如何在元素上创建自定义触发器
操作允许您将触发器与特定操作相关联。 要添加触发器,请单击选项卡 行动 »然后按按钮«+»。
3类型的触发器:
- 点击是点击鼠标的行为
- 鼠标在元素上的输入
- 元素上方的鼠标出口
动作列表很长。 例如,您可以通过选择以下操作将点击“史努比”的用户重定向到另一个页面: 单链接 这将带来新的选择。
发现我们的 来自预订和预订的10高级WordPress插件
如何使用Slider Revolution时间轴
Slider Revolution在底部提供了一个时间管理界面。 该界面允许您查看元素动画的开始位置和结束位置。
在上一张图像上,您会注意到两个蓝色箭头。 左侧的第一个指示元素的输入动画的开始,第二个指示输入动画的结束。 深红色表示场景中该项目的寿命。
里拉aussi 如何增加你的WordPress博客倒计时
您会发现一端也与持续时间的另一端类似(输入动画,寿命和结束动画).
随着“ 时间表 您将能够控制哪个元素之前显示,哪个元素首先消失。 这是一个非常实用的工具,您需要掌握它才能制作出良好的动画。
时间轴上还有一个播放器,您可以激活它以预览幻灯片。
在此之前,我向您提供了创建幻灯片的基础知识。 现在保存您的滑块并开始预览。
这就是本教程的全部内容,接下来,我们将讨论文章上滑块的显示以及一些高级操作。
还发现一些主题和高级WordPress插件
您可以使用其他 WordPress插件 赋予现代外观并优化您的博客或网站的处理。
我们在这里为您提供了一些高级WordPress插件,它们将帮助您实现这一目标。
1。 磁盘音频
磁盘音频是另一个 WordPress插件 只需按一下按钮,这将帮助您在您的网站上直接显示音频播放器。 音频播放器的布局是完全响应式的,因此移动用户将能够轻松享受其功能。
此外,它提供了许多自定义选项,包括配色方案,外观,背景图像和不透明度。 它有几个选项可以通过键盘和它来控制 还允许您使用可调滚动条查看播放列表。
另请参阅: 10 WordPress插件来增强你的博客研究
您还可以在音乐播放器中嵌入下载链接,以向用户显示他们可以在哪里购买正在您网站上播放的曲目。
2。 事件预订临
这是另一个 WordPress插件 100% 响应,易于定制并致力于管理任何网站上的预订,该网站在活动领域提供服务。
它的主要功能包括:定制文本,颜色,边框等,支持PayPal,管理优惠券代码和优惠券,支持 谷歌地图,电子邮件管理的支持, 简码的支持,直观的控制面板,轻松的事件创建,对外观的完全控制等。
3.社交分享和储物柜Pro
Social Share&Locker Pro插件旨在帮助您的网站在社交网络上更加可见。 只需单击几下,您就可以设置社交图标的位置,或者通过要求在您提供的社交网络之一上共享来锁定内容。
您有10个预定义的主题,这应该涵盖最常见的愿望。 她所有的主题都是视网膜和工作奇迹。
30事情他们出版后做你的博客文章 通过查阅本文来发现它们。
另外,使用Social Share&Locker Pro,您将能够显示社交网络的全名或仅显示图标。 这将取决于您的设计,可用空间或您的意愿。
推荐资源
查找有关其他推荐资源的信息,以帮助您构建和管理网站。
- 如何成为一名成功的博客作者并通过WordPress赚钱
- 如何整合谷歌表单的WordPress
- 如何在WordPress上创建隐私策略
- 6 WordPress插件可确保博客的RGPD合规性
结论
这是 ! 本指南仅此而已。 我们希望本教程为您提供了在WordPress博客或网站上使用Slider Revolution创建幻灯片的基础知识。 如果您有任何问题,建议或意见,请留在我们的部分中 评论.
但是,您也可以咨询我们的 RESSOURCES,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建。
不要犹豫 与您最喜欢的社交网络上的朋友分享.
...
你好,
我想在滑块上添加 ar 图像,我去 ar 计划,作为源我选择背景/主图像,但我没有蓝色的“更改图像”按钮,所以我不明白如何选择所需的图像将其显示为我的滑块的框架……你有什么想法吗?
MERCI
沃尔特