为什么在WordPress网站上包含Instagram馈送？
在WordPress网站上嵌入Instagram馈送，可以让你无需额外工作即可向访客展示新内容。这还鼓励读者关注你的Instagram账号。 通过创建一个自动更新的馈送，你每次在Instagram上发布新照片，网站上的内容也会自动更新。你甚至可以通过创建一个标签反馈来展示其他人的照片。下图显示了一个品牌使用自定义Instagram馈送展示用户生成的内容的示例。
这样，你可以使用自定义Instagram馈送提供有价值的社会证明，并在网上赚更多的钱。让我们看看如何在WordPress中创建自定义Instagram照片馈送。
如何在WordPress中创建自定义Instagram照片馈送
将Instagram账号连接到WordPress
首先，你需要安装并激活Smash Balloon Instagram Feed插件。详细步骤请参见我们的插件安装指南。
注意：我们在指南中使用的是Smash Balloon的高级版本，因为它允许你创建完全自定义的Instagram馈送，包括标签反馈和可购买的图像。如果你刚开始或预算有限，也有免费版本的Smash Balloon Social Photo Feed插件。
激活后，从WordPress仪表板前往Instagram Feed»设置页面，输入你的Smash Balloon许可证密钥。
你可以在购买时收到的确认电子邮件以及你的Smash Balloon账号中找到这些信息。点击“激活”按钮。
现在你已准备好创建自定义Instagram馈送。首先，选择Instagram Feed»所有馈送，然后点击“添加新”按钮。
Smash Balloon将显示你可以创建的所有不同类型的Instagram馈送。选择要添加到WordPress中的馈送类型，然后点击“下一步”。
如果你只想显示自己的Instagram照片，可以使用个人Instagram帐户。但是，如果你想创建标签反馈或显示你的帐户被标记的帖子，则需要商业Instagram帐户。
提示：没有商业帐户？要将你的个人Instagram帐户转换为商业帐户，只需按照Smash Balloon的分步说明进行操作。
选择“发布标签”后，需要输入要使用的标签。要在同一个馈送中显示多个标签，只需用逗号分隔每个标签。
完成后，点击“下一步”。要显示你的帐户被标记的帖子，选择“标记的帖子”，然后点击“下一步”。
无论你创建哪种馈送，都需要将WordPress连接到你的Instagram帐户。点击“添加来源”按钮。
选择要显示个人或商业帐户的图像。
选择个人帐户后，Smash Balloon默认不会在标题中包括Instagram头像和简介。但是，你可以随时在插件设置中手动添加Instagram头像和简介。
选择商业或个人帐户后，点击“用Facebook登录”。
选择要在WordPress网站上显示的Instagram帐户，然后点击“下一步”。
选中与要使用的Instagram账号相关联的Facebook页面旁的框。
点击“下一步”按钮。
你现在将看到一个弹出窗口，其中包含Instagram Feed Pro将有权访问的信息以及其可以执行的操作。要限制插件对Instagram帐户的访问，只需点击任一开关将其从“是”切换为“否”。注意，这可能会影响你在网站或博客上显示的照片。
建议保留所有开关处于启用状态。设置完成后，点击“完成”。
现在你将看到一个弹出窗口，其中显示了刚才添加到网站的Instagram账户。选择该账户旁的框，然后点击“添加”。
Instagram Feed Pro现在会将你带回Instagram Feeds»所有馈送屏幕。要创建自定义Instagram馈送，只需勾选要使用的Instagram账户旁的框。然后点击“下一步”。
插件将创建一个Instagram照片馈送，你可以将其添加到任何页面、帖子或小工具区域。
如何自定义你的Instagram照片馈送
默认情况下，Smash Balloon会在其编辑器中打开你的馈送，供你自定义。在右侧，你会看到你的Instagram照片馈送的预览。在左侧是所有可以用来自定义社交媒体馈送的设置。
大多数设置是自解释性的，但我们将快速介绍一些关键区域。要更改布局，只需点击左侧菜单中的“馈送布局”。你可以选择网格、砖块或轮播布局。还有一个默认突出显示每三张照片的加亮布局。当你点击不同的选项时，实时预览会自动更新以显示新布局。这使得尝试不同设计并找到你喜欢的布局变得轻松。
默认情况下，Smash Balloon在台式机和移动设备上显示相同数量的照片。你可以使用右上角的一排按钮预览Instagram馈送在台式机、平板电脑和智能手机上的显示效果。考虑到智能手机和平板电脑通常屏幕较小且处理能力较弱，因此你可能希望在移动设备上显示更少的Instagram照片和视频。
为此，只需在“帖子数量”的‘移动设备’字段中输入不同的数字。
默认情况下，Smash Balloon会在台式机上将你的照片分成4列，在平板设备上分成2列，在移动设备上分成1列。如果你想使用不同的列数，可以滚动到左侧菜单中的“列”部分。你现在可以在台式机、平板电脑或移动设备字段中输入一个新数字。
为了确保你的Instagram馈送在移动设备上显示良好，建议查看WordPress网站的移动版本。完成更改后，点击“自定义”链接。这会将你带回主Smash Balloon编辑器，准备浏览下一个设置屏幕，即“色彩方案”。
默认情况下，Smash Balloon使用从你的WordPress主题继承的配色方案，但它也有“浅色”和“深色”主题，你可能希望使用它们来显示Instagram馈送。你甚至可以选择“自定义”并使用设置更改链接颜色、背景颜色、文本颜色等。
默认情况下，Smash Balloon在Instagram馈送中添加标题，这是你的个人资料照片和页面名称。这可以提供一些有用的额外上下文，让访客了解这些图像的来源。要更改此部分的外观，返回主设置屏幕，然后选择“标题”。
在此屏幕上，你可以更改背景颜色，显示你的Instagram简介，更改标题大小等。默认情况下，标题包括你的Instagram头像。但是，你可能希望显示不同的图像，例如你网站的自定义徽标。要更改个人资料照片，点击“添加图像”下的“显示自定义头像”。你可以从WordPress媒体库中选择图像或上传新照片。
你还可以添加不同的简介。例如，你可以添加一个号召性用语，鼓励人们访问你的Instagram页面。要创建独特的Instagram简介，只需输入“添加自定义简介”框。
当你对标题外观感到满意时，点击“自定义”链接返回主设置屏幕。现在，你需要点击“帖子”。
首先，你可以在Instagram馈送中的个人帖子之间切换盒装和常规布局。为此，选择“帖子样式”。
现在，你可以点击选择要使用的布局。选择“盒装”后，你可以更改背景颜色，添加框阴影，并增加边框半径以创建弯角。
当你对更改感到满意时，只需点击“帖子”链接返回之前的Smash Balloon屏幕。这次，选择“图片和视频”。
Smash Balloon会自动分析你的Instagram照片，并以最佳分辨率显示它们。我们建议使用这些默认设置，因为它们旨在提升WordPress速度和性能。但是，如果需要，可以更改Instagram图像尺寸。要更改图像大小，只需打开“分辨率”下拉菜单，并从列表中选择一个默认的WordPress图像大小。
再次点击“帖子”链接返回之前的屏幕。 这次，选择“标题”。在下一个屏幕上，通过点击“启用”滑块，你可以在每张图片旁边显示Instagram标题。
这将打开一些新的自定义选项，你可以从中更改文本大小和颜色，并设置最大文本长度。
完成后，只需点击“帖子”链接返回之前的屏幕。
下一个设置是“点赞和评论摘要”。这里，你可以添加或隐藏每张图片的点赞和评论总数。如果你的Instagram帖子获得了大量互动，这些数字可以鼓励人们访问你的Instagram页面或开始关注你。
像往常一样，你需要点击“帖子”返回主设置屏幕。最后一个选项是“悬停状态”，即当你将鼠标悬停在帖子上时Smash Balloon添加的覆盖层。
在这里，你可以使用“显示信息”下的设置选择当有人将鼠标悬停在某个帖子上时Smash Balloon显示的信息。你还可以更改悬停覆盖层的颜色。
当你对所做的更改感到满意时，点击“自定义”链接。这会将你带回主Smash Balloon设置页面，在那里你可以点击“加载更多按钮”选项卡。
在这里，你可以通过更改按钮的背景颜色、文本颜色和悬停状态让“加载更多”按钮突出。你也可以尝试在文本字段中添加自己的消息。
虽然建议启用该按钮，但你可以移除它。例如，你可能通过限制用户在网站上看到的照片数量来鼓励他们访问你的Instagram。要移除按钮，只需关闭“启用”滑块，使其变灰。
在WordPress中显示你的Instagram照片馈送
你可以使用区块、小工具或短代码将自定义Instagram馈送添加到网站。如果你使用Smash Balloon创建了多个馈送，则在使用小工具或区块时需要知道馈送的代码。要获取此代码，必须前往Instagram Feed»所有馈送，然后复制“短代码”下的文本。
如果要在页面或帖子中嵌入Instagram馈送，可以使用Instagram Feed区块。只需打开要嵌入自定义Instagram馈送的页面或帖子。然后，点击“+”图标添加一个新区块并开始键入“Instagram Feed”。当正确的区块出现时，点击将其添加到页面或帖子中。在后台默认显示一个Instagram馈送。要显示不同的Smash Balloon馈送，找到右侧菜单中的“短代码设置”。在此处，添加短代码，然后点击“应用更改”。
如果你对自定义Instagram馈送的外观感到满意，可以继续发布或更新页面。另一个选项是将Instagram Feed小工具添加到网站。这是一个在网站每个页面显示Instagram馈送的好方法。 例如，你可以将Instagram小工具添加到WordPress主题的侧边栏或页脚。
要将Instagram Feed小工具添加到网站，前往外观»小工具。然后点击屏幕顶部的蓝色“+”图标。在面板中键入“Instagram Feed”以找到正确的小工具。
如图所示，有两个Instagram Feed小工具，请确保使用正确的一个。接下来，只需将小工具拖到要显示Instagram馈送的区域，例如侧边栏或类似的部分。
小工具会自动显示你使用Smash Balloon创建的一个馈送。如果这不是刚刚创建的自定义Instagram馈送，请在“短代码设置”框中输入馈送代码。完成后，点击“应用更改”。你现在可以通过点击“更新”按钮来使小工具上线。
另一个选项是在任何页面、帖子或支持小工具的区域中使用短代码嵌入Instagram馈送。访问Instagram Feed»所有馈送，并复制“短代码”列中的代码。现在你可以将此代码添加到任何短代码区块中。有关放置短代码的帮助，请参阅我们的短代码添加指南。
是否正在使用支持区块的主题？然后你可以使用完整站点编辑器将Instagram Feed区块添加到WordPress网站的任何位置。在仪表板中，转到外观»编辑器。
默认情况下，完整站点编辑器将显示主题的主页模板。如果要将Instagram馈送添加到其他区域，请点击“模板”或“模板部分”。编辑器将展示构成你WordPress主题的所有模板部分列表。点击要显示Instagram馈送的模板。
WordPress会显示设计预览。要编辑此模板，请点击小铅笔图标。选择模板后，将鼠标悬停在要添加Instagram照片馈送的区域。然后，点击蓝色“+”按钮。一旦完成，开始键入“Instagram Feed”。当正确的区块出现时，点击将其添加到模板中。Smash Balloon会默认显示一个馈送。如果要更改此馈送，请按照上面描述的相同过程添加一个短代码。
附加功能：通过Instagram购物
如果你有在线商店，可以使用自定义Instagram馈送轻松销售产品。Smash Balloon Instagram Feed Pro 允许你为Instagram图片添加产品链接，使用户可以直接点击购买而无需导航浏览产品页面。这可以增加销售额并提高商店的利润。
有关详细信息，请参阅我们关于如何在WordPress中添加可购物Instagram图像的完整指南。希望这篇文章帮助你学习如何在WordPress中创建自定义Instagram馈送。你可能还想看看我们最佳WordPress赠品插件比较以增加社交关注，并学习如何通过我们的初学者指南创建电子邮件通讯。如果你喜欢这篇文章，请订阅我们的 YouTube 频道 以获取WordPress视频教程。你也可以在Twitter 和Facebook上找到我们。
