使用“新近 Instagram 文章”区块显示您 Instagram 账户中最新文章的自动更新网格。在本指南中,您将学习如何将最新 Instagram 文章的源添加到您的站点。
只要您拥有 Instagram 专业账户(商业账户或创作者账户),就可以在站点上显示 Instagram 文章的源。开通 Instagram 专业账户是免费的。您可以创建新的 Instagram 专业账户,或将您的现有 Instagram 个人账户转换为专业账户。
当您首次将 WordPress.com 账户与 Instagram 关联,系统将提示您将 Instagram 个人账户转换为专业账户,或选择您所创建的专业账户。
要显示您最新 Instagram 文章的源,第一步是添加“新近 Instagram 文章”区块。
请按照以下步骤添加“新近 Instagram 文章”区块:
- 在您的 WordPress.com 站点上编辑页面、文章或模板。
- 点击“+ 区块插入器”(加号图标),然后搜索“Instagram”。
- 点击“新近 Instagram 文章”图标以插入“新近 Instagram 文章”区块。

有关添加区块的详细说明,请点击此处查看。
在您首次添加“新近 Instagram 文章”区块时,系统将提示您关联您的 Instagram 账户。如果您使用的是支持插件的站点,则必须将站点的隐私设置设为“公开”或“即将推出”模式,而不是“私人”模式。
要将您的站点与 Instagram 关联,请按照以下步骤操作:
- 点击“新近 Instagram 文章”区块中的“关联 Instagram”按钮。
- 在弹出窗口中,点击“允许”按钮以同意连接。
- Instagram 窗口将关闭,您可以在 WordPress 编辑器中看到您最新 Instagram 文章的源。
Instagram 上的协作文章(共享到会话中的文章)暂不包含在内。

您可以更改“新近 Instagram 文章”区块的设置,包括要显示的文章数量以及在移动设备上的显示方式。
要自定义您的 Instagram 源的显示方式,请按照以下步骤操作:
- 点击“新近 Instagram 文章”区块将其选中。
- 打开区块设置边栏。
- 自定义账户设置和显示设置。
自定义选项包括以下内容:
账户设置:查看您已关联的 Instagram 账户。如需删除该账户或连接其他账户,请断开该账户的连接。
显示设置:调整显示的 Instagram 文章数、使用的栏数以及在 Instagram 网格中分隔每篇文章的空间量(以像素为计算单位)。
在移动设备上堆叠显示:启用“在移动设备上堆叠显示”后,左侧内容将显示在右侧内容的顶部(而不是像在台式设备屏幕上那样并排显示)。这样能够为移动设备访客提供更好的体验。
高级:借助“高级”选项卡,您可以在区块中添加 CSS 类,以编写自定义 CSS 并设置区块的样式。了解有关在区块中添加 CSS 类的更多信息。

对齐方式和宽度:区块选中时显示的区块工具栏包含将区块左对齐、居中对齐或右对齐的选项;此外,在主题支持的前提下,您还可以选择以加宽或全宽显示。

您最多可以关联两个 Instagram 账户,以使用两个“新近 Instagram 文章”区块(即每个区块对应一个账户)。此操作需要两个单独的 Instagram 登录账户 — 如果您使用同一个登录账户管理多个 Instagram 账户,则该功能将无法正常运作。
将第一个 Instagram 账户关联您的站点后,请按照下列步骤关联第二个账户:
- 在新的浏览器选项卡中,访问 Instagram.com 并退出 Instagram 账户 #1。
- 登录 Instagram 账户 #2。
- 点击以下链接,进入您站点的“营销关联”页面。
- 点击您已关联的 Instagram 账户旁边的向下箭头。
- 在 Instagram 下,选择“关联其他账户”选项。
- 关联后,您即可使用两个“新近 Instagram 文章”区块。
您还可以从站点的“营销关联”页面管理您的 Instagram 关联。
要解除关联或重新关联您的 Instagram 账户与您的 WordPress.com 站点,请按照以下步骤操作:
- 点击以下链接,进入您站点的“营销关联”页面。
- 点击您已关联的 Instagram 账户旁边的向下箭头。
- 点击“解除关联”按钮,确认您要解除账户关联。
然后,您可以通过点击“营销关联”页面上的 Instagram 旁边的“关联”来重新关联您的 Instagram 账户或关联其他账户。