你想在WordPress中显示你的Facebook时间线帖子吗?
通过将你的Facebook更新添加到WordPress,你可以保持你的网站的新鲜和有趣,同时也鼓励访问者在Facebook上关注你。
在这篇文章中,我们将告诉你如何在WordPress中轻松显示你的Facebook时间线。
在WordPress中显示你的Facebook时间线
在WordPress中嵌入你的Facebook时间线的最简单的方法是通过使用 Smash Balloon Custom Facebook Feed插件。
这个插件可以让你 嵌入Facebook相册,评论,评论,社区帖子,以及更多在你的网站上。
在本指南中,我们将使用Smash Balloon premium,因为它允许你从你的Facebook时间轴上显示照片和视频。
访客还可以在灯箱弹出式窗口中滚动浏览你的内容,而不必离开你的网站。 然而,也有一个 免费版本 允许你从你的时间轴上显示文本和链接,无论你的预算如何。
激活后,你需要到 Facebook Feed ” 设置 并在 “许可证密钥 “栏中输入你的许可证密钥。
你可以在下面找到这些信息 您的账户 在Smash Balloon网站上。
输入密钥后,点击 “激活 “按钮。
将一个Facebook页面或群组连接到WordPress
接下来,你需要决定是显示Facebook页面的时间线还是群组的时间线。我们将使用一个Facebook页面,但对于Facebook群组来说,步骤大致相同。
要想更详细地了解群组,请看我们的完整指南。 如何在WordPress中嵌入一个Facebook群组的信息.
要将你的Facebook页面或小组连接到WordPress,请到 Facebook提要 ” 所有提要 然后点击’添加新的’。
Smash Balloon让你创建不同的feeds来显示你的Facebook相册、事件、时间线等。
由于我们想在WordPress中显示我们的Facebook时间线,你需要点击‘时间线’,然后点击‘下一步.’。
之后,你可以选择你想添加到你的网站上的Facebook页面或小组。
只需点击‘添加新的’就可以开始了。
在下一个屏幕上,选择你是否要嵌入页面或小组的时间线。
做出这个决定后,继续点击 “连接到Facebook”。
这将打开一个弹出窗口,你可以登录到你的Facebook账户,并选择你想使用的页面或组。
之后,点击’下一步’。
一旦你这样做了,Facebook会显示Smash Balloon可以访问的所有信息,以及它可以在你的Facebook页面或群组上执行的操作。
要限制Smash Balloon对你的Facebook账户的访问,只需点击任何一个开关,把它从’是’变成’否’。只是要注意,这可能会限制出现在你的Facebook内容。 WordPress博客 或网站。
考虑到这一点,你应该尽可能让所有的开关都处于启用状态。
接下来,点击’Done’按钮。
几分钟后,你应该看到一条信息,确认你已经链接了你的 WordPress网站 到Facebook。现在你’已经完成了,是时候点击’确定’了。
Smash Balloon现在会自动带你回到WordPress仪表板。
如何在WordPress中嵌入你的Facebook时间线
在这一点上,你会看到一个弹出窗口,上面有你刚刚连接到WordPress的小组或页面。
只要选择这个来源旁边的单选按钮,然后点击 “添加 “按钮。
如果你不小心关闭了弹出窗口,不要担心。只要刷新标签就可以重新打开弹出窗口。
在那之后,WordPress会带你回到 Facebook提要 ” 所有提要 页面自动。就像以前一样,点击 “添加新 “按钮,选择 “时间轴”,然后点击 “下一步 “按钮。
现在,选择你的Facebook页面或小组,并点击’下一步’。
你可以选择一个模板来作为你的嵌入式时间线的起点。所有这些模板都是完全可定制的,所以你可以根据你想在WordPress网站上显示时间线的方式来微调设计。
我们使用的是 “默认 “模板,但你可以选择任何你想要的模板。如果你对模板不满意,你也可以在以后改变它。
当你准备好了,点击’下一步’按钮。
Smash Balloon现在将继续前进,并根据你的模板和你的Facebook页面或群组创建一个时间线饲料。这是一个好的开始,但你可能想微调时间线在你的WordPress网站上的样子。
如何定制你的嵌入式Facebook Feed
Smash Balloon Custom Facebook Feed插件为你提供了很多方法来定制时间线在你网站上的显示方式。考虑到这一点,让我们看看你可以对你的Facebook时间线做出哪些不同的改变。
在 脸谱网 ” 所有资料 页面,找到你的时间线提要,然后点击它的 “编辑 “按钮,它看起来像一支小铅笔。
这将打开Smash Balloon馈送编辑器,它显示了右边的Facebook小组或页面时间线的预览。
在左侧,你会看到所有的设置,你可以用来改变时间线的外观。这些设置中的大多数都是不言自明的,但我们将快速涵盖每个领域。
如果你对feed的外观不满意,那么你可以点击‘Template’菜单选项,尝试不同的模板。
然后,选择 “改变 “按钮。
之后,你可以通过点击’Feed Layout’改变你的帖子的显示方式。
在这个屏幕上,你可以在列表式和砖石式布局之间切换。当你做出改变时,预览将自动更新,所以你可以尝试不同的布局,看看什么看起来最适合你的Facebook时间线。
你还可以改变Feed的高度,以及Smash Balloon在桌面电脑、智能手机和平板电脑上显示的帖子数量。
如果你确实改变了帖子的数量,那么你可以使用右上角的一排按钮预览你的饲料在桌面电脑和移动设备上的样子。
当 测试你的WordPress网站的移动版本,你可能还想改变Smash Balloon在桌面、平板电脑和智能手机上显示的列数。
例如,在下图中,我们在桌面上将内容分成4列,在平板电脑上分成3列,在移动设备上分成2列。这可以帮助你的时间轴在屏幕上舒适地排列,无论访客使用哪种设备。
当你对布局感到满意时,点击 “自定义 “链接。
这将带你回到主粉碎气球编辑器,所以你可以进入下一个菜单选项,也就是’颜色方案’。
默认情况下,你的时间线将使用与你的 WordPress主题但这个屏幕也允许你在 “浅色 “和 “深色 “布局之间切换。
你甚至可以通过选择’自定义’来创建你自己的颜色方案,然后使用设置来 改变背景颜色,链接的颜色。 改变文本的颜色在WordPress的,以及更多。
默认情况下,Smash Balloon为你的Feed添加了一个标题,即你的封面照片、个人资料图片和你的Facebook页面名称。
要改变这部分的外观,请点击左侧菜单中的 “标题”。
在这个屏幕上,你可以改变标题的大小和颜色,隐藏或显示你的Facebook个人资料图片,以及更多。
你还可以在默认的‘视觉’标题和‘文本’标题之间切换。
想完全删除页眉吗?那么只需点击‘启用’切换键即可将其关闭。
之后,你可以通过从左侧菜单中选择 “帖子风格 “来改变你的群组饲料中单个帖子的外观。
在下一个屏幕上,你会有两个不同的选项。
要开始,请继续点击‘帖子风格.’。
在这个屏幕上,你可以选择常规和盒式布局。
如果你选择 “盒式”,那么你可以为每个帖子创建一个彩色的背景。这可以帮助你的Facebook帖子从你网站的其他部分中脱颖而出,也可能使文字更容易阅读。
你也可以让边框-半径变大,以创造弧形的角落,或者你可以添加一个阴影。
如果你选择 “常规”,那么你可以改变分隔你不同的线的厚度和颜色。 社交媒体 帖子。
你也可以通过回到主设置界面来定制每个帖子内的各个部分。
再次选择 “帖子风格”,但这次选择 “编辑个别元素”。
在这个屏幕上,你会看到Smash Balloon在每个时间轴帖子中包含的所有不同内容,如帖子作者、活动标题、共享链接框等。
要从你的帖子中删除某项内容,只需点击取消勾选其方框。
你还可以改变这些单个元素的大小和颜色。只需点击元素的名称,如‘帖子作者’或‘帖子文本.’。
然后你可以使用设置来定制这些内容。例如,你可以让文字变大,使其突出,或添加一种新的颜色。
默认情况下,Smash Balloon在你的时间线中不包括Facebook的 “喜欢 “按钮。为了增加你的Facebook粉丝,你可能想通过在编辑器的左侧菜单中选择 “喜欢框 “来添加这个按钮。
之后,只需点击’启用’按钮,使其变成蓝色。
默认情况下,Smash Balloon将这个按钮添加到时间轴下方,但你可以通过打开 “位置 “下拉菜单,选择 “顶部’ “来改变这一点。
在这个屏幕上,你还可以改变 “喜欢 “部分的外观,包括添加一个自定义的行动呼吁,显示有多少人在Facebook上关注你,添加你的页面封面照片,等等。
当你对 “喜欢 “按钮的外观感到满意时,你可以转到 “加载更多按钮 “设置。
‘Load More’按钮为访问者提供了一种简单的方式来滚动浏览你的Facebook时间线的更多内容,所以Smash Balloon默认将其添加到feed中。
这是一个好的开始,但由于它是一个如此重要的按钮,你可能想通过改变其背景颜色、悬停状态和标签来帮助它脱颖而出。
你还可以通过在‘Text’字段中输入文字来改变按钮上出现的文字。
如果你喜欢移除 “加载更多 “按钮,那么请继续点击 “启用 “切换键。
默认情况下,Smash Balloon允许访问者在不离开你的网站的情况下查看你的时间线中的照片和视频。
访客可以简单地点击任何照片或视频,打开一个灯箱弹出窗口,正如你在下面的图片中看到的那样。
然后,访问者可以使用箭头滚动浏览你的Facebook时间线中的所有照片和视频。
如果他们想喜欢一张照片,留下评论,或与他们的Facebook朋友分享图片,那么他们可以点击 “在Facebook上评论 “链接。
这将打开一个新的标签,并将访问者直接带到你的Facebook页面上的帖子。
有几种不同的方式来定制Smash Balloon’的灯箱功能。要查看您的选项,请点击左侧菜单中的 “灯箱”。
在这里,你可以改变灯箱文本、链接和背景的颜色。
默认情况下,灯箱会显示人们在你的照片和视频上留下的任何评论。如果你喜欢隐藏这些评论,那么你可以点击‘显示评论’开关,把它从蓝色(启用)变成灰色(禁用)。
灯箱功能允许人们在你的WordPress网站上直接滚动浏览你的照片和视频。
然而,你可能更喜欢鼓励人们访问你的Facebook页面,而不是。在这种情况下,你可以通过点击‘启用’开关来禁用灯箱功能。
现在,访问者需要点击‘在Facebook上查看’链接,以便仔细查看任何照片或视频。
当你对Facebook时间线的外观感到满意时,别忘了点击 “保存 “来存储你的变化。
如何将你的Facebook时间线添加到WordPress中
你现在已经准备好使用一个块、部件或短码将时间线添加到你的网站。
如果你用Smash Balloon创建了一个以上的Feed,那么你需要知道Feed的代码,以便将其添加到一个块或小工具中。
只要到 脸书资讯” 所有饲料 然后看一下 feed=""
短码的部分。你需要将这段代码添加到块或部件中,所以要记下它。
在下面的图片中,我们需要使用 feed="2"
.
如果你想在一个页面或帖子中嵌入你的Facebook时间线,那么我们建议使用‘自定义Facebook Feed’块。
只要打开你想显示你的Facebook时间线的页面或帖子。然后,点击’+’图标,开始输入’自定义Facebook Feed’。
当右边的块出现时,点击将其添加到页面或帖子中。
该模块将默认显示你的Smash Balloon feeds中的一个。如果这不是你想显示的饲料,那么只需在右侧菜单中找到 “短码设置”。
你现在可以添加 feed=""
代码到这个盒子里。之后,点击’应用更改’。
该块现在将显示你的Facebook页面或小组的时间线。只需发布或更新页面,就可以使时间轴在你的网站上运行。
另外,你也可以将feed添加到任何可以使用widget的区域,如侧边栏或类似的区域。这是一个在整个网站上推广你的Facebook页面的简单方法。
只要到 外观 ” 小工具 然后点击 “+”按钮。
之后,找到自定义Facebook Feed小工具。
然后,把它拖到你想显示Facebook时间线的地方。
就像区块一样,自定义Facebook Feed小工具将显示你用Smash Balloon创建的一个Feeds。
要显示一个不同的饲料,只需将该饲料的代码输入’短码设置’框,然后点击’应用更改’。
现在你可以通过点击‘更新’按钮来使小部件生效。欲了解更多信息,请看我们的分步指南 如何在WordPress中添加和使用小工具.
最后,你可以使用短码将时间线嵌入任何页面、帖子或可安装部件的区域。
只需到 脸书资讯” 所有饲料 并复制 “短码 “栏中的代码。现在你可以把这个代码添加到你的WordPress博客或网站。
关于详细的操作方法,请看我们的指南 如何在WordPress中添加一个短码.
此外,如果你使用的是 块主题你可以使用全站编辑器将‘自定义Facebook Feed’添加到你网站的任何地方。
我们希望这篇文章能帮助你学习如何在WordPress中显示你的Facebook时间线。你可能还想看看我们的指南,关于 如何在WordPress中创建一个联系表或者看看我们的专家挑选的 最好的Instagram WordPress插件。
如果你喜欢这篇文章,那么请订阅我们的 YouTube频道 的WordPress视频教程。你也可以在以下网站找到我们 推特 和 脸书.
该帖子 如何在WordPress中显示你的Facebook时间线 首先出现在 WPBeginner.