你正在寻找一种方法来添加YouTube视频作为WordPress的全屏背景吗?
如果使用得当,背景视频可以立即抓住访问者的注意力,并保持他们在你的网站上。这使得它们成为登陆页面和销售页面的绝佳选择。
在本文中,我们将向您展示如何在WordPress网站上添加YouTube视频作为全屏背景。
为什么使用YouTube视频作为全屏背景?
当访问者第一次登陆你的WordPress网站时,你只有几秒钟的时间来吸引他们的注意力并让他们留下来。
一个引人注目的视频背景是一个伟大的方式来保持访问者在你的网站。此外,有许多不同的WordPress主题支持视频背景。
然而,在WordPress上上传和托管视频会占用大量带宽。根据你的WordPress托管计划,你甚至可能需要购买额外的存储空间。
一个解决方案是添加一个YouTube视频作为全屏背景。这样,你就可以从竞争对手中脱颖而出,而不会减慢你的网站速度,也不会占用额外的存储空间。
也就是说,让我们看看如何在你的WordPress网站上添加一个YouTube视频作为全屏背景。
如何在WordPress中添加YouTube视频作为全屏背景
最简单的方法来添加YouTube视频作为全屏背景是通过使用高级WordPress背景。这个插件添加了一个新的背景块,允许您使用任何颜色,图像或视频(包括YouTube视频)创建全屏背景。
首先,你需要安装并激活插件。如果你需要帮助,那么请参阅我们的指南如何安装WordPress插件。
激活后,只需前往想要添加YouTube视频作为全屏背景的页面或帖子。然后你可以点击‘+’按钮。
在出现的弹出窗口中,开始输入‘Background AWB’当出现正确的块时,单击它将其添加到页面中。
在左边的菜单中,你会看到三个选项卡,用于创建不同类型的全屏背景:Color, Image, and Video。
如果你想添加一个YouTube视频,点击‘Video’选项卡。
此插件允许您使用自托管视频作为背景。然而,视频占用大量的存储空间和带宽,所以你不应该把视频上传到WordPress。
话虽如此,选择‘YouTube / Video’tab.
现在,你需要你想要在你的WordPress博客上使用的YouTube视频的URL。
在新的选项卡中,简单地转到视频并复制地址栏中的链接。
完成后,切换回你的WordPress仪表板,并将URL粘贴到‘视频URL’选项卡。
现在,WordPress块编辑器将显示这个背景的预览。高级WordPress背景会根据你在上面添加的内容来改变视频的大小,所以如果视频目前看起来有点小,不要担心。
在开始添加内容之前,最好先配置一下背景’s设置。
默认情况下,移动设备上的视频背景是禁用的。与台式电脑相比,智能手机和平板电脑的屏幕通常更小,处理能力也更弱。考虑到这一点,在移动设备上禁用视频背景是个好主意。
然而,如果你想在移动设备上显示视频背景,然后点击激活‘切换。
开箱后,block将循环播放整个YouTube视频。
另一个选项是通过在‘Start Time’中输入确切的时间来播放视频的特定部分。结束时间’box .
您也可以通过禁用‘loop ’切换。
默认情况下,只有当访问者可以在浏览器中看到视频时,视频才会播放。这有助于提高你的WordPress速度和性能,所以你通常会想要离开‘Always play’开关禁用。
当你第一次添加视频时,它显示为100%不透明度,所以它看起来是固体的。
根据你的网站’的设计,你可能想通过拖动‘图像不透明度’滑块。这是一种创建更微妙的YouTube视频背景的方法。
如果你尝试不透明度,那么你可能还想尝试添加一个彩色覆盖。
点击展开‘Overlay Color’部分,然后使用设置创建不同颜色的叠加。
高级WordPress背景插件支持几种不同的视差效果。这是一种现代网页设计技术,背景元素的滚动速度比前景内容慢,这通常会增加页面设计的深度。
要尝试不同的视差效果,单击展开‘parallax ’节,然后从下拉菜单中选择一个选项。
选择视差样式后,你可以访问一些额外的设置,在那里你可以改变速度。你也可以在移动设备上启用和禁用视差效果。
同样,您可以尝试不同的鼠标视差效果,当访问者移动鼠标时,这会导致背景滚动得更慢。
查看这些设置,单击展开‘鼠标视差’section.
当你对如何设置YouTube视频背景感到满意时,是时候开始添加文本,链接和图像等内容了。
首先,点击‘+’背景(AWB)块中间的图标。
这将打开一个弹出窗口,你可以在其中选择你想添加的块。 高级WordPress背景插件与所有标准的WordPress块一起工作,所以你可以添加任何你想要的内容。
配置完第一个块后,只需点击‘+’再次按下按钮,然后添加您想要使用的下一个块。
简单地重复这个过程来创建帖子或页面布局。
当你满意的时候,点击‘Update’或& # 8216;发布# 8217;按钮,使页面活动。现在,如果你访问你的WordPress网站,那么你会看到视频背景在行动。
附加说明:如何在WordPress
视频背景可以抓住访问者’关注,同时也推广你的YouTube频道。然而,如果你真的想在YouTube上获得更多的访问者和订户,那么你可能想在你的网站上添加更多的视频。
这就是Smash Balloon的来源。
Smash Balloon YouTube Feed Pro是市场上最好的YouTube画廊插件。它会自动显示所有最新的视频从你的YouTube频道,所以访问者总是看到最新的内容。
使用Smash Balloon’s简易编辑器简单创建一个YouTube feed,然后使用shortcode或插件’s现成块将其添加到任何页面或帖子中。
你也可以使用Smash Balloon在你的WordPress网站上嵌入YouTube播放列表、收藏夹和直播流。
Smash Balloon最棒的地方是它不会减慢你的网站速度。该插件内置的YouTube缓存功能将确保您的网站始终快速加载,这对SEO非常有用。
我们希望这篇文章能帮助你学习如何在WordPress中添加YouTube视频作为背景。你可能也想看看我们关于如何用WordPress创建登陆页面的指南,以及我们专家挑选的最好的YouTube视频库插件。
和
RSS