如何在 WordPress 中添加 Instagram 小部件(分步指南)

 

想了解如何将 Instagram 小部件添加到您的 WordPress 博客?在您的博客上查看您的 Instagram 提要是增加与读者互动、为他们提供额外内容等的好方法。

将您的 Instagram 帐户连接到您的 WordPress 博客 可能看起来很困难,但实际上并非如此!

在本文中,我们将向您展示如何通过两种不同的方式轻松地将 Instagram 小部件添加到您的博客:手动和使用 Instagram 提要 WordPress 插件。我们还将研究添加 Instagram 小部件将帮助您发展博客的所有方式。

准备好?

让我们潜入吧!

 

什么是 WordPress 小部件?

首先,如果您是 WordPress 新手,您可能想知道 WordPress 小部件是什么。

小部件基本上是可以 添加到 WordPress 网站的侧边栏、页脚和其他区域的小块内容。

WordPress 小部件可用于许多不同的功能,例如查看流行的博客文章、添加表单、查看社交媒体提要等等。

在下面的示例中,Studio Mommy 在其网站的页脚中添加了一个 Instagram 小部件以及社交媒体图标、 时事通讯注册表单 等。

instagram-feed-studio-妈妈

将 Instagram 小部件添加到 WordPress 对您的博客特别有益。

继续阅读以找出原因。 

将 Instagram 小部件添加到 WordPress 博客的好处

将 Instagram 小部件添加到 WordPress 可以通过多种方式帮助您改进网站并发展博客。

因此,让我们仔细看看为什么应该在博客中添加 Instagram 提要。 

为访问者提供更多内容

当您将 Instagram 提要添加到您的博客时,您正在为您的网站访问者提供更多有趣的内容以供查看。他们无需在阅读您的上一篇文章后离开您的博客,而是可以滚动浏览您的 Instagram 提要,而无需离开您的网站。

这种额外的内容鼓励访问者在您的网站上停留更长时间。

改善搜索引擎优化

当您将 Instagram 小部件添加到 WordPress 时,Instagram 标题会嵌入到您的网站中。

这有助于搜索引擎更好地了解您的博客内容,从而帮助您 改进 SEO  (搜索引擎优化)并为您的网站带来更多流量。 

增加参与度和追随者

您的博客读者可能不知道您在 Instagram 上 。然后,通过向您的博客添加 Instagram 小部件,您将让他们知道您在该平台上处于活跃状态。

这可以帮助您获得更多 Instagram 关注者并增加您在社交媒体上的影响力。

此外,当读者能够在您的博客上看到您最新的 Instagram 帖子时,这将鼓励他们通过喜欢或评论更多地参与您的帖子。 

轻松更新您的博客

通过在您的博客中嵌入 Instagram 提要,您可以轻松地让您的网站与新内容保持同步。每当您在 Instagram 上发布新内容时,它都会自动出现在您的网站上。这可以节省您的时间并表明您的博客处于活动状态。 

建立社会认同和信任

如果您在 Instagram 上分享用户生成的内容作为 读者 的推荐,那么将 Instagram 小部件添加到您的网站将有助于建立社交证明和网站访问者的信任。

您的网站用户会看到其他人信任您的博客,这也将鼓励他们成为忠实的粉丝。

现在您已经了解了将 Instagram 帐户与 WordPress 关联的所有好处,让我们直接进入教程。 

如何在 WordPress 中添加 Instagram 小部件(手动)

如果您想在没有插件的情况下在 WordPress 中添加 Instagram 小部件,您可以手动完成。

我们建议使用插件,因为它更简单,并且会为您提供大量其他查看和自定义选项,我们将在下一节中介绍。

此外,手动方法存在很大的错误空间,如果您不熟悉代码,可能很难修复。

但是,要手动添加 Instagram 小部件,请首先访问您的 Instagram 帐户并选择要在博客上显示的照片。

点击 Instagram 帖子右上角的 3 个小点。然后,单击 嵌入 。

Instagram的嵌入

在下一步中,单击蓝色的 复制嵌入代码按钮 。在这里,如果您愿意,您还可以通过取消选中“ 包括标题”框来选择从嵌入中删除标题 。

复制包含的代码

复制嵌入代码后,您可以使用 WordPress 编辑器将其粘贴到任何帖子或页面中。

如果您想在 WordPress 的侧边栏中添加 Instagram 小部件,并复制嵌入代码,请转到您的 WordPress 仪表板。然后转到 外观»小部件。

小部件外观仪表板

在小部件页面的左侧,您将看到可用小部件的列表。找到文本小部件  并将其拖到您希望它出现在您网站上的页面右侧。 对于本教程,我们将把它添加到侧边栏。

将文本小部件拖到侧边栏

将小部件放置在您网站上的所需位置后,单击小部件上的下拉箭头。

下拉式菜单

这将打开一个文本框,您可以在其中粘贴您之前复制的 Instagram 嵌入代码。确保将嵌入代码粘贴到 文本 编辑器而不是可视化编辑器中。

粘贴嵌入代码

您还可以为 Instagram 提要添加标题。 完成 单击 保存 。

就这样。

您现在可以在您的博客上实时查看您的 Instagram 小部件。

Instagram 侧边栏小部件

从上面的示例中可以看出,在 WordPress 中手动添加 Instagram 小部件时,您没有很多自定义选项。

因此,让我们看一下将 Instagram 小部件添加到 WordPress 的更好方法。

如何在 WordPress 中添加 Instagram 小部件(使用插件)

将 Instagram 小部件添加到 WordPress 的最简单和最好的方法是使用插件。我们推荐 Smash Balloon Instagram Feed Pro 插件 。

instagram feed pro 粉碎气球

Instagram Feed Pro 是 WordPress 排名第一的 Instagram 插件 。

使用这个 Smash Balloon 插件,只需单击几下,您就可以使用 WordPress 块编辑器或通过将简码粘贴到您网站的任何位置,轻松地将您的 Instagram 提要作为侧边栏中的小部件添加到您博客上的任何帖子或页面。

此外,Instagram Feed Pro 具有强大的功能,可帮助您创建功能强大且自定义的 Instagram 小部件,包括:

  • 多种布局选项 – 从旋转木马、网格、砖砌和突出显示等内置布局选项中进行选择。 
  • 视觉审核系统 :决定显示哪些帖子,隐藏哪些帖子。 
  • 社交参与 :在您的动态中显示 Instagram 故事、评论、喜欢和关注按钮。 
  • 响应式设计 :自动调整到不同的屏幕尺寸,使您的提要适合移动设备。
  • 多个 Instagram 供稿 :根据需要查看您网站上的各种不同供稿。 

Smash Balloon 还提供 免费版本的插件 ,您可以尝试一下。

但是要访问多种布局、评论和喜欢以及主题标签提要等功能,您需要升级到 专业版 。

现在,让我们逐步研究如何使用 Smash Balloon 在 WordPress 中添加 Instagram 小部件。 

第 1 步:安装 Instagram 提要插件

首先,您需要 从 Smash Balloon 下载 Instagram Feed Pro 并安装并激活插件。

对于初学者,请查看这篇关于 如何安装WordPress插件的文章 以获取  详细说明。 

第 2 步:将您的 Instagram 帐户连接到插件

接下来,您需要将您的 Instagram 帐户与 Smash Balloon 插件相关联。为此,请单击下载并激活插件后出现的 WordPress 仪表板中的 Instagram Feed按钮 。

这将带您进入 Instagram Feed 插件的设置页面。单击蓝色按钮 连接 Instagram 帐户 。

连接 Instagram 帐户

按照屏幕上的说明连接您的 Instagram 帐户。

第一个提示将询问您是否要连接 个人 或 企业Instagram 帐户 。

个人企业账户

需要注意的是,对于 Smash Balloon Instagram 提要的某些功能,例如主题标签提要或可购买的帖子,您需要拥有一个商业 Instagram 帐户。

不要担心您现在需要的 Instagram 帐户类型,因为您以后随时可以更改它。

选择 Instagram 帐户类型,然后单击 连接 以继续。

就这样!您的 Instagram 帐户现已连接到 Instagram Feed 插件。 

第 3 步:选择要查看的 Instagram 内容

在同一页面上,您还可以选择要在 Instagram 小部件中显示的 Instagram 内容类型。

您可以选择查看:

  • 您的标准 Instagram 提要
  • 带有特定公共标签照片的提要
  • 带有您被标记的照片的提要
  • 具有多种 Feed 类型的混合 Feed
Instagram 提要类型

要查看最新 Instagram 帖子的简单提要,请选择用户帐户选项并 单击 保存 更改 。 

第 4 步:选择 Instagram 小部件的布局

转到 Instagram Feed 插件的 设置页面 ,然后单击 自定义选项卡 。

粉碎气球定制卡

在此页面上,您可以使用以下自定义选项决定 Instagram 小部件在您的博客上的外观:

  • 宽度和高度 
  • 背景颜色
  • 要显示的照片数量
  • 显示/隐藏您的 Instagram 简历
  • 添加关注按钮

您还可以选择您希望 Instagram 小部件具有的布局类型。Smash Balloon 的 Instagram Feed 提供了 4 种不同的布局选项可供选择:

  • Grid  : 带有静止方形图像的标准网格
  • Carousel  :用户可以滚动浏览的水平轮播
  • Masonry  – 以原始水平或垂直格式显示 Instagram 照片的画廊
  • 突出显示 :特定照片在网格中显示得更大以突出显示它们的画廊

对于本教程,我们将选择网格布局,如下所示:

粉碎气球 instagram 网格布局

选择您想要的布局类型, 然后单击 Save  Changes  。

第 5 步:在 WordPress 中添加您的 Instagram 小部件

现在是时候将您的 Instagram 小部件添加到您的博客了!

使用 Smash Balloon 的 Instagram Feed 插件,您有 3 种不同的方式来嵌入您的 Feed。

让我们看看他们中的每一个。 

1. WordPress Instagram 提要块

要使用 WordPress 块编辑器将 Instagram 小部件添加到您网站上的新页面,请先转到 Pages »Add New  。

在 WordPress 块编辑器中,单击 加号 (+)图标 以搜索 WordPress 块。在搜索栏中,输入“Instagram”以查找 WordPress Feed Instagram 块 。

wordpress 块小部件

单击该块将其添加到您的页面。

然后,您将预览您的 Instagram 提要在您的网站上的外观,如有必要,您可以更改设置。

发布 页面以使您的 Instagram 提要小部件在您的博客上生效!

以下是成品外观的示例:

Instagram 饲料粉碎气球

您可以使用相同的方法将 Instagram 提要添加到任何现有页面或在您的网站上发布。 

2.简码提要Instagram

如果您使用的是经典的 WordPress 编辑器,则可以使用 Instagram 提要短代码在您网站的帖子或页面中显示您的提要。

转到  Instagram 动态设置页面。在View your feed选项卡  上,复制提供的简码。

提要简码

然后,只需将短代码直接粘贴到您的帖子或页面编辑器中。

粘贴简码

单击 发布 以保存您的更改并使您的 Instagram 源在您的网站上处于活动状态。 

3. 每个提要 Instagram 的小部件 WordPress

如果您希望您的 Instagram 小部件出现在侧边栏中,例如页脚或主侧边栏,您可以使用 Smash Balloon 的内置 Instagram Feed 小部件。 

 从 WordPress 仪表板 转到 外观»小部件。

在左侧找到 Instagram Feed 小部件并将其拖动到您选择的侧边栏。在本教程中,我们将在主侧边栏中添加一个 Instagram 小部件。 

粉碎气球小部件

在设置中,您可以添加标题。完成后 单击 保存  。 

现在,当您预览您的网站时,您可以在侧边栏中看到您的 Instagram 提要。 

侧边栏-instagram-feed

这是一个结论!

您现在已经学会了如何在 WordPress 中轻松添加 Instagram 小部件。通过在您的博客上精美地显示您的 Instagram 提要,您可以为您的读者提供更多有趣的内容、增加参与度并扩大您的社交媒体影响力。

您是否也想在您的博客上看到 Facebook 提要?查看我们的 WordPress 最佳 Facebook 插件列表 。您还可以阅读我们关于 如何在 WordPress 中嵌入 Facebook 群组的教程 。

不要忘记 订阅我们的电子邮件通讯 以获得更多有用的博客提示!