将Instagram照片或视频嵌入网站

01之06

将Instagram照片或视频嵌入网站

贾斯汀沙利文/盖蒂图片社新闻

曾经想要在你的网站上分享一个特定的Instagram照片 (或其中几个),但很沮丧,你必须将照片保存到您的计算机并上传到您的网站?

Instagram现在有一个嵌入功能,可以用来将照片或视频轻松插入到您的网站或博客的HTML中,而且您不必成为网页设计师即可了解如何操作。

点击后续步骤,了解如何在短短几分钟内轻松在您的网站中嵌入任何Instagram照片或视频。

02 06

找到您想要嵌入的Instagram照片或视频页面

Instagram.com/AboutDotCom的屏幕截图

正确嵌入Instagram照片或视频的第一步是访问您要在您的网站上展示的官方Instagram照片/​​视频页面。 这意味着该URL必须是类似于: instagram.com/p/xxxxxxxxxx/

在这个例子中,我们将使用官方About.com Instagram帐户中的一张照片,但您可以使用任何您想要的Instagram照片(或视频)。

而不是右键单击鼠标并选择“另存为”或截取图像的截图,您只需要在图像框右下角的三个小灰点中查看说明和注释。

03年06月

选择“嵌入”选项

Instagram.com/AboutDotCom的屏幕截图

点击三个小灰点,你会看到两个选项弹出。 一个是“报告不合适”,另一个是“嵌入”。

点击“嵌入”。

04年6月

复制嵌入代码

Instagram.com/AboutDotCom的屏幕截图

一旦你点击“嵌入”,屏幕中间会弹出一个框,显示一串代码。

您无需知道任何代码的工作原理或意义,以便将照片或视频正确嵌入您的网站。

只需点击绿色的“复制嵌入代码”按钮即可自动复制整个代码串。

我们现在完成了Instagram页面。

接下来,您可以转到您的网站或博客。

05年06月

将Instagram嵌入代码粘贴到您网站的HTML中

粘贴到WordPress的HTML屏幕截图

您需要访问您正在使用的任何网站或博客平台的管理区域或仪表板,并找到插入代码的正确区域。

例如,如果您的网站在WordPress上运行,您只需在“文本”模式(而不是可视模式)下访问您的可编辑文章或页面,在编辑器中右键单击并选择“粘贴”即可将复制的嵌入代码插入盒子。

保存它,如果你喜欢它,将它发布,然后你就完成了。

06年06月

查看您的网页和嵌入式Instagram照片

嵌入WordPress网站的Instagram截图

看一下在线发布的页面,看看新的Instagram照片或视频整齐地嵌入其中。

您应该能够看到带有顶部Instagram用户名称链接的照片以及其下方的喜欢和评论数量。

如果是视频而不是照片,则您网站的访问者将能够在您的网站上播放视频。

当然,如果您的网站上没有任何内容显示,您可能已将代码粘贴到错误的位置,或者可能没有复制完整的代码字符串。

如果您遇到任何问题,请查看这篇优秀的HTML WordPress帮助文章