想在WordPress網站嵌入Instagram貼文,但Meta官方工具總是出問題?Smash Balloon Social Photo Feed外掛是你的最佳選擇!這款外掛穩定、易用,支援多種自定義選項,讓你的IG貼文完美融入網站。本文提供詳細的安裝與設定教學,幫助你快速打造專業的社群媒體展示區塊。
為什麼選擇Smash Balloon Social Photo Feed?
Smash Balloon Social Photo Feed是一款專為WordPress設計的Instagram Feed外掛,相較於Meta官方工具,它提供更高的穩定性和靈活的版面配置功能。不論是個人部落格、電商網站還是品牌官網,這款外掛都能讓你的IG貼文更具吸引力。以下是使用步驟:
步驟1:安裝Smash Balloon Social Photo Feed外掛
1. 登入WordPress後台,前往「外掛」>「新增外掛」。2. 在搜尋欄輸入「Smash Balloon Social Photo Feed」,找到外掛後點擊「立即安裝」,並啟用。

步驟2:進入Instagram Feed設定選單
1. 安裝完成後,在WordPress左側選單找到「Instagram Feed」選項。
2. 點擊進入外掛的主設定頁面,開始自定義你的IG Feed。

步驟3:連結Instagram帳號
1.在Instagram Feed設定頁面,點擊「新增來源」。
2. 按照提示登入你的Instagram帳號,授權外掛存取貼文。
3. 若連線失敗,請確認帳號是否為公開帳號,或檢查Meta API權限設定。

步驟4:自定義Instagram Feed顯示模式
Smash Balloon提供多種設定選項,讓你調整IG貼文在網站上的顯示方式。以下是主要設定項目:

4-1 版面配置(Feed Layout)
Feed Height:設定Feed區塊總高度,建議600-800px,確保內容完整顯示。
Padding:調整圖片間距,推薦10-20px,打造乾淨的視覺效果。
Desktop & Mobile:指定電腦和手機顯示的貼文數量,例如電腦6篇,手機4篇。
Columns:設定每排貼文數量,可針對電腦(3-4欄)、平板(2-3欄)、手機(1-2欄)分別設定。

4-2 配色方案(Color Scheme)
選擇適合網站風格的配色:
Inherit from Theme:沿用網站主題配色。
Light:明亮風格,適合淺色背景。
Dark:深色風格,適合夜間模式。
Custom:自定義顏色,打造獨特品牌風格。

4-3 標題(Header)
決定是否在Feed上方顯示標題(例如IG帳號名稱)。
自定義標題文字大小、顏色,或上傳個人頭像。

4-4 貼文(Post)
選擇圖片解析度(低、中、高),建議使用「高」以確保清晰度。
啟用或禁用貼文說明文字、點讚數等顯示內容。

4-5 載入更多按鈕(Load More Button)
決定是否顯示「載入更多」按鈕。
自定義按鈕文字(例如「查看更多貼文」)與顏色樣式。

4-6 追蹤按鈕(Follow Button)
啟用「追蹤」按鈕,鼓勵訪客關注你的IG帳號。
自定義按鈕文字(例如「Follow Us」)與樣式。

步驟5:儲存設定
完成所有設定後,點擊右上角的「Save」按鈕,儲存你的自定義選項。
步驟6:使用Elementor嵌入Instagram Feed
1.開啟Elementor編輯器,進入你要放置IG Feed的頁面。
2. 在Elementor小工具中搜尋「Instagram Feed」,拖曳至指定區塊。
3. 選擇剛剛設定的Feed,即可在頁面預覽效果。

注意事項
帳號連線問題:若無法連線IG帳號,請檢查Meta API設定或更新外掛版本。
免費版限制:免費版功能有限,進階功能(如進階版面、過濾器)需升級至付費版。
效能優化:使用圖片壓縮工具(如TinyPNG)減少圖片大小,提升網站載入速度。
參考來源
https://prosabrina.com/plugin_smash-balloon-social-photo-feed/





















