首页 » 博文 » wpbeginner » 最佳教程 » 如何在 WordPress 中嵌入 Facebook 视频

如何在 WordPress 中嵌入 Facebook 视频

您想在 WordPress 中嵌入 Facebook 视频吗?

您发布到 Facebook 的视频也可以为您的网站提供精彩内容。通过嵌入 Facebook 视频源,您可以使您的网站保持新鲜有趣,同时也可以增加您的 Facebook 关注者。

在本文中,我们将向您展示一种在 WordPress 中嵌入 Facebook 视频的简单方法。

如何在 WordPress 中嵌入 Facebook 视频

为什么要在 WordPress 中添加 Facebook 视频?

视频是与观众建立联系并让他们参与的好方法。无论您运行个人博客还是商业网站,都是如此。

然而,如果您想使用 WordPress 在线博客赚钱,视频尤其强大。事实上,根据最新的博客统计数据,88% 的人在观看视频后购买了产品或服务。

创建引人入胜且有趣的视频需要时间和精力,因此如果您将视频发布到 Facebook,那么在您的 WordPress 网站上重复使用它们是有意义的。

嵌入视频还可以帮助扩大您的 Facebook 页面。如果访问者喜欢这些视频,那么他们可能会决定开始在 Facebook 上关注您。

话虽如此,让我们看看如何轻松地将 Facebook 视频嵌入 WordPress 中。

在 WordPress 中安装 Facebook 视频插件

在 WordPress 中嵌入 Facebook 视频的最简单方法是使用Custom Facebook Feed Pro插件。

它是最好的社交媒体源插件,可让您轻松在 WordPress 网站上嵌入 Facebook 相册、评论、评论、社区帖子、视频等。

使用 Smash Balloon 创建的 Facebook 视频源

通过使用 Smash Balloon 将您的网站链接到您的 Facebook 帐户,您发布到 Facebook 的任何新视频都会自动显示在您的网站上。通过这种方式,您只需很少的日常工作就可以使您的网站保持新鲜。

在本指南中,我们将使用 Smash Balloon 的专业版,因为它允许您在 WordPress 中嵌入视频,包括高清、360 °和 Facebook Live 视频。

Smash Balloon Pro 还允许您在自定义 Facebook feed中显示照片,并在每个帖子下方显示点赞、分享、评论和反应的总数。

但是,如果您刚刚开始并且预算有限,那么您还可以使用免费版本。

首先,安装并激活Custom Facebook Feed Pro插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。

激活后,前往Facebook Feed » 设置,然后在“许可证密钥”字段中输入您的许可证密钥。

在 WordPress 中添加 Smash Ballon 许可证

您可以在 Smash Balloon 网站上您的帐户下找到此信息。

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

将您的 Facebook 页面或群组连接到 WordPress

Smash Balloon 允许您嵌入 Facebook 页面或Facebook 群组提要中的视频。您甚至可以在灯箱弹出窗口中显示视频,以便人们可以直接在您的 WordPress 网站上观看完整视频。

第一步是将您的 Facebook 页面或群组连接到 WordPress,因此请转到Facebook Feed » 所有 Feed,然后单击“添加新的”。

如何在 WordPress 中嵌入 Facebook 视频

Smash Balloon 允许您在 WordPress 中添加 Facebook 活动日历、显示 Facebook 状态、嵌入时间线等等。

由于我们想要在 WordPress 中嵌入 Facebook 视频,因此您需要选择“视频”,然后单击“下一步”。

使用 Smash Balloon 创建 Facebook 视频源

现在,您需要选择从中获取视频的 Facebook 页面或群组。

为此,请单击“添加新项”。

选择 Facebook 视频嵌入的来源

接下来,选择是否要显示 Facebook 页面或群组中的视频。

完成后,点击“连接到 Facebook”。

如何将 Facebook 连接到 WordPress

这将打开一个弹出窗口,您可以在其中登录 Facebook 帐户并选择要与 Smash Balloon 一起使用的页面或群组。

之后,单击“下一步”。

将 Facebook 帐户连接到 WordPress

现在,Facebook 将显示 Smash Balloon 可以访问的所有信息以及它可以执行的操作。

要限制 Smash Balloon 访问您的 Facebook 帐户,只需单击以禁用任何开关即可。

请注意,这可能会影响您可以嵌入WordPress 博客或网站的视频,因此我们建议启用所有开关。

授予 Smash Balloon 访问您的 WordPress 网站的权限

如果您对权限的设置感到满意,请单击“完成”。

几分钟后,您应该会看到一条消息,确认您已将WordPress 网站连接到 Facebook。完成后,您就可以单击“确定”。

将 Facebook 页面和群组连接到 WordPress

Smash Balloon 现在会自动将您返回到 WordPress 仪表板。

如何在 WordPress 中嵌入 Facebook 视频

此时,您将看到一个弹出窗口,其中包含您刚刚链接到您的网站的 Facebook 群组或页面。只需选择您要使用的页面或组旁边的单选按钮,然后单击“添加”按钮即可。

选择要与 WordPress 一起使用的 Facebook 页面或群组

如果您不小心关闭了弹出窗口,请不要担心。您只需刷新页面即可重新打开弹出窗口。

完成此操作后,WordPress 将自动带您返回Facebook Feed » 所有 Feed页面。就像以前一样,单击“添加新内容”,选择“视频”,然后单击“下一步”。

现在,选择您的 Facebook 页面或群组,然后单击“下一步”。

选择要与 WordPress 一起使用的 Facebook 页面或群组

在此屏幕上,您可以选择要用于视频源的模板。

所有这些模板都是完全可定制的,因此您可以根据您想要如何在网站上显示 Facebook 视频来微调设计。

我们使用“默认”模板,但您可以选择任何您想要的模板。做出选择后,单击“下一步”。

使用 WordPress 视频模板

之后,您可以选择是显示 Facebook 页面或群组中的所有视频,还是仅显示特定播放列表中的视频。

如果您选择“从特定播放列表显示”,则需要输入该播放列表的 URL。

将 Facebook 播放列表添加到 WordPress

做出决定后,请继续并单击“下一步”按钮。

Smash Balloon 现在将根据您的来源和您选择的模板创建一个提要。这是一个好的开始,但您可能需要微调视频在您网站上的显示方式。

如何自定义嵌入的 Facebook 视频

Smash Balloon Custom Facebook Feed 插件为您提供了多种方法来自定义视频在您网站上的显示方式。话虽如此,这些设置还是值得一看的。

在 WordPress 仪表板中,转到Facebook Feed » 所有 Feed。在这里,找到您刚刚创建的视频源,然后单击它旁边的“编辑”按钮,该按钮看起来像一支小铅笔。

为 WordPress 自定义 Facebook 视频源

这将打开提要编辑器,其中显示WordPress 中社交媒体提要的预览。

在左侧,您将看到可用于自定义这些视频在 WordPress 网站上的显示方式的所有不同设置。大多数设置都是不言自明的,但我们将快速介绍主要区域。

Smash Balloon 视频源编辑器

如果您想更改模板,请单击“模板”。

然后,选择“更改”按钮。

更改 Facebook 视频源布局

这将打开一个弹出窗口,显示可用于视频源的所有不同模板。

只需选择您想要使用的设计,然后单击“更新”即可。

更改视频源布局

下一个设置是“Feed Type”,它允许您在 Feed 中显示不同的内容。

例如,您可能决定在 WordPress 中嵌入 Facebook 相册、显示时间线或添加事件日历。

由于您要嵌入 Facebook 视频,因此您通常会希望忽略此区域。

接下来,点击“提要布局”。

在您的 WordPress 网站中嵌入 Facebook 视频

在此屏幕上,您可以在不同布局之间切换并更改进纸高度。您甚至可以 通过选择“轮播”布局来创建响应式滑块。

当您进行更改时,预览将自动更新,因此您可以尝试不同的设置以查看最佳效果。

更改社交媒体提要布局

默认情况下,Smash Balloon 将在台式电脑和智能手机等移动设备上显示相同数量的视频。

您可以使用右上角的一排按钮预览视频在台式电脑、平板电脑和智能手机上的显示效果。

在智能手机和平板电脑上测试视频源

移动设备通常具有较小的屏幕,可能难以处理大量大的高分辨率视频。访客也可能使用移动数据而不是免费 Wi-Fi。

话虽如此,您可能希望在智能手机和平板电脑上显示更少的视频。为此,只需在“帖子数量”下的“手机”字段中输入不同的数字即可。

创建移动响应式 Facebook 视频源

默认情况下,与台式电脑相比,Facebook feed 在智能手机和平板电脑上显示的栏目较少。这有助于您的所有视频轻松适应较小的屏幕。

但是,在测试 WordPress 网站的移动版本后,您可能对这些列在平板电脑和智能手机上的显示效果不满意。

您可以使用“列”设置更改 Smash Balloon 在平板电脑、手机和台式电脑上使用的列数。

更改移动响应式布局中的列

下一个设置页面是“配色方案”。

默认情况下, Smash Balloon 使用从WordPress 主题继承的颜色,但在此屏幕上,您可以切换到“浅色”或“深色”配色方案。

另一种选择是通过选择“自定义”来创建您自己的配色方案,然后使用控件更改背景颜色、更改 WordPress 中的文本颜色等。

将自定义配色方案添加到社交媒体源

Smash Balloon 可以向您的 Feed 添加标题,即您的 Facebook 个人资料图片以及页面或群组的名称。这可以让访问者知道嵌入视频的来源,以及他们可以在 Facebook 上找到此内容。

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

更改粉碎气球标题设置

然后您可以单击“启用”开关。

添加标题后,您可以更改该区域的外观,包括隐藏或添加您的 Facebook 个人资料图片、更改简介文本的大小等。

从 WordPress 嵌入中删除 Facebook 标头

如果您想完全删除标题,请单击以关闭“启用”开关。

默认情况下,Smash Balloon 显示每个视频的标题。如果您想隐藏标题,请从 Smash Balloon 编辑器主菜单中选择“帖子”。

然后,继续并单击“帖子样式”。

更改视频帖子样式

在此屏幕上,您可以通过单击“显示视频标题”滑块来隐藏视频标题。

如果您尚未为所有视频添加标题,或者您的标题在 Facebook 之外没有意义,这可能会很有用。

隐藏 Facebook 视频标题

在此屏幕上,您还可以隐藏或显示视频说明。例如,您可以使用这些描述来提供有关视频的额外信息。

要添加描述,只需单击启用“显示视频描述”开关即可。

默认情况下,Smash Balloon 不会将 Facebook“喜欢”按钮添加到您的视频源中。如果访问者喜欢您嵌入的视频,那么他们可能想在 Facebook 上关注您。

话虽如此,您可能希望通过从编辑器的左侧菜单中选择“喜欢框”来向提要添加“喜欢”按钮。

之后,只需单击“启用”按钮即可使其变为蓝色。

向 WordPress 添加 Facebook 点赞按钮

Smash Balloon 会在您的视频源下方添加此按钮,但您可以通过打开“位置”下拉列表并选择“顶部”来更改此按钮。

在此屏幕上,您还可以更改“喜欢”部分的外观,包括更改其宽度、显示有多少人在 Facebook 上关注您、添加自定义号召性用语 

如何在 WordPress 中自定义 Facebook Like 按钮

当您对按钮的外观感到满意时,可以通过选择“加载更多按钮”进入下一个设置页面。

“加载更多”按钮鼓励访问者滚动浏览更多视频源,因此 Smash Balloon 默认将其添加到您嵌入的 Facebook 源中。

向 WordPress 添加“加载更多”按钮

由于它是如此重要的按钮,您可能需要通过更改背景颜色、悬停状态、标签等来自定义它。

另一种选择是通过单击“启用”开关来完全删除该按钮。例如,您可以删除此按钮,然后鼓励访问者查看您的 Facebook 页面以观看更多视频。

从 WordPress 中删除“加载更多”按钮

默认情况下,Smash Balloon 允许访问者在不离开您的 WordPress 网站的情况下观看您的 Facebook 视频。

他们只需单击任何视频缩略图即可在灯箱中将其打开,如下图所示

Smash Balloon 的灯箱弹出功能

访问者可以使用箭头滚动浏览源中的视频。

如果他们想喜欢照片、发表评论或将视频分享到他们的页面,那么他们可以点击“在 Facebook 上查看”链接。

由 Smash Balloon 创建的“在 Facebook 上查看”链接

您可以通过几种不同的方式来自定义 Smash Balloon 的默认灯箱。

要查看您的选项,请单击左侧菜单中的“灯箱”。

使用 Smash Balloon 自定义灯箱弹出窗口

在这里,您可以更改链接颜色、自定义文本以及添加背景颜色。

灯箱功能允许访问者在弹出窗口中观看您的视频。如果您愿意,可以禁用灯箱,以便所有视频都以小缩略图形式播放,嵌入到页面内容中。

通过这种方式,您可以鼓励人们访问您的 Facebook 页面,观看全尺寸视频。要禁用灯箱,只需单击“启用”开关即可将其从蓝色变为灰色。

禁用灯箱弹出功能

当您对视频源的外观感到满意时,请不要忘记单击“保存”。

您现在已准备好将 Smash Balloon 源嵌入到您的网站上。

如何将 Facebook 视频添加到 WordPress

借助 Smash Balloon,您可以使用块、小部件或短代码将视频源添加到您的 WordPress 网站。

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

要获取此代码,请转到Facebook Feed » 所有 Feed,然后查看“短代码”下的值。您需要将此代码添加到块或小部件中,因此请记下它。

在下图中,我们需要使用 custom-facebook-feed feed=1.

Facebook 视频短代码示例

如果您想将 Facebook Feed 嵌入页面或帖子中,我们建议您使用自定义 Facebook Feed 块。

只需打开您想要嵌入 Facebook 视频的页面或帖子即可。然后,单击“+”图标添加新块并开始输入“自定义 Facebook Feed”。

当右侧块出现时,单击将其添加到页面或帖子中。

自定义 Facebook Feed WordPress 块

默认情况下,该块将显示您的 Smash Balloon feed 之一。如果您想使用不同的视频源,请在右侧菜单中找到“短代码设置”。

您现在可以将 custom-facebook-feed feed=1 代码添加到此框中。之后,单击“应用更改”。

如何使用短代码嵌入 Facebook 视频

该块现在将显示来自您的 Facebook 页面或群组的视频。只需发布或更新页面即可使视频源在您的网站上发布。

另一种选择是将提要添加到任何小部件就绪区域,例如侧边栏或类似部分。这允许访问者从您网站的任何页面观看您的 Facebook 视频。

只需转到外观»小部件,然后单击蓝色的“+”按钮。

使用小部件将视频添加到 Facebook

之后,找到“自定义 Facebook Feed”小部件。

然后,只需将其拖到您要显示视频源的区域即可。

使用小部件嵌入 Facebook 视频

该小部件将自动显示您的 Smash Balloon 源之一。

要显示不同的提要,请将提要的代码键入或粘贴到“短代码设置”框中,然后单击“应用更改”。

如何使用小部件嵌入 Facebook 视频

现在,您可以通过单击“更新”按钮使小部件生效。有关更多信息,请参阅我们有关如何在 WordPress 中添加和使用小部件的分步指南。

最后,您可以使用短代码将视频嵌入到任何页面、帖子或小部件就绪区域。

只需转到Facebook Feed » 所有 Feed并复制“短代码”列中的代码即可。您现在可以将此代码添加到任何简码块中。

如需放置短代码的帮助,请参阅我们有关如何添加短代码的指南。

在 WordPress 中添加特定的 Facebook 视频

有时您可能想在页面或帖子中嵌入特定的 Facebook 视频。例如,您可能有一个与您最新博客讨论相同主题的 Facebook 视频,或者一个展示您刚刚在在线商店推出的产品的宣传视频。

要嵌入特定视频,您需要购买并安装特色帖子扩展程序,因为它允许您使用其 ID 显示特定帖子或事件。

首先,转到Facebook Feed » 扩展

在这里,找到“精选帖子”扩展程序,然后单击其“添加”按钮。

如何安装特色帖子 WordPress 扩展

这将在新选项卡中打开 Smash Balloon 网站,其中包含有关如何购买扩展程序的说明。

获得扩展后,您可以按照与安装插件完全相同的方式安装它。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。

激活插件后,转到Facebook Feed » All Feeds,然后单击“添加新的”。

在“高级摘要类型”下,选择“单个精选帖子”,然后单击“下一步”。

如何在 WordPress 中显示特定的 Facebook 视频

现在,您可以按照上述相同过程选择要用作源的页面或组。

在下一页上,您需要输入要嵌入的视频的 ID。

将 Facebook 帖子 URL 或 ID 添加到 WordPress

要获取此 ID,只需在新选项卡中访问 Facebook,然后打开您要嵌入的视频即可。

您现在可以继续复制 URL。

如何获取 Facebook 视频的帖子 ID

之后,只需将 URL 发布到 WordPress 仪表板中的“发布 URL 或 ID”框中,然后单击“下一步”。

完成此操作后,您可以设置视频样式,然后按照上述相同过程将其添加到您的网站。

奖励: 如何向 WordPress 添加更多社交媒体源

如果您想在 WordPress 中嵌入 Facebook 视频,那么 Smash Balloon Facebook Feed 插件是一个不错的选择。 

然而,许多网站拥有多个社交媒体帐户,例如 YouTube 频道、Twitter 个人资料和 Instagram 帐户。如果您为每个平台创建独特的内容,那么在您的 WordPress 网站上展示它是有意义的。

如果您还在 YouTube 上发布视频,那么您可能希望 显示 YouTube 频道中的最新视频

YouTube 视频,嵌入 WordPress 网站

如果您经营一家在线商店或企业,那么您可能有一些想要向访问者展示的 Facebook 评论。

您可以使用Reviews Feed Pro将这些评论添加到您的网站。

Facebook 评论,嵌入 WordPress 网站

将评论源嵌入您的网站后,新评论将自动显示在您的网站上。这意味着访问者将始终看到最新的评论,而无需您手动将其添加到您的网站。

有关分步说明,请参阅我们关于如何在 WordPress 中显示 Google、Facebook 和 Yelp 评论的指南。

我们希望本文向您展示如何在 WordPress 中嵌入 Facebook 视频。您可能需要查看我们关于如何创建电子邮件通讯的指南以及我们专家精选的最佳YouTube 视频库插件

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top