01之06
将Instagram照片或视频嵌入网站
曾经想要在你的网站上分享一个特定的Instagram照片 (或其中几个),但很沮丧,你必须将照片保存到您的计算机并上传到您的网站?
Instagram现在有一个嵌入功能,可以用来将照片或视频轻松插入到您的网站或博客的HTML中,而且您不必成为网页设计师即可了解如何操作。
点击后续步骤,了解如何在短短几分钟内轻松在您的网站中嵌入任何Instagram照片或视频。
02 06
找到您想要嵌入的Instagram照片或视频页面
正确嵌入Instagram照片或视频的第一步是访问您要在您的网站上展示的官方Instagram照片/视频页面。 这意味着该URL必须是类似于: instagram.com/p/xxxxxxxxxx/ 。
在这个例子中,我们将使用官方About.com Instagram帐户中的一张照片,但您可以使用任何您想要的Instagram照片(或视频)。
而不是右键单击鼠标并选择“另存为”或截取图像的截图,您只需要在图像框右下角的三个小灰点中查看说明和注释。
03年06月
选择“嵌入”选项
点击三个小灰点,你会看到两个选项弹出。 一个是“报告不合适”,另一个是“嵌入”。
点击“嵌入”。
04年6月
复制嵌入代码
一旦你点击“嵌入”,屏幕中间会弹出一个框,显示一串代码。
您无需知道任何代码的工作原理或意义,以便将照片或视频正确嵌入您的网站。
只需点击绿色的“复制嵌入代码”按钮即可自动复制整个代码串。
我们现在完成了Instagram页面。
接下来,您可以转到您的网站或博客。
05年06月
将Instagram嵌入代码粘贴到您网站的HTML中
您需要访问您正在使用的任何网站或博客平台的管理区域或仪表板,并找到插入代码的正确区域。
例如,如果您的网站在WordPress上运行,您只需在“文本”模式(而不是可视模式)下访问您的可编辑文章或页面,在编辑器中右键单击并选择“粘贴”即可将复制的嵌入代码插入盒子。
保存它,如果你喜欢它,将它发布,然后你就完成了。
06年06月
查看您的网页和嵌入式Instagram照片
看一下在线发布的页面,看看新的Instagram照片或视频整齐地嵌入其中。
您应该能够看到带有顶部Instagram用户名称链接的照片以及其下方的喜欢和评论数量。
如果是视频而不是照片,则您网站的访问者将能够在您的网站上播放视频。
当然,如果您的网站上没有任何内容显示,您可能已将代码粘贴到错误的位置,或者可能没有复制完整的代码字符串。
如果您遇到任何问题,请查看这篇优秀的HTML WordPress帮助文章 。