使用 Smash Balloon Social Photo Feed 串接 Instagram。

Smash Balloon Social Photo Feed

Smash Balloon Social Photo Feed 是一套串接 Instagram 與 WordPress 網站的外掛。它符合 RWD 規範，可以設定顯示照片的欄位與數量，非常適合加在頁尾或是側邊欄，就算你不會 CSS 與 HTML 也很簡單操作。

*必需先在瀏覽器登入你的 Instagram 帳號！

 

---

 

步驟一、安裝 Smash Balloon Social Photo Feed

前往 WordPress 後台 → 外掛 → 安裝外掛 → 搜尋「Smash Balloon Social Photo Feed」，按下「立即安裝」並啟用。

 

步驟二、認證與串接

前往 WordPress 後台 → Instagram Feed，按下「Connect an Instagram Account」，選擇帳號類型後按下「Connect」。

這時會連至 Instagram，按下「允許」。

回到 WordPress，確認上方出現的是你的帳號，按下「Connect This Account」。

 

步驟三、增加 shortcode 至頁面

切換到「Display Your Feed」分頁，複製紅框內的簡碼。

貼到頁面內容，或是側邊欄內。

開啟頁面，確認有抓到 IG 的圖片。

你可能會覺得圖片太大，或是數量太多，繼續往下看！

 

步驟四、設定照片數量

前往 WordPress 後台 → Instagram Feed → Customize，修改紅框內的值。

• Number of Photos: 總共要顯示幾張照片。
• Number of Columns: 一列要顯示幾張照片
• Padding around Images: 照片之間的間距。

這邊我設定了總共六張、一列六張（所以只會有一列），照片之間無間距。

我不想要照片以外的按鈕與帳號名稱，隱藏它吧！

 

步驟五、隱藏標題與按鈕

回到後台的 Instagram Feed，找到「Show Feed Header」取消勾選來隱藏標題。

取消勾選「Show the ‘Load More’ button」與「Show the Follow button」來隱藏按鈕。

 

完成

沒有多餘的標題與按鈕，無間距也讓 IG 照片們完全融合在頁面與 footer 之間，舒服！

大家快去試看看吧！有問題的話可以私訊我們 FB 粉絲團唷！