
Instagram 在中国
最近,我们的一位读者询问是否可以在他们的网站上添加定制的 Instagram 照片源?
最近,我们的一位读者询问是否可以在他们的网站上添加自定义 Instagram 照片源?
具体来说,他们希望自定义 Instagram 照片源,只显示选定的照片,而不是个人资料中的所有照片。
具体来说,他们想要自定义 Instagram 照片源,以便只显示选定的照片,而不是个人资料中的所有照片。
在本文中,我们将向您展示如何在 WordPress 中创建自定义 Instagram 照片源。
在本文中,我们将向您展示如何在 WordPress 中创建自定义 Instagram 照片源。

为什么要在您的WordPress网站上包含Instagram Feed? (Why Include an Instagram Feed on Your WordPress Site?)
在 WordPress 网站上添加 Instagram feed 可以让您轻松添加新鲜内容。它还鼓励读者在 Instagram 上关注您。
将 Instagram feed 添加到您的 WordPress 网站即可添加新内容,无需进行大量工作。它还鼓励读者在 Instagram 上关注您。
Instead of 手动添加照片 to your site, you can simply upload them to Instagram, and they’ll appear on your website. You can also include other people’s photos by using a hashtag feed.
无需手动添加照片到您的网站,您只需将它们上传到Instagram,它们就会出现在您的网站上。 您还可以使用井号标签供稿添加其他人的照片。
This could be a great way to show people using your products, providing valuable social proof that could help you 网上赚更多钱.
这可能是向人们展示您使用产品的好方法,提供了有价值的社交证据,可以帮助您网上赚更多钱 。
影片教学 (Video Tutorial)
如果您更喜欢书面说明,请继续阅读。
如果您更喜欢书面说明,请继续阅读。
如何在WordPress中创建自定义Instagram照片提要 (How to Create a Custom Instagram Photo Feed in WordPress)
To set up a custom Instagram photo feed on your site, you’ll need to install and activate the 粉碎气球 Instagram 动态 plugin. For more details, see our step by step guide on 如何安装 WordPress 插件.
要在您的网站上设置自定义Instagram照片供稿,您需要安装并激活粉碎气球 Instagram 动态插件。 有关更多详细信息,请参阅有关如何安装 WordPress 插件步指南。
This is the premium version of the 免费的 Instagram feed 插件 which is used by over 1 million websites.
这是免费 Instagram feed 插件的高级版本,已有超过100万个网站使用。
After you’ve installed the plugin, go to Instagram 动态 » 设置 page in your WordPress admin and click the License tab to enter your license key. You can find this in your Smash Balloon account.
安装插件后,转到WordPress管理员中的Instagram 动态 »“设置”页面,然后单击“许可证”选项卡以输入许可证密钥。 您可以在Smash Balloon帐户中找到它。
激活许可证密钥后,不要忘记单击底部的“保存更改”按钮。
激活许可证密钥后,不要忘记单击底部的“保存更改”按钮。

激活许可证后,转到“配置”选项卡,然后单击“连接 Instagram 帐户”按钮。
激活许可证后,转到“配置”选项卡,然后单击“连接 Instagram 帐户”按钮。

然后,您会看到一个弹出窗口,要求您选择是使用个人还是企业 Instagram 个人资料。
然后,您将看到一个弹出窗口,要求您选择是使用个人还是企业 Instagram 个人资料。

如果您只想显示照片摘要,则可以使用个人 Instagram 帐户。但是,如果您想显示主题标签源,则需要一个 Business Instagram 帐户。
如果您只想显示照片源,可以使用个人 Instagram 帐户。但是,如果您想显示主题标签源,则需要一个 Business Instagram 帐户。
提示: Don’t have a Business Account? To convert your Personal Instagram account into a Business Account, you can follow 粉碎气球的分步说明.
暗示:没有企业帐户? 要将您的个人Instagram帐户转换为企业帐户,您可以按照粉碎气球的分步说明 。
使用 Instagram 创建企业帐户是免费的。您可以随时在 Instagram 应用程序中切换回来。
使用 Instagram 创建企业帐户是免费的。您可以随时在 Instagram 应用程序中切换回来。
当您单击 WordPress 仪表板中的“连接”按钮时,您只需按照提示操作并连接您的帐户即可。
当您单击 WordPress 仪表板中的“连接”按钮时,您只需按照提示操作并连接您的帐户即可。
之后,您将看到“Instagram 帐户”旁边列出您的帐户,如下所示:
之后,您将在“Instagram帐户”旁边看到您的帐户,如下所示:

笔记: You can connect more than one account. Later in this tutorial, we’ll look at how to show several different Instagram feeds on your site.
注意:您可以连接多个帐户。 在本教程的后面,我们将研究如何在您的网站上显示几个不同的Instagram feed。
在WordPress中显示您的Instagram照片的提要 (Showing a Feed of Your Instagram Photos in WordPress)
如果您想让您的 WordPress 网站保持新鲜感和最新状态,可以轻松添加最新 Instagram 照片的提要。我们将首先了解基本方法,然后介绍如何自定义您的 Feed。
如果您想让您的 WordPress 网站保持新鲜和最新,您可以轻松添加最新 Instagram 照片的提要。我们将从基本方法开始,然后向您展示如何自定义您的 Feed。
首先,点击已连接的 Instagram 帐户旁边的“添加到主要 Feed”按钮:
首先,点击已连接的 Instagram 帐户旁边的“添加到主提要”按钮:

之后,您可以打开要添加提要的帖子或页面。或者,如果您愿意,也可以将其添加到侧边栏小部件中。
之后,您可以打开要添加提要的帖子或页面。或者,如果您愿意,您可以将其添加到侧边栏小部件中。
We’re going to create a new page under 页面 » 添加新内容 for our feed.
我们将在Feed的“ 页面»添加新内容”下创建一个新页面。
单击 (+) 符号添加新块,然后从小部件部分选择“Instagram Feed”块:
单击 (+) 符号添加新块,然后从小部件部分选择“Instagram Feed”块:

您的 Instagram feed 将立即添加到您的页面,并带有“关注”按钮:
您的 Instagram feed 将通过“关注”按钮立即添加到您的页面:

If you are using 经典编辑器, then simply enter the shortcode [instagram-feed]
where you want your feed.
如果您使用的是一个经典的编辑器 ,则只需在要输入[instagram-feed]
地方输入简码[instagram-feed]
。
You can use the shortcode or the Instagram Feed widget to add your Instagram posts in your sidebar or footer, too. Just go to 外观 » 小部件 and drag the Instagram Feed widget to wherever you like.
您也可以使用简码或Instagram Feed小部件在边栏或页脚中添加Instagram帖子。 只需转到外观 » 小部件,然后将Instagram Feed小部分拖到您喜欢的任何位置。

在WordPress中自定义您的Instagram Feed样式 (Customizing Your Instagram Feed Style in WordPress)
默认情况下,您的 Instagram 照片将显示在四列网格中。首先,用户将看到您帐户中的 20 张照片,但他们可以单击“加载更多”来查看其他照片。
默认情况下,您的 Instagram 照片将显示在四列网格中。首先,用户将看到您帐户中的 20 张照片,但他们可以单击“加载更多”来查看其他照片。
Instagram Feed 插件让您可以完全控制这些设置。
Instagram Feed 插件让您可以完全控制这些设置。
To change how your Instagram Feed looks, go to Instagram 动态 » 设置 » 自定义.
要更改Instagram Feed的外观,请转到Instagram 动态 » 设置 » 自定义 。
在这里,您可以更改 Feed 的宽度和高度、切换布局、更改照片数量、栏数等。
您可以在此处更改 Feed 的宽度和高度、切换布局、更改照片数量、栏数等。
要更改布局,只需单击所需的选项即可。我们将为 Instagram 照片使用突出显示布局,每第三张照片都会突出显示。
要更改布局,只需单击所需的选项即可。我们将为 Instagram 照片使用“突出显示”布局,其中每三张照片都会突出显示。
您还可以选择将照片分成多少列,以及首先显示多少列。我们选择将 6 张照片分成 3 列。
您还可以选择将照片分为多少列以及从多少列开始。我们选择将 6 张照片分成 3 列。

进行任何更改后,请确保单击屏幕底部的“保存更改”按钮。
进行任何更改后,请务必单击屏幕底部的“保存更改”按钮。
以下是 Instagram feed 现在在我们网站上的外观:
这是 Instagram feed 现在在我们网站上的样子:

在WordPress中显示标签,标签或混合Instagram Feed (Displaying a Hashtag, Tagged, or Mixed Instagram Feed in WordPress)
Instagram Feed 默认显示您连接的 Instagram 帐户中的最新帖子。
默认情况下,Instagram Feed 显示您连接到的 Instagram 帐户的最新帖子。
In some cases, you might want to show something different. For instance, you might want to display Instagram posts from any account so long as they use a specific hashtag. This could be a great way to showcase photos from an 活动或会议.
在某些情况下,您可能想要显示一些不同的内容。 例如,您可能要显示来自任何帐户的Instagram帖子,只要它们使用特定的标签即可。 这可能是展示活动或会议照片的好方法。
You can change your feed type by going to Instagram 动态 » 配置. Under Feed Type, you can switch to a hashtag or tagged feed. You can click the (?) icon next to an option for more information.
您可以转到Instagram 动态 » 配置来更改Feed类型。 在Feed类型下,您可以切换到主题标签或标记的Feed。 您可以单击选项旁边的(?)图标以获取更多信息。
我们将使用公共主题标签选项切换到主题标签源。我们将按最新帖子排序:
我们将使用“公共标签”选项切换到标签源。我们将根据最新帖子对它们进行排序:

笔记: You can’t create a mixed feed here. A mixed feed is one that combines different types, such as photos from a user account plus photos from a hashtag. You can follow the instructions in the next part of the tutorial to create a feed like that.
注意:您不能在此处创建混合供稿。 混合供稿是一种组合了不同类型的供稿,例如来自用户帐户的照片加上来自主题标签的照片。 您可以按照本教程下一部分中的说明创建类似这样的提要。
以下是我们网站上的提要现在的样子:
以下是该提要现在在我们网站上的外观:

在WordPress中创建多个Instagram feed (Creating Multiple Instagram Feeds in WordPress)
如果您想在 WordPress 网站上包含多个不同的 Instagram feed,该怎么办?只需一些简单的配置即可实现这一点。
如果您想在 WordPress 网站上包含多个不同的 Instagram feed,该怎么办?只需一些简单的配置即可实现。
First, go to Instagram 动态 » 设置 and click on the ‘Display Your Feed’ tab.
首先,转到Instagram 动态 » 设置 ,然后单击“显示您的Feed”标签。
You’ll see a number of different settings that you can use within the [instagram-feed]
shortcode.
您会在[instagram-feed]
简码中看到许多不同的设置。
提示: If you only want to create one feed for your site, then you can change these settings under the Configure tab, as shown above.
暗示:如果只想为您的站点创建一个提要,则可以在“配置”选项卡下更改这些设置,如上所示。
If you have several user accounts connected, you can use [instagram-feed type="user" username="wpbeginner"]
to specify an account. Change wp初学者 to the username you want.
如果您连接了多个用户帐户,则可以使用[instagram-feed type="user" username="wpbeginner"]
指定一个帐户。 将wp初学者更改为所需的用户名。
You can also choose to create feeds based on hashtags here. In this case, you’ll need to use [instagram-feed type="hashtag" hashtag="#wpbeginner"]
where #wpbeginner is your chosen hashtag.
您还可以在此处选择基于主题标签创建供稿。 在这种情况下,您需要使用[instagram-feed type="hashtag" hashtag="#wpbeginner"]
,其中#wpbeginner是您选择的主题标签。
另一种选择是创建一个标记特定用户帐户的提要。仅当您在插件设置中连接的 Instagram 帐户是企业帐户时,此选项才可用。
另一种选择是创建用特定用户帐户标记的提要。仅当您在插件设置中连接的 Instagram 帐户是企业帐户时,此选项才可用。
您甚至可以使用短代码创建一个混合 Feed,将不同的 Feed 类型组合在一起,例如您的 Instagram 用户帐户以及带有特定主题标签的所有照片。
您甚至可以使用短代码创建一个混合源,将不同的源类型结合在一起,例如您的 Instagram 用户帐户和带有特定标签的所有照片。
如果您在 WordPress 可视化编辑器中使用 Instagram Feed 块,则无需创建整个短代码。您只需在块的设置中添加短代码设置即可:
如果您在 WordPress 可视化编辑器中使用 Instagram Feed 块,则无需创建整个短代码。您只需在块的设置中添加短代码设置即可:

请确保在此处进行更改后单击“应用更改”按钮。
在此处进行更改后,请务必单击“应用更改”按钮。
WordPress中其他流行的Instagram Feed设置 (Other Popular Instagram Feed Settings in WordPress)
您可能会对照片的默认显示非常满意,因为 Instagram Feed 无需任何自定义即可出色地完成工作。
您可能会对照片的默认显示完全满意,因为 Instagram Feed 无需任何自定义即可出色地完成工作。
不过,您可能需要进行一些常见的调整,具体取决于您想要如何显示 Instagram 照片。
但是,您可能需要进行一些常见的调整,具体取决于您想要如何显示 Instagram 照片。
例如,您可能只想显示没有标题的照片。如果您要在相当狭窄的侧边栏中添加照片,这尤其有用:
例如,您可能只想显示没有标题的照片。如果您想将照片添加到相对较窄的侧边栏,这尤其有用:

You can switch the captions off by adding showcaption="false"
to your shortcode. Then, your photos will display like this:
您可以通过在短代码中添加showcaption="false"
来关闭字幕。 然后,您的照片将显示如下:

如果您使用主题标签提要,您可能需要过滤帖子。例如,您可能希望避免发布提及您的竞争对手之一的帖子或在标题中使用粗鲁词语的帖子。
如果您使用主题标签提要,您可能需要过滤帖子。例如,您可能希望避免发布提及竞争对手之一的帖子或在标题中使用粗鲁词语的帖子。
You can use excludewords="competitor, rude"
in your shortcode. This will exclude any posts that use any of the words within the list of comma-separated words. Change “competitor” and “rude” to whatever words you want to exclude.
您可以在简码中使用excludewords="competitor, rude"
。 这将排除所有使用逗号分隔的单词列表中的任何单词的帖子。 将“竞争对手”和“粗鲁”更改为要排除的任何单词。
Another option you may want to use is to change the text of the Load More button. You can do this adding buttontext="See More Photos"
to your shortcode. Simply replace “See More Photos” with the text you want to use.
您可能要使用的另一个选项是更改“加载更多”按钮的文本。 您可以通过将buttontext="See More Photos"
到您的简码中来实现。 只需将“ See More Photos”替换为您要使用的文字。
There are lots of other settings you can use. Smash Balloon 的 Instagram Feed 插件 lets you tweak everything about how your Instagram photos display on your site.
您可以使用许多其他设置。 Smash Balloon 的 Instagram Feed 插件可让您调整有关Instagram照片在网站上显示方式的所有信息。
If you want to see all the possible settings, just go to Instagram 动态 » 设置 » 显示您的动态 to get the full list:
如果您想查看所有可能的设置,只需转到Instagram 动态 » 设置 » 显示您的动态即可获取完整列表:

We hope this article helped you learn how to create a custom Instagram feed in WordPress. You might also want to see our comparison of the 最好的 WordPress 赠品插件 to grow your social following, and 最佳电子邮件营销服务 to increase your website traffic.
我们希望本文能帮助您学习如何在WordPress中创建自定义Instagram feed。 您可能还想看一下我们对最好的 WordPress 赠品插件比较,以增加您的社交关注度,以及最好的电子邮件营销服务,以增加您的网站流量。
If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.
如果您喜欢这篇文章,请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特和Facebook上找到我们。
翻译自: https://www.wpbeginner.com/wp-tutorials/how-to-create-a-custom-instagram-photo-feed-in-wordpress/
Instagram 在中国