使用指南/创建内容/嵌入/显示 Instagram 源

显示 Instagram 源

使用“新近 Instagram 文章”区块显示您 Instagram 账户中最新文章的自动更新网格。在本指南中,您将学习如何将最新 Instagram 文章的源添加到您的站点。

必备:Instagram 专业账户

只要您拥有 Instagram 专业账户(商业账户或创作者账户),就可以在站点上显示 Instagram 文章的源。开通 Instagram 专业账户是免费的。您可以创建新的 Instagram 专业账户,或将您的现有 Instagram 个人账户转换为专业账户。

当您首次将 WordPress.com 账户与 Instagram 关联,系统将提示您将 Instagram 个人账户转换为专业账户,或选择您所创建的专业账户

第 1 步:添加“新近 Instagram 文章”区块

要显示您最新 Instagram 文章的源,第一步是添加“新近 Instagram 文章”区块

请按照以下步骤添加“新近 Instagram 文章”区块

  1. 在您的 WordPress.com 站点上编辑页面、文章或模板。
  2. 点击“+ 区块插入器”(加号图标),然后搜索“Instagram”
  3. 点击“新近 Instagram 文章”图标以插入“新近 Instagram 文章”区块
区块选择器中的“新近 Instagram 文章”图标被框出。

有关添加区块的详细说明,请点击此处查看。

第 2 步:关联 Instagram

在您首次添加“新近 Instagram 文章”区块时,系统将提示您关联您的 Instagram 账户。如果您使用的是支持插件的站点,则必须将站点的隐私设置设为“公开”或“即将推出”模式,而不是“私人”模式。

要将您的站点与 Instagram 关联,请按照以下步骤操作:

  1. 点击“新近 Instagram 文章”区块中的“关联 Instagram”按钮。
  2. 在弹出窗口中,点击“允许”按钮以同意连接。
  3. Instagram 窗口将关闭,您可以在 WordPress 编辑器中看到您最新 Instagram 文章的源。

Instagram 上的协作文章(共享到会话中的文章)暂不包含在内。

显示文章的“新近 Instagram 文章”区块示例。
“新近 Instagram 文章”区块示例

第 3 步:自定义源

您可以更改“新近 Instagram 文章”区块的设置,包括要显示的文章数量以及在移动设备上的显示方式。

要自定义您的 Instagram 源的显示方式,请按照以下步骤操作:

  1. 点击“新近 Instagram 文章”区块将其选中。
  2. 打开区块设置边栏
  3. 自定义账户设置和显示设置。

自定义选项包括以下内容:

账户设置:查看您已关联的 Instagram 账户。如需删除该账户或连接其他账户,请断开该账户的连接。

显示设置:调整显示的 Instagram 文章数、使用的栏数以及在 Instagram 网格中分隔每篇文章的空间量(以像素为计算单位)。

在移动设备上堆叠显示:启用“在移动设备上堆叠显示”后,左侧内容将显示在右侧内容的顶部(而不是像在台式设备屏幕上那样并排显示)。这样能够为移动设备访客提供更好的体验。

高级:借助“高级”选项卡,您可以在区块中添加 CSS 类,以编写自定义 CSS 并设置区块的样式。了解有关在区块中添加 CSS 类的更多信息。

区块设置边栏,显示“新近 Instagram 文章”区块的账户和显示设置。

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

对齐方式选项在区块工具栏中突出显示。

关联多个 Instagram 账户

您最多可以关联两个 Instagram 账户,以使用两个“新近 Instagram 文章”区块(即每个区块对应一个账户)。此操作需要两个单独的 Instagram 登录账户 — 如果您使用同一个登录账户管理多个 Instagram 账户,则该功能将无法正常运作。

将第一个 Instagram 账户关联您的站点后,请按照下列步骤关联第二个账户:

  1. 在新的浏览器选项卡中,访问 Instagram.com 并退出 Instagram 账户 #1。
  2. 登录 Instagram 账户 #2。
  3. 点击以下链接,进入您站点的“营销关联”页面。
  4. 点击您已关联的 Instagram 账户旁边的向下箭头。
  5. 在 Instagram 下,选择“关联其他账户”选项。
  6. 关联后,您即可使用两个“新近 Instagram 文章”区块

管理您的 Instagram 关联

您还可以从站点的“营销关联”页面管理您的 Instagram 关联。

要解除关联或重新关联您的 Instagram 账户与您的 WordPress.com 站点,请按照以下步骤操作:

  1. 点击以下链接,进入您站点的“营销关联”页面。
  2. 点击您已关联的 Instagram 账户旁边的向下箭头。
  3. 点击“解除关联”按钮,确认您要解除账户关联。

然后,您可以通过点击“营销关联”页面上的 Instagram 旁边的“关联”来重新关联您的 Instagram 账户或关联其他账户。

Copied to clipboard!