想在WordPress中创建一个视频库吗?通过在WordPress中创建视频库来添加YouTube视频源,而不会减慢您的网站速度。

你想在WordPress中创建一个视频库吗?

默认情况下,WordPress允许你在你的帖子和页面中嵌入视频。然而,添加大量的视频会减慢你的网站,占用大量的主机服务器空间。

在本文中,我们将向您展示如何轻松创建一个专业外观的YouTube视频库,而不会影响您的网站的性能。

为什么在WordPress中创建视频库?

人们喜欢看视频。事实上,平均每个人每天花费100分钟观看在线视频。有视频的博客也比没有视频的博客多获得83%的流量。这意味着视频可以给你带来更多的流量,让那些额外的人在你的网站上停留更长时间。

如果你使用WooCommerce之类的插件运营在线商店,那么视频甚至可以为你带来更多的销售额。根据我们的研究,88%的人在观看视频后购买了产品或服务。

欲了解更多信息,请参阅我们的博客统计、趋势和数据的最终列表。

无论是入门教程、值得信赖的行业专家的评论、产品演示还是其他内容,视频都可以帮助销售更多的产品和服务。

默认情况下,WordPress允许您将视频添加到帖子,页面和小部件准备区域(如侧边栏)。然而,使用内置的WordPress模块和工具创建一个漂亮的画廊布局是很困难的。

WordPress也没有优化来托管和播放视频。上传大量视频到你的网站意味着更长的加载时间和糟糕的访问者体验。

关于这个主题的更多信息,请参阅我们的指南,为什么你不应该直接在WordPress中上传视频。

相反,我们建议使用视频托管平台,如YouTube。一旦你有了一个YouTube频道,你就可以在WordPress中嵌入你所有的视频,而不会影响你网站的性能。

话虽如此,让我们看看如何在WordPress中创建一个视频库。

如何安装一个视频库插件

添加一个YouTube视频库到你的WordPress网站最简单的方法是使用Smash Balloon YouTube Feed插件。它是WordPress最好的YouTube视频库插件,被超过160万个网站使用。

注意:有一个YouTube Feed Free Plugin,可以让你在WordPress中显示你YouTube频道的最新视频。但是,我们将使用Pro版本,因为它允许您嵌入YouTube播放列表,收藏夹,直播流等等。

如果你已经有一个YouTube频道,那么你可以很容易地在WordPress中嵌入你所有的视频。如果你没有频道,那么你需要创建一个频道,并上传你想要嵌入WordPress网站的所有视频。

之后,您就可以安装并激活Smash Balloon YouTube Feed插件了。有关更多细节,请参阅我们关于如何安装WordPress插件的分步指南。

激活后,转到YouTube Feed»设置并在“许可证密钥”字段中输入您的许可证密钥。

你会在Smash Balloon网站你的帐户下找到这些信息。

输入密钥后,点击“激活”按钮。

如何连接你的WordPress网站到YouTube

一旦插件是活跃的,你可以继续并将它连接到你的YouTube频道。在YouTube Feed»Settings屏幕上,选择‘Add Source’按钮。

Smash Balloon现在会显示你所有的Google账号。

你可以从列表中选择一个帐户,或者点击“使用另一个帐户”来添加一个新的Google帐户。

之后,你会看到一个警告,Smash Balloon将可以访问你的YouTube频道。

如果你愿意继续,然后点击’ Continue’按钮。

#5#

为了避免任何中断,我们还建议创建一个YouTube API密钥并将其添加到插件’s设置中。

在新选项卡中,转到谷歌控制台并使用您的谷歌帐户登录。一旦你登录到控制台,点击“Google Home’在工具栏中。

如果这是你第一次登录Google Cloud Console,那么你需要接受提示的条款和条件。

完成后,单击“新建项目”。

您现在可以为项目输入一个名称。这只是供你参考,所以你可以用任何你想要的。之后,点击“创建”。

在工具栏中,单击“搜索”图标,然后输入“YouTube Data API”。在’ Marketplace ‘下,找到YouTube Data API并点击。

这将带您到一个可以启用YouTube API密钥的屏幕。

要做到这一点,点击“启用’按钮。

在左侧菜单中选择“Credentials”。

然后,单击“创建凭据”。’

在出现的下拉菜单中,单击’ API key ‘。’

几分钟后,您将看到’ API key created ‘消息。您需要将这些信息添加到Smash Balloon插件中,所以请记下它。

所有API key默认是不受限制的。为了防止其他人未经您的许可使用密钥,最好通过单击“编辑API密钥”链接来限制它。

这将打开一个显示所有密钥的屏幕。只需点击我们刚刚创建的YouTube键。

注意:如果你不小心关闭了弹出窗口,不要惊慌。您可以通过从左侧菜单中选择“凭据”进入相同的屏幕。

在“应用限制”下,选择“HTTP引用者(网站)”选项。

在“网站限制”下,点击“添加”。

你现在可以输入你的WordPress网站的地址,然后点击“完成”。’

为了帮助YouTube的Feeds访问API,你还需要输入www.googleapis.com,然后点击’ Done ‘。

在“API限制”下,单击“限制键”旁边的单选按钮。’

完成后,单击’ Select API ‘下拉菜单并选中’ YouTube Data API ‘旁边的框。’

之后,点击‘OK’。

当你对API密钥的设置感到满意时,点击“保存”按钮。

你现在已经准备好添加API密钥到你的WordPress网站。切换回WordPress仪表板,转到YouTube Feed»Settings

在这里,将密钥粘贴到“API密钥”字段中,然后单击“添加”。

#17#

如何在WordPress中创建视频库

现在你已经连接了WordPress和YouTube,创建视频库很容易。

只需转到YouTube Feed»All Feeds,然后单击“添加新”。

Smash Balloon YouTube Feed Pro可以让您嵌入所有不同类型的YouTube内容,包括播放列表,直播流和单个视频。

您甚至可以通过组合来自多个社交平台的帖子来创建社交墙。例如,您可以在一个图库中嵌入状态帖子、显示tweet、显示Instagram照片和显示YouTube视频。

我们想创建一个YouTube图库,所以选择‘然后点击‘Next.’

Smash Balloon现在会询问您的YouTube频道的ID或用户名。

要获得这些信息,请访问YouTube网站,然后单击右上角的个人资料图片。之后,选择“您的频道”。

现在,看看地址栏。如果你在“user/”之后看到一些文字,那么这就是你的YouTube频道用户名。

如果你看到’ channel/ ‘,然后是一串数字和字母,那么这就是通道ID。

只需复制该值并切换回您的WordPress仪表板。在这里,将信息粘贴到显示“输入通道ID或用户名’默认情况下。

当你准备好了,点击’ Next.’

你的下一个任务是选择模板,你将使用作为你的YouTube视频源的起点。所有模板都是完全可定制的,因此您可以根据希望的图库外观对设计进行微调。

因为我们正在创建一个YouTube图库,所以选择‘gallery ’然后点击‘Next.’

Smash Balloon现在将继续创建一个基本的YouTube图库。

如何自定义你的YouTube图库

Smash Balloon YouTube Feed Pro给你很多方法来自定义你的WordPress博客上的图库。考虑到这一点,有必要看看Smash Balloon编辑器中的不同设置。

在左边,你会看到你可以用来自定义YouTube视频在你的WordPress网站上的外观的所有设置。这些选项中的大多数都是不言自明的,但我们将快速介绍一些关键领域。

首先,你可以通过点击“Feed Layout”来改变视频的显示方式。

在此屏幕上,您可以在网格,画廊,列表和轮播布局之间切换。

根据您选择的布局,您可以访问一些额外的设置。

例如,如果您选择‘List’,那么您可以更改Smash Balloon显示的视频数量,并在YouTube视频之间创建更多空间。

当你进行更改时,预览会自动更新,所以你可以尝试不同的设置,看看什么看起来最适合你的视频库。

数据显示,90%的消费者使用移动设备观看视频,70%的人使用智能手机或平板电脑访问YouTube。考虑到这一点,您将希望确保视频库在移动设备上看起来和在桌面上一样好。

您可以使用右上角的一排按钮预览您的提要在台式电脑,平板电脑和智能手机上的外观。

在测试完你的WordPress网站的移动版本后,你可能想要改变你在智能手机和平板电脑上显示的视频数量。这可以帮助你的图库适应更小的平板电脑和智能手机屏幕。

如果您正在使用Gallery布局,那么Smash Balloon已经在移动设备和桌面电脑上显示了不同数量的列。

要更改默认设置,只需在‘Columns’section.

你现在已经准备好探索下一个设置屏幕,它是‘Color Scheme.’

默认情况下,Smash Balloon使用与你的WordPress主题相同的配色方案。然而,如果你喜欢,你可以切换到“浅色”或“深色”的配色方案。

另一个选择是通过选择“自定义”来设计自己的配色方案,然后使用控件更改背景色,编辑按钮颜色,更改文本颜色等。

接下来,你可能想在视频库的上方添加一个标题。这个标题显示了您的YouTube个人资料图片和频道名称,因此访问者可以确切地看到内容来自哪里。

要添加标题部分,请单击左侧菜单中的“header”。

在这个屏幕上,点击“Enable”滑块将它从灰色变成蓝色。

添加标题部分后,您可以使用控件在标准和文本标题样式之间切换。

如果你选择‘text ’,那么你可以改变文本的大小和颜色。默认情况下,这个头部显示了‘We are on YouTube.’您可以将其替换为您自己的消息,只需将其输入‘Text’盒子。

当您对标题的外观满意时,下一个设置屏幕是’Videos.’

这将带您到一个新的屏幕,您可以在其中微调每个视频的默认外观,当访问者悬停在它上面时,以及当它正在播放时。图>

<

& # 8216;视频风格,& # 8217;你可以在框式布局和常规布局之间切换。

如果你选择‘Boxed’,那么你可以改变背景色,添加阴影,或者增加边框半径来创建弯曲的角。

您还可以选择是否以水平或垂直布局显示视频。

下一个设置是‘Edit Individual Elements.’在这里,您可以从每个视频中添加和删除不同的元素,例如视频标题、描述和日期。

你也可以通过点击单个元素的名称来改变它的颜色和大小。

一些元素有额外的设置。例如,如果您选择‘Description’,那么您可以设置Smash Balloon将显示的最大字符数。

当你完成后,你可以移动到’Hover State’设置。

在这里,您可以更改访问者将鼠标悬停在视频上时显示的内容。

当访问者点击视频时,它将开始在嵌入式视频播放器中播放。你可以通过点击‘Video player Experience.’

在这里,您可以更改播放器的宽高比,并选择视频是自动开始播放还是等待访问者点击播放按钮。

如果您选择‘Call to Action’,那么您可以更改视频结束或访问者暂停播放时发生的情况。

默认情况下,Smash Balloon通过显示相关视频来尝试在您的YouTube频道上获得更多参与。您可能想要显示一个自定义链接,例如指向您的YouTube频道或您最受欢迎的WooCommerce产品的链接。

当你对播放器满意时,你可以点击‘自定义’返回Smash Balloon编辑器主界面。

之后,从左侧菜单中选择“加载更多按钮”选项。

‘ Load More ‘按钮让访问者可以轻松地滚动浏览更多视频。这可以增加你在YouTube上的参与度,让访问者在你的网站上停留更长时间。

话虽如此,您可能希望通过更改其背景颜色、悬停状态和文本颜色来使按钮脱颖而出。

此按钮默认显示’ Load More… ‘,但您可以通过在’ Text ‘字段中输入自定义消息来添加。

默认情况下,Smash Balloon显示‘Subscribe’按钮下方的视频库。

这个按钮让访问者更容易加入你的YouTube频道,所以你可能想要通过选择‘订阅按钮’从左边菜单。

在这个屏幕上,你可以改变按钮的背景色、悬停状态和文本颜色。

也可以替换‘Subscribe’输入‘Text’盒子。

当您对视频库的外观感到满意时,不要忘记单击“保存”来存储您的更改。现在您已经准备好将图库添加到您的网站。

您可以使用块,小部件或短代码将您的YouTube库添加到WordPress中。

如果您使用Smash Balloon创建了多个提要,那么如果您要使用块或小部件添加它,则需要知道gallery’s代码。

要获取代码,请转到YouTube Feed» All Feeds ,然后查看短代码的 Feed =""部分。您需要将这些代码添加到块或小部件中,因此请记下它。

在下面的例子中,我们需要使用feed="2"

如果你想在一个页面或帖子中嵌入你的视频库,那么我们建议使用’ Feeds for YouTube ‘块。

首先,打开想要嵌入YouTube视频库的页面或帖子。然后,点击“+”图标添加一个新的块,并开始输入“Feeds for YouTube”。

当右边的块出现时,点击将其添加到文章或页面。

该块将默认显示您的Smash Balloon提要之一。如果你想使用不同的feed,那么只需在右侧菜单中找到“短码设置”。

你现在可以添加feed=""代码到这个框。完成后,点击“Apply Changes’”按钮。

该块现在将显示您的YouTube频道的所有视频。只需发布或更新页面,使视频库直播。

另一种选择是将提要添加到任何准备好小部件的区域,例如侧栏或类似的部分。这使您可以在整个网站上显示画廊。

要做到这一点,只需转到WordPress仪表板中的Appearance»Widgets,然后点击蓝色的“+”按钮。

现在,开始在搜索栏中输入’ Feeds for YouTube ‘以找到正确的小部件。

之后,只需将其拖到要显示视频库的区域。

默认情况下,小部件将显示您使用YouTube Feed Pro插件创建的提要之一。要显示不同的提要,请在“短代码设置”框中键入提要的代码,然后单击“应用更改”。

你现在可以点击“更新”按钮使小部件生效。

有关更多信息,请参阅我们关于如何添加和使用小部件的分步指南。

您还可以使用短代码将您的视频库嵌入任何页面,帖子或小部件准备区域。要获得短代码,只需转到YouTube Feed» All Feeds并复制’ shortcode ‘列中的值。

然后,只需将此代码添加到您的站点。欲了解更多信息,请参阅我们关于如何在WordPress中添加短代码的详细指南。

最后,如果您正在使用启用块的主题,那么您可以使用全站编辑器在您的网站上的任何地方添加Feeds for YouTube块。

在WordPress仪表板中,简单地转到Appearance»Editor

默认情况下,全站编辑器将显示主题的主模板。如果您想将YouTube视频库添加到不同的模板中,然后单击“Home”旁边的箭头。

你现在可以从下拉菜单中选择一个模板。

如果你想使用一个不同的模板,然后点击’ Browse all templates ‘

全站编辑器现在将显示WordPress主题中所有模板的列表。只需单击要显示视频库的模板。

选择模板后,将鼠标悬停在要显示YouTube视频库的区域上。

然后,点击蓝色的“+”按钮。

一旦你完成了这些,开始输入“Feeds for YouTube”。

当出现正确的块时,单击将其添加到模板中。

与往常一样,Smash Balloon默认会显示提要。要更改此提要,只需按照上述相同的过程添加正确的短代码。

将您的视频库转换为WordPress Posts

到目前为止,我们已经看到Smash Balloon如何让您创建视频库并自定义它以与网站的其余部分完美匹配。这个插件还有一些你可能想要探索的功能,包括将你的视频库中的视频转换为WordPress帖子。

使用插件,您可以快速,轻松地创建一个帖子使用任何视频从您的YouTube频道。然后,您可以使用熟悉的WordPress仪表板和工具向该帖子添加其他内容。

当你发布帖子时,Smash Balloon将在屏幕顶部显示视频,以及一些信息,如标题和发布日期。

任何其他内容将出现在视频下方。

这比手动在博客文章中嵌入每个视频要快得多。它也是一种分享个人视频的简便方法。例如,你可以通过在社交媒体上进行推广或将其添加到电子邮件简报中来吸引人们阅读特定的帖子。

您的第一个任务是通过转到YouTube Feed » Settings来选择将出现在每个视频下面的信息。

在这里,选择单个视频选项卡。

只需勾选你想显示的每条信息旁边的方框

不要忘记点击‘Save Changes’存储您的设置。

之后,转到YouTube Feed»Single Videos。在这里,你会看到你使用Smash Balloon连接到WordPress的所有YouTube频道。

只要找到你想要使用的频道,并点击它的名称

你现在就可以看到这个频道的所有视频了。

只要找到你想要变成帖子的视频,点击它的‘Edit’链接。

你现在可以添加块,文本,和任何其他内容的文章。

当你准备好直播帖子和视频时,只需点击‘Publish’按钮正常。现在,如果你访问你的网站,你会看到新的视频帖子。

我们希望这篇文章能帮助你在WordPress中创建一个视频库。你可能也想看看我们关于如何加速你的WordPress网站的指南,以及我们专家挑选的最好的社交媒体插件。

更多有关于 Wordpress插件技巧

本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、Python、Objective-C、ActionScript、Pascal等单词的拼写,熟悉Windows、Linux、OS X、Android、iOS、WP8等系统的开关机。

通过下面的方式来联系我们:

电邮:138762189@qq.com

联系QQ:点击这里给我发消息

官方站:www.tadke.com

※ ※ 联系请加我的企鹅号 ※※

※ ※技术支持请微信联系站长 ※※

Copyright © 2023 Tadke.com. 琼ICP备20000547号