首页 » 博文 » wpbeginner » 最佳教程 » 如何在 WordPress 中嵌入 Facebook 状态帖子

如何在 WordPress 中嵌入 Facebook 状态帖子

您是否正在寻找在 WordPress 中嵌入 Facebook 状态帖子的方法?

Facebook 状态是与受众分享重要更新和时间敏感信息的简单方法。通过在 WordPress 中嵌入您的 Facebook 时间线,您可以获得更多参与度,让人们知道您的 Facebook 页面或群组上发生了什么,并获得更多关注者。

在本文中,我们将向您展示如何在 WordPress 中嵌入 Facebook 状态帖子。

如何在 WordPress 中嵌入 Facebook 状态帖子

为什么要在 WordPress 中嵌入 Facebook 状态?

根据我们的营销研究统计, Facebook 是全球最受欢迎的社交媒体平台,每月拥有 29 亿活跃用户。这使得 Facebook 成为与新受众建立联系并与已经了解您品牌的人互动的完美场所。

Facebook 还非常适合实时共享时间敏感的信息。这样,你就可以利用 FOMO来营造一种紧迫感。

例如,您可以发布一个状态,说明访问者如何没有时间在 WordPress 中输入您的赠品或利用您的闪购。

但是,如果人们只是访问您的网站,则不会看到您的 Facebook 状态。通过在 WordPress 中嵌入您的 Facebook 状态帖子,您可以宣传您的社交媒体页面并鼓励更多人在 Facebook 上关注您。

话虽这么说,让我们看看如何在 WordPress 中嵌入 Facebook 状态帖子。

将 Facebook 状态插件添加到 WordPress

在 WordPress 中嵌入 Facebook 状态源的最简单方法是使用免费的Smash Balloon 社交帖子源

该插件可让您显示 Facebook 页面或群组中的文本和链接。

嵌入 WordPress 网站的 Facebook 帖子时间线。

当您发布新状态时,它们将自动显示在您的网站上。这非常适合让您的网站保持新鲜有趣,即使对于普通访问者也是如此。

在本指南中,我们将使用 Smash Balloon 的免费版本,因为无论您的预算是多少,它都允许您嵌入 Facebook 状态。

注意:还有一个高级Smash Balloon Facebook Feed插件,可让您嵌入不同类型的内容。例如,您可以在 WordPress 中嵌入 Facebook 视频,并在网站上的灯箱弹出窗口中显示图像和视频。

您需要做的第一件事是安装并激活 Smash Balloon Social Post Feed 插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的指南。

之后,您需要通过转到Facebook Feed » All Feeds将 Smash Balloon 连接到您的 Facebook 页面或群组。在这里,点击“添加新的”。

如何创建自定义 Facebook feed

Smash Balloon Pro 可让您在 WordPress 中嵌入 Facebook 相册、添加 Facebook 日历、显示整个社交媒体时间线等等。

但是,免费版本仅允许您嵌入 Facebook 状态,因此单击“时间轴”,然后选择“下一步”。

免费的 Smash Balloon WordPress 插件

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

首先,单击“添加新项”。

将 Facebook 页面或群组添加到您的 WordPress 网站

在下一个屏幕上,选择是否要嵌入 Facebook 群组或 Facebook 页面的提要。

之后,继续点击“连接到 Facebook”。

如何将 Facebook 页面或群组连接到 WordPress 网站

这将打开一个弹出窗口,您可以在其中登录您的 Facebook 帐户并选择您想要从中获取状态更新的页面或群组。

完成此操作后,请单击“下一步”。

授予 Smash Balloon 访问您的 Facebook 帖子的权限

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

要限制 Smash Balloon 访问您的 Facebook 帐户,只需单击任意开关将其从“是”更改为“否”。请注意,这可能会影响您可以嵌入WordPress 博客或网站的内容。

考虑到这一点,最好启用所有开关。

使用免费插件连接 Facebook 和 WordPress

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

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

成功连接 Smash Balloon 和 Facebook

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

如何在 WordPress 中嵌入 Facebook 状态帖子

您现在将看到一个弹出窗口,其中包含您刚刚添加的 Facebook 群组或页面。只需选择您要使用的社交媒体帐户旁边的单选按钮,然后单击“添加”。

选择页面或群组作为您的 Facebook 来源

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

之后,Smash Balloon 会自动带您返回Facebook Feed » 所有 Feed页面。就像以前一样,单击“添加新”按钮,选择“时间轴”,然后单击“下一步”按钮。

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

在 WordPress 中嵌入 Facebook 状态帖子

Smash Balloon 现在将继续从您选择的 Facebook 页面或群组创建社交媒体源。

这是一个好的开始,但是 Smash Balloon 有很多设置,您可以使用它们来自定义嵌入的时间线。

如何自定义嵌入的 Facebook 状态帖子

要微调您的时间线,请转到WordPress 仪表板中的Facebook Feed » All Feeds 。

在这里,找到您刚刚创建的时间线提要,然后单击旁边的“编辑”按钮。

自定义 Facebook 状态时间线提要

这将打开 Smash Balloon 源编辑器,其中显示WordPress 中 Facebook 时间线的预览。

在左侧,您将看到可用于自定义时间线在网站上的外观的所有不同设置。大多数设置都是不言自明的,但我们将很快涵盖所有主要区域。

在 WordPress 中自定义 Facebook 状态帖子

首先,您可以通过单击“源布局”来更改状态的显示方式。

在此屏幕上,您可以在列表布局和砖石布局之间切换,以及更改提要高度。当您进行更改时,预览会自动更新,因此您可以尝试不同的设置,看看什么最适合您的网站。

Smash Balloon 的 Feed 布局设置

您可以使用右上角的一排按钮预览状态源在台式计算机、平板电脑和智能手机上的外观。

移动设备通常具有较小的屏幕和较低的处理能力,因此,如果您对提要的外观不满意,那么明智的做法是在平板电脑和智能手机上显示较少的状态。

在移动设备上测试您的 Facebook 帖子状态

要进行此更改,只需在“帖子数量”部分的“手机”字段中输入不同的数字即可。

通过尝试不同的布局,您可以创建在所有设备上看起来都很棒的 Facebook 状态源。

如何为移动设备创建响应式社交媒体布局

默认情况下,Smash Balloon feed 在智能手机和平板电脑上显示的列数少于台式计算机上的列数。这有助于您的 Facebook 状态在较小的屏幕上舒适地显示。

测试 WordPress 网站的移动版本后,您可能希望在智能手机和平板电脑上显示更少的栏目。

为此,只需更改“列”下的数字即可。

在 Facebook 状态源中添加和删除列

如果您对提要的外观感到满意,请单击“自定义”链接。

这将带您返回主 Smash Balloon 编辑器,准备好探索下一个设置屏幕,即“配色方案”。

更改 Facebook 状态源中的配色方案

默认情况下,Smash Balloon 使用从WordPress 主题继承的配色方案,但您也可以切换到“浅色”或“深色”外观。

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

使用 Smash Balloon 创建自定义配色方案

默认情况下,Smash Balloon 会在您的 Feed 中添加一个标题,即您的 Facebook 个人资料图片以及群组或页面的名称。

要自定义此部分,请单击左侧菜单中的“标题”。

更改 Facebook 自定义提要标头

在这里,您可以更改标题大小、隐藏您的 Facebook 个人资料图片、更改背景颜色等等。

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

向 Facebook 状态源添加标头

接下来,您可以通过从左侧菜单中选择“帖子样式”来更改各个帖子在提要中的外观。

之后,再次单击“帖子样式”。

使用 Smash Balloon 自定义 Facebook 状态源

在此屏幕上,您可以在常规布局和盒装布局之间进行选择。

如果您选择“盒装”,则可以为每个 Facebook 帖子创建彩色背景。您还可以添加框阴影或更改边框半径。

将彩色框背景添加到嵌入的 Facebook 帖子状态

如果您选择“常规”,则可以更改分隔不同社交媒体帖子的线条的粗细和颜色。

在下图中,我们向 Facebook 状态源添加了一条较粗的线。

为 Smash Balloon Facebook feed 添加边框

您还可以返回主设置屏幕来自定义每个状态中的各个部分。

再次选择“帖子样式”,但这次选择“编辑单个元素”。

自定义 Facebook 状态源中的帖子

现在,您将看到 Smash Balloon 在每个帖子中包含的所有不同内容的列表,例如日期、帖子作者和活动标题。

要从提要中删除一段内容,只需单击取消选中其框即可。

如何从实时 Facebook 源中删除内容

您还可以通过单击来自定义每种类型的内容的外观。

例如,在下图中,您可以看到用于更改作者文本的大小和颜色的设置。

自定义帖子作者在 WordPress 中的显示方式

默认情况下,Smash Balloon 不会在您的 Feed 中包含 Facebook“点赞”按钮。

此按钮使访问者可以更轻松地在 Facebook 上关注您,因此您可能需要通过选择“点赞框”设置将其添加到您的状态源中。

向 Facebook 状态源添加“赞”按钮

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

现在,您可以使用这些设置来更改链接框的显示位置以及框中包含的内容类型,例如您的 Facebook 封面照片和关注者总数。您还可以添加自定义号召性用语

向嵌入式 Facebook 状态页面添加“赞”按钮

如果您升级到 Smash Balloon 高级版,那么还有更多设置可供探索。其中包括灯箱功能,允许您在 WordPress 中嵌入 Facebook 视频。您还可以添加“加载更多”按钮,以便访问者可以滚动浏览整个Facebook 活动日历、相册、照片和其他内容。

由于您使用的是免费版本的 Smash Balloon,因此请继续并单击“保存”来存储您的更改。

下一步是将 Facebook 状态源添加到您的 WordPress 网站。

如何在 WordPress 中嵌入 Facebook 状态帖子

您可以使用块、小部件或短代码将 Facebook 状态源添加到 WordPress。

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

要获取此信息,只需转到Facebook Feed » 所有 Feed,然后复制“短代码”下的文本。

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

使用简码将 Facebook 状态添加到 WordPress

如果您想将 Facebook 状态嵌入页面或帖子中,我们建议您使用内容编辑器中的“自定义 Facebook Feed”块。

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

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

使用 WordPress 块将 Facebook 时间线添加到您的网站

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

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

使用简码将 Facebook 状态添加到您的网站

该块现在将显示您的 Facebook 页面或群组的所有状态更新。只需发布或更新页面即可使提要生效。

另一种选择是将提要添加到任何小部件就绪区域,例如侧边栏或类似部分。这使访问者可以在整个网站上查看您最新的 Facebook 更新。

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

Smash Balloon 自定义 Facebook Feed 小部件

现在,开始在搜索栏中输入“自定义 Facebook Feed”以查找正确的小部件。

现在,您可以将其拖到要显示 Facebook 状态更新的区域。默认情况下,小部件将显示您使用 Smash Balloon 创建的提要之一。

将社交媒体小部件添加到您的 WordPress 网站

要显示不同的提要,请在“短代码设置”框中输入提要的代码,然后单击“应用更改”。

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

使用小部件将 Facebook 状态更新添加到 WordPress

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

最后,您可以使用短代码将您的状态嵌入到任何页面、帖子或小部件就绪区域。要获取短代码,只需转到 Facebook Feed » 所有 Feed 并复制“短代码”列中的值。

您现在可以将此代码添加到您的网站。有关更多信息,请参阅我们有关 如何在 WordPress 中添加短代码的详细指南。

奖励:在 WordPress 中嵌入推文和 Instagram 帖子

如果您想在 WordPress 中嵌入 Facebook 状态帖子,那么 Smash Balloon Social Post Feed 是一个不错的选择。

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

您可以使用免费的 Smash Balloon 社交照片源插件轻松将 Instagram 嵌入 WordPress

Smash Balloon Instagram 源编辑器

如果您想在帖子、页面或小部件就绪区域中嵌入实际的推文,那么您可以使用免费的 Smash Balloon  Custom Twitter Feeds插件。

该插件允许您创建显示不同 Twitter 主题标签、帐户和时间线的自定义提要。

嵌入 WordPress 博客或页面的 Twitter 提要

我们希望本文能帮助您了解如何在 WordPress 中嵌入 Facebook 状态帖子。您可能还想查看我们的指南,了解 如何创建电子邮件通讯 和 最佳 WordPress Facebook 插件来发展您的博客

发表评论

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

Scroll to Top