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