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

Instagram WordPress widget

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

将您的Instagram帐户连接到WordPress博客似乎很困难,但事实并非如此!

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

你好?

让我们潜入!

 

什么是WordPress小部件?

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

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

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

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

Instagram-feed-studio-mommy

将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编辑器将其粘贴到任何帖子或页面中即可。

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

小部件外观仪表板

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

将文本构件拖到边栏

将微件放置在站点上的所需位置后,单击微件上的下拉箭头。

下拉菜单

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

粘贴嵌入代码

您还可以为 Instagram 动态添加标题。完成后单击保存

就这样。

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

Instagram-sidebar-widget

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

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

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

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

Instagram Feed Pro 气球粉碎

Instagram Feed Pro是 WordPress排名第1的评分最高的Instagram插件

使用此粉碎气球 plguin,只需单击几下,您就可以使用 WordPress 的块编辑器或将短代码粘贴到您网站上的任何位置,轻松地将您的 Instagram 提要作为侧边栏小部件添加到您博客的任何帖子或页面。

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

  • 多种布局选项:从内置布局选项中进行选择,例如轮播、网格、砖石和高亮显示。 
  • 视觉审核系统:决定显示哪些帖子和隐藏哪些帖子。 
  • 社交互动:在动态中显示 Instagram 快拍、评论、点赞和关注按钮。 
  • 响应式设计:自动适应不同的屏幕尺寸,使您的 Feed 适合移动设备。
  • 多个Instagram提要:在您的网站上查看您想要的各种不同提要。 

粉碎气球 还提供了 该插件的免费版本,因此您可以尝试一下。

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

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

第 1 步:安装 Instagram 提要插件

首先,您需要从Smash Balloon下载Instagram Feed Pro 并安装并激活该插件。对于初学者,请查看这篇文章,了解如何安装WordPress插件以获取详细说明。

 

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

接下来,您必须将您的Instagram帐户与粉碎气球插件相关联。为此,请单击下载并激活插件后出现的WordPress仪表板中的Instagram Feed按钮。这将带您进入Instagram Feed插件的“设置”页面。

单击蓝色的“链接Instagram帐户”按钮

链接-Instagram-帐户

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

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

个人企业账户

需要注意的是,Smash Balloon Instagram 提要的某些功能(例如主题标签提要或可购买的帖子)需要 Instagram 企业帐户。

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

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

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

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

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

您可以选择查看:

  • 您的标准 Instagram 动态
  • 包含特定公共主题标签照片的提要
  • 包含圈出您的照片的 Feed
  • 具有多种饲料类型的混合饲料
Instagram-feed-type

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

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

转到 Instagram提要插件的“设置”页面,然后单击 自定义 标签 。

扣球定制卡

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

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

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

  • 网格 :带有静止方形图像的标准网格
  • 轮播:用户可以滚动浏览的水平轮播
  • 砌体 – 以原始横向或纵向格式显示Instagram照片的画廊
  • 突出显示:特定照片在网格中显示较大以突出显示它们的图库

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

粉碎气球Instagram网格布局

选择所需的布局类型,然后单击保存 更改

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

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

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

让我们逐一检查一下。 

1. Instagram feed WordPress block

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

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

wordpress-block-widget

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

然后,您将预览Instagram提要在您的网站上的外观,并在必要时调整设置。

发布页面以使您的Instagram提要小部件在您的博客上实时显示!

下面是成品的外观示例:

Instagram-feed-smash-balloon

您可以使用相同的方法将 Instagram 动态添加到您网站上的任何现有页面或帖子。 

2. Instagram 提要短代码

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

转到Instagram的Feed设置页面。在“查看您的源”选项卡上,复制提供的短代码。

提要简码

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

粘贴简码

点击发布以保存您的更改,并使您的 Instagram 动态在您的网站上生效。 

3. Instagram feed的WordPress小部件

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

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

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

粉碎气球小部件

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

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

侧边栏-Instagram-提要

这是一个结论!

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

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

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

Open

info.ibdi.it@gmail.com

Close