顯示 Instagram 貼文

用智慧型手機上的 Instagram 拍攝、自訂和分享相片與短片。本指引將說明如何在網站中嵌入 Instagram 貼文。

嵌入 Instagram 貼文後，網站訪客便可直接在網站上檢視照片或影片，無須造訪 Instagram 網站。你可以嵌入照片、影片與連續短片。若要嵌入 Instagram 貼文，步驟如下：

1. 從網頁瀏覽器的網址列或 Instagram 應用程式複製 Instagram 貼文的 URL，看起來會像這樣：https://www.instagram.com/p/CuzSGmjO5MP
2. 在 WordPress 編輯器中，於新的一行貼上 URL，無須輸入任何文字或空格。系統會自動將貼文嵌入嵌入內容區塊。URL 會預設為嵌入圖片的最大檔案大小：612px 寬。
3. (非必要) 你可在嵌入內容上/下方的工具列中，將內容靠左對齊、置中，或靠右對齊。
4. (非必要) 在區塊設定啟用「為螢幕較小的裝置調整大小」選項，即使瀏覽器大小有所不同，也能保持長寬比。

影片嵌入內容看起來十分相似，但會出現三角形「播放」符號：

View this post on Instagram

A post shared by WordPress.com (@wordpressdotcom)

若嵌入內容無法正常運作，可查看疑難排解嵌入連結指引了解原因。

使用最新 Instagram 貼文區塊，即可顯示 Instagram 帳號中最新貼文的自動更新網格。只要擁有 Instagram 專業帳號，就能在網站顯示 Instagram 貼文；你可以免費將 Instagram 個人帳號轉換為專業商業或創作者帳號。

若要新增 Instagram 最新貼文區塊，請按一下 + 區塊插入工具圖示，然後搜尋「Instagram」。按一下Instagram 最新貼文，即可將區塊加入文章或頁面。

此處有新增區塊的詳細說明。 

新增 Instagram 最新貼文區塊後，系統會提示你連結 Instagram 帳號。若你擁有啟用外掛程式的網站，則請將此網站的隱私設定設為「公開」或「即將推出」模式，而非「私人」。

按照以下步驟將網站連結至 Instagram：

1. 按一下「連結 Instagram」按鈕。
2. 在快顯視窗中，按一下「允許」即可核准該連結。
3. 如下圖所示，選取你想要連結的帳號。
4. 再按一下「連結 Instagram」。

你就能夠將最近期九篇 Instagram 貼文以九宮格方式嵌入於頁面。此次並未包含協作珍藏 (分享至對談的貼文)。前往下一步驟，了解如何自訂網格。

你可以前往「工具」→「行銷」→「連結」(或如果使用 WP 管理員，則前往「主機」→「連結」)，在儀表板中從 Instagram 連結網站或中斷網站連結。若你在此處中斷 Instagram 連結，系統會移除該 Instagram 帳號與 WordPress.com 帳號中所有網站的連結。

選取區塊時，右側邊欄會出現其他區塊設定。如果沒有出現側邊欄，請按一下右上角的「設定」圖示叫出設定。此圖示外觀為正方形中有兩個大小不同的欄位：

你可以連結最多兩個 Instagram 帳號，即可使用兩個 Instagram 最新貼文區塊 (也就是每個區塊各有一個帳號)。此流程需要兩組不同的 Instagram 登入資訊，若你使用同一組登入資訊來管理多個 Instagram 帳號，則此功能無法使用。

連結第一個 Instagram 帳號至網站後，請按照下列步驟連結第二個帳號：

1. 在新的瀏覽器分頁中，造訪 Instagram.com 並登出 Instagram 帳號 #1。
2. 登入 Instagram 帳號 #2。
3. 前往網站的儀表板。
4. 前往「工具」→「行銷」→「連結」(若使用 WP 管理員，則前往「主機服務」→「連結」)。
5. 在 Instagram 下方，點選下拉式選單的箭頭，並選取「連結不同帳號」選項。
6. 成功連結後，即可使用兩個「最新 Instagram 貼文」區塊。

還有其他將網站與 Instagram 整合的選項，包含：

• 運用社交網路服務圖示區塊，顯示連結至你個人檔案的 Instagram 標誌。
• 自動分享貼文至 Instagram Business 帳號。