Wordpress網站上4種顯示Twitter Feed的方式以及API疑難排解

0 463 5 mins
發表日期: 上次更新:

WHAT’S SPECIAL

四種在 Wordpress 網站上顯示推特動態的方式

1. Soledad Twitter Feed

Soledad 主題提供的推特小工具,有兩種展示模式:Slider & List,需安裝 Penci Tiktok & Twitter Feed 外掛,需經過 API 授權步驟。

優點:外觀上最融入網站主題
缺點:比較陽春,只能顯示文字,轉推不會顯示出來,只有引用才會

2. Custom Twitter Feed

需安裝 Custom Twitter Feed 外掛,需經過 API 授權步驟。

Custom Twitter Feed
Custom Twitter Feed

優點:可以對外觀樣式、展示方式做許多細部設定,外觀好看
缺點:要輪播的功能,需付費升級 PRO 版,我是覺得免費版就很好用了

3. Twitter Publish

推特官方提供的工具,可以在網站上內嵌很多東西,如一條推特動態、推特個人檔案、關注按鈕、推特文章列表…等。
網址:https://publish.twitter.com/

Twitter Publish
Twitter Publish
Twitter Publish demo

優點:不用安裝外掛,可以展示的種類多樣,也不限於個人,不需經過 API 授權步驟。
缺點:樣式可自訂的地方不多,沒有 Slider

4. Jetpack Twitter 時間軸

Jetpack 提供的推特小工具。小工具可以設定要顯示的推文數量、小工具長寬、深色/淺色系、頁首、頁尾、邊框(及其顏色)、捲軸、透明背景,這張截圖中,我把頁首、頁尾、邊框、捲軸都反勾選了,覺得這樣比較清爽,而且滑鼠移過 tweet 時,底色會變色。

Jetpack Twitter 時間軸

優點:樣式簡約清爽,類似 Custom Twitter Feed 外掛,而且可以不顯示捲軸,可自訂的部分比 Soledad Twitter Feed 與 Twitter Publish 多,如果本來就有裝 Jetpack,就不用多裝一個外掛。只需輸入推特帳號,不需經過 API 授權步驟。
缺點:沒有 Slider


Twitter API 疑難排解

2022.6.18 Update

Soledad主題的Twitter Slider小工具有更新API授權的方式了,不需再安裝 “oAuth Twitter Feed for Developers” 這個外掛,只要到主題附帶的設定頁面 (Connect Twitter) 中做設定即可。

Soledad theme - connect to Twitter

我的Wordpress網站主題選用的是Soledad,這個主題提供一個推特動態輪播小工具 (Soledad Tweets Slider),可以放在Sidebar或是Footer等地方,這個小工具需要同時安裝一個外掛 “oAuth Twitter Feed for Developers” 才能運作,外掛的設定頁面如下。

我照著指示,去推特的 Developer Portal 申請了開發人員帳號,建立了 Project 與 App,照著填入 keys 與 tokens,然而卻一直出現錯誤訊息如下。

Debug Information
Last Error: [Wed, 19 Jan 2022 11:23:21 +0000] Twitter returned an invalid response. It is probably down.

在前台則會顯示這樣的訊息

Twitter API error

針對這個issue,我聯繫了Soledad主題的客服很多次,客服每次都回應說會登入我的Wordpress後台幫我看看,但是一直都沒有解決,客服也沒有告訴我到底為何不能運作,我問了很多問題,也經常得不到正面回應,只有其他關於主題的功能請教或是自訂CSS這類的問題,他們有辦法解決的才會回應,中間客服還說有可能是我的hosting server有問題,我也真的去問了我的伺服器供應商,他們說不是server端的問題,要我找主題供應商或外掛供應商,所以我也試圖去 “oAuth Twitter Feed for Developers” 的Support Forum尋求幫助,但是這個外掛五年沒更新了,Forum也好幾年沒有新帖子了,自然是毫無音訊。

在聯繫Soledad主題的客服的過程中,他們有提供另外推特小工具Solution給我,一種是用 Twitter publish,另一種是安裝 Custom Twitter Feeds 外掛,Twitter Publish 在網頁上簡單做好設定就可以得到一組程式碼,可以任意放在網站上想要之處。

我安裝了 Custom Twitter Feeds 外掛 這個外掛後,輸入一樣的 keys、tokens,還是無法顯示我的推特動態,但是外掛的錯誤訊息中給了很重要的提示,提示說需要 “Elevated access” 外掛才能運作,依據下圖推特官方的說明,2021年11月15以後開通 Developer account 的用戶,一開始只會有 Essential Access,需要 Elevated Access 者,要再額外作申請,我將我的 API 權限做升級後,Custom Twitter Feeds 外掛就可以用了,Soledad Tweets Slider 與外掛 “oAuth Twitter Feed for Developers” 都正常了,折騰那麼久,原來問題是出在這!可能以前的用戶,一開通就直接是 Elevated Access,所以不會遇到我這問題吧,雖然推特小工具不是大事,但是一直解決不了就是不舒服啊,問題解決了舒坦多了。

twitter API

依照 Custom Twitter Feeds 外掛的官方教學,使用這個外掛應該是不需要特別去申請 Developer account 就可以用,如有需要,下面這個影片有教學如何建立 Twitter Developer account、建立 Twitter developer app,以及將 API 權限提升至 Elevated Access。

Hi, I'm Tracy!

座標中台灣,喜歡透過文字與影像紀錄生活,熱愛歐美獨立音樂,沉迷於許多異國城市的音樂場景;自助旅行足跡遍布30個國家,有幸能前往海外朝聖足球、網球運動賽事;對學習外語有濃厚興趣,西班牙文 B2、義大利文 A1 學習中。網站不定期與讀者分享國內外旅遊、音樂、電影、戲劇、語言學習、購物開箱等內容。

Email: [email protected]

更多關於我 | 合作邀約請看這裡