附加滑块到你的标题

在这篇文章中,我们将解释如何将之前创建的滑块添加到网站标题的上方或下方。

  1. 为什么使用旋转滑块
  2. 如何在网站的标题下面添加滑块
  3. 如何在网站的标题上添加滑动条
  4. 你还可以如何添加一个滑块到网站
  5. 总结

为什么使用旋转滑块

革命的滑块plugin是主要的绑定插件,用于在X和Pro主题中向网站添加滑块。它为创建滑块提供了无尽的选项和设置。我们鼓励你熟悉插件的里里外外,创建漂亮的滑块,并将它们添加到网站。点击在这里有关革命滑块的更多信息。我们假设在本文的其余部分中,您已经使用Revolution slider插件添加了一个滑块。

如何在网站的标题下面添加滑块

您可以将滑块添加到网站的每个页面的标题的下面部分,方法是转到相关页面的编辑屏幕并找到滑块设置:在报头下方部分下面的标准WordPress编辑器。的报头是指网站的整个标题部分,包括Logo,导航等。点击在这里要看到一个现场演示的滑块下面的报头。

滑块下面报头 标头下面的滑块示例
  • 滑块:你在Revolution Slider插件中创建的所有滑块都将在这里列出,所以你可以选择在这个页面上显示。
  • 可选背景视频:您可以添加视频文件的URL,它将被添加为滑块的背景。你需要添加多种视频格式,以确保你有跨浏览器的体验。用管道(|)字符分隔每个文件URL。建议添加的文件类型为mp4、ogv和webm。
  • 视频海报图片(流动版):由于IOS和Android的相关政策,背景视频功能将无法在移动设备上使用。使用此选项可添加海报图像,当移动设备观看时,海报图像将取代视频。点击选择背景图像打开WordPress的标准媒体选择器对话框来选择图像。

  • 启用滚动底部锚:启用此选项,如果你想有一个滚动到底部的图标添加在滑块的顶部。点击图标将迫使页面滚动到滑块,并显示网站的其余内容。

  • 滚动底部锚对齐:选择滚动到底部图标的正确对齐方式,并将其定位在滑块上。
  • 滚动底部锚颜色:根据幻灯片的内容选择图标的颜色。如果幻灯片是深色的,使用浅色,反之亦然。
  • 滚动底部锚色悬停:在这里选择图标的悬停颜色。

在本例中,滑块将位于标题的下方。你可以实现滚动底部锚或视频背景内的旋转滑动条,这是由你决定使用哪个选项。

如何在网站的标题上添加滑动条

将幻灯片添加到网站标题上方的过程与我们上面所描述的相同,不同的是相同的选项将在滑块设置:在报头上方部分。点击在这里要看到一个现场演示的滑块上方的报头。

滑块上方报头 标头上方的滑块示例

你还可以如何添加一个滑块到网站

您还可以使用X中的Cornerstone和Pro主题中的Content Builder来添加使用Revolution Slider插件创建的滑块经典旋转滑块元素。所以你不局限于添加滑块只在上面或下面的网站标题,你可以添加滑块在任何你想在页面上。

控件创建的幻灯片的上方/下方报头功能LayerSlider还有扩展名,如果你觉得用这个更舒服的话。

总结

我们了解了每个页面编辑屏幕上可用的设置,以添加您使用革命滑块创建的滑块,在网站标题的上方或下方。我们还讨论了为幻灯片添加更多功能的附加设置,如滚动底部锚和视频背景。

看到不准确的东西了吗?让我们知道

Baidu
map