如何在 WordPress 中轻松嵌入 Instagram(一步一步)

您是否正在寻找一种在您的 WordPress 网站上嵌入 Instagram 提要的简单方法?

在您的网站上嵌入 Instagram 照片和视频有助于让您的内容保持新鲜、增加用户参与度并建立信任.

在本文中,我们将逐步向您展示如何在 WordPress 中嵌入 Instagram.

How to Embed Instagram in WordPress Website

为什么将 Instagram 嵌入您的 WordPress 网站

在 WordPress 网站上显示来自 Instagram 帐户的内容有很多好处.

您可以在 Instagram 动态中显示产品评论、展示、购物图片和其他用户生成的内容,作为社交证明,以建立信任并推动更多销售.

它还可以通过保持内容的新鲜度和更新来帮助改进您网站的搜索引擎优化 (SEO).

除此之外,Instagram 提要非常适合增加参与度并让访问者留在您的网站上.

也就是说,让我们看看如何在 WordPress 中嵌入 Instagram 提要.

如何使用 WordPress 插件嵌入 Instagram 提要

在 WordPress 上嵌入 Instagram 提要的最简单方法是通过插件.

在本教程中,我们将使用免费的 Smash Balloon Social Photo Feed.它是适用于 WordPress 的最佳 Instagram 插件,可让您立即将 Instagram 帐户中的内容显示到您的 WordPress 网站.

该插件还有一个付费版本,称为 Smash Balloon Instagram Feed Pro.它提供了更多自定义选项,例如根据主题标签对提要进行排序、组合不同的提要类型、显示标题、喜欢和评论等等.

首先,您需要在您的网站上安装并激活 Smash Balloon Social Photo Feed 插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

激活插件后,您需要访问Instagram Feed »设置,然后单击"配置"选项卡下的"连接 Instagram 帐户"按钮.

Connect an Instagram account

您将看到一个弹出窗口,您可以在其中选择个人或商业 Instagram 个人资料.对于本教程,我们将选择"个人"选项并单击"连接"按钮.

另一方面,如果您拥有企业或创作者 Instagram 帐户,则可以选择"企业"选项以继续.

Select an Instagram Profile

之后,您必须登录您的 Instagram 帐户并单击"允许"按钮,让 Smash Balloon 访问您的个人资料信息和媒体内容.

Allow Smash Balloon to access Instagram account

您现在将被重定向回您的网站,在那里您会看到一个带有您的 Instagram ID 的弹出窗口,要求您连接您的帐户.为此,请单击"连接此帐户"按钮.

connect this account

接下来,您应该会看到与 Smash Balloon 相关联的 Instagram 帐户.

Instagram account successfully connected to Smash Balloon

之后,转到"自定义"选项卡并更改 Instagram 提要的外观.例如,自定义提要的宽度和高度,以及更改背景颜色.

Customize your Instagram feed

除此之外,Smash Balloon 允许您选择要在提要中显示的照片和列数.您还可以选择图像周围的填充、禁用移动布局、对图像进行排序以及选择图像分辨率.

如果向下滚动,则会有更多自定义选项.例如,编辑 Instagram 提要的标题,启用"加载更多"和"关注"按钮,更改 GDPR 设置,并获取每周提要问题报告.

但是,如果您升级到 Pro 版本,还有其他自定义功能,例如选择布局类型、启用标题、点赞和评论、后期过滤和审核.

完成 Instagram 提要的编辑后,单击"保存更改"按钮.

enable load more and follow buttons

接下来,Smash Balloon Social Photo Feed 可以非常轻松地将 Instagram 嵌入您的 WordPress 博客的任何位置.

为此,请编辑或添加新帖子/页面.在 WordPress 编辑器中,单击加号 (+) 以添加新块并搜索"Instagram Feed".

Adding an Instagram feed block to your page

Smash Balloon 将自动加载 Instagram 供稿并在内容编辑器中向您显示预览.您现在可以发布帖子或页面以显示来自 Instagram 的内容.

Instagram feed live preview

如果您使用的是经典编辑器,则需要在要显示 Instagram 提要的位置使用短代码 [instagram-feed].

Smash Balloon Social Photo Feed 插件还使在侧边栏中添加 Feed 变得非常容易.为此,请转到 外观 »小工具,将 Instagram 动态小工具拖到侧边栏,然后点击"保存"按钮.

Adding the Instagram Feed widget to your sidebar

如何使用默认嵌入块添加 Instagram 提要

如果您希望使用默认嵌入功能在您的内容中嵌入 Instagram 提要,则您需要在 Smash Balloon 社交照片提要插件中启用 Instagram oEmbeds.

这是因为您无法再将 Instagram 或 Facebook 中的内容直接嵌入您的 WordPress 网站.

该功能已于 2020 年 10 月被 WordPress 弃用,当时 Facebook 要求开发人员注册应用并使用访问令牌从其 API 获取数据以用于 oEmbed 内容.

解决 oEmbed 问题的一个简单解决方案是使用 Smash Balloon Social Photo Feed 插件.只需转到 Instagram 动态 » oEmbeds 来自您的 WordPress 管理区域.

之后,点击"启用 Instagram oEmbeds"按钮.

Enable Instagram oEmbeds button

您现在将看到一个弹出窗口,插件会在其中要求您"连接到 Facebook".

Connect to Facebook

接下来,登录您的 Facebook 帐户并将其与 Smash Balloon 连接.

Link Facebook profile with Smash Balloon

之后,您可以选择要与 Smash Balloon 一起使用的 Facebook 页面,然后单击"下一步"按钮.

允许 Smash Balloon 使用您的页面的一个优势是您的访问令牌不会过期.您可以跳过此部分,但您的访问令牌的有效期仅为 60 天.

Select pages to use with Smash Balloon

接下来,您需要选择 Smash Balloon 可以对您的 Facebook 页面执行的操作,然后单击"完成"按钮.例如,您可以允许插件显示您管理的页面列表.

Allow Smash Balloon to use the page

之后,您应该会看到一条消息,说明您现在已将 Smash Balloon 社交功能与 Facebook 相关联.现在单击"确定"按钮返回您的 WordPress 管理区域.

You have linked Smash Balloon to Facebook

您将看到一条消息,说 Instagram 动态将自动替换您的旧 oEmbeds 并为所有新链接生成所有新内容.

Instagram feed will replace oEmbeds

现在,您可以轻松地在博客文章或页面中嵌入任何 Instagram 内容.

只需转到您的 Instagram 帐户,然后单击任何 Instagram 图片或视频右上角的三个点 (...) 即可打开更多选项.

Click the three dots in the Instagram post

接下来,当弹出窗口中出现更多选项时,单击"复制链接"按钮.

Copy link to Instagram post

之后,编辑任何帖子或页面,然后单击左上角的加号 (+) 以添加"嵌入"块.

Add an embed block

现在输入您的 Instagram 内容的 URL,然后单击"嵌入"按钮.

Enter the Instagram post URL

完成后,您可以发布帖子或页面以查看您网站上的 Instagram 提要.

Instagram oEmbed preview

我们希望本文能帮助您了解如何将 Instagram 嵌入您的 WordPress 网站.您可能还想阅读我们的指南,了解如何选择最佳网站构建器以及使用 WordPress 在线博客赚钱的行之有效的方法.

0
订阅评论
提醒
0 评论
内联反馈
查看所有评论