將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幫助文章