Skip to main content

如何将Instagram照片或视频帖子嵌入网站

instagram教學 | Instagram網頁版 | 免安裝軟體就能上傳照片 | fishtv 老魚頻道 (六月 2025)

instagram教學 | Instagram網頁版 | 免安裝軟體就能上傳照片 | fishtv 老魚頻道 (六月 2025)
Anonim

曾经想在您的网站上分享特定的Instagram照片或视频帖子,然后沮丧地试图将照片保存到您的计算机并将其上传到您的网站?

Instagram有一个嵌入功能,您可以使用它轻松地将照片或视频插入到您的网站或博客的HTML中,而您无需成为网页设计师就可以了解如何操作。

将Instagram帖子直接嵌入到您的网页中的好处是,您的网站访问者可以像在Instagram上一样与帖子进行互动。他们可以点击它来转到帖子页面或用户个人资料,如果他们自己已经是Instagram用户,他们会很感激。

点击以下步骤,了解如何在几分钟内轻松地将任何Instagram照片或视频嵌入您的网站。

06年1月1日

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

首先要做的事情是:您需要在网络上访问Instagram而不是移动应用程序来执行此操作。

如果您需要嵌入在应用中找到的帖子,则可以点按 三个点 出现在任何帖子的右上角,然后点击 复制链接 菜单中显示的选项可将其复制并粘贴到某个位置以在Web上访问它。

例如,您可能希望将其粘贴到电子邮件中并将其发送给自己,以便您可以在台式计算机上打开该帖子的链接。

06年02月

在Web浏览器中打开Instagram帖子

对于此示例,我们将使用官方Lifewire Instagram帐户中的照片帖子,但您可以使用您想要的任何Instagram帖子。

如果您已有帖子的网址,只需点击它或将其复制并粘贴到您的网络浏览器中即可。 Instagram帖子的URL看起来像这样: instagram.com/p/xxxxxxxxxx/ .

但是,如果您已经在Instagram.com上(在网络上,请记住,而不是应用程序)浏览您的家庭订阅源,个人资料,标签或浏览页面,您甚至不需要打开帖子页面以便将其嵌入网页。

06年3月

单击右下角的三个点

而不是右键单击鼠标并选择“另存为”或截取图像,您只需要查找 三个点 在图片框的右下角,无论您是在页面上,在Feed中还是在自己的帖子页面上查看帖子,都会在那里查看帖子。

点击这三个灰点,你会看到弹出的几个选项。点击 .

04年06月

复制嵌入代码

屏幕中间会弹出一个框,显示一串代码和一个蓝色按钮。如果要包含要在网页中显示的标题,可以离开 包括标题框 已选中,但如果您只想显示照片或视频,则可以取消选中。

您无需了解任何代码的工作原理或其含义,以便将照片或视频正确嵌入您的网站。只需点击蓝色即可复制嵌入代码按钮 自动复制整个代码串。

你现在已经完成了Instagram页面。接下来,您可以转到您希望显示帖子的网站或博客。

06年05月

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

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

例如,如果您的网站在WordPress上运行,则只需访问您的可编辑帖子或页面即可 文字模式 (而不是视觉模式), 右键点击 在编辑器中,然后选择 将复制的嵌入代码放入框中。

保存它,如果你喜欢它的中心,发布它,你就完成了。

06年06月

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

在线查看已发布的页面,看看新嵌入的Instagram照片或视频。

您应该可以在顶部看到带有Instagram用户名称链接的照片,以及它下面的喜欢和评论的数量。

如果是视频而非照片,则您网站的访问者可以在您的网站上播放视频。

当然,如果您的网站上没有显示任何内容,您可能已将代码粘贴到错误的位置,或者可能未复制完整的代码串。如果您遇到任何问题,请查看这篇精彩的HTML WordPress帮助文章。