[WordPress] 建立側欄 Twitter 追蹤圖示

Last Updated on 2021-11-09 by Clay

最近因為架設了新的網站（如果你想知道，那是個遊戲情報分享網站：https://game-souls.com），於是也嘗試建立了 FB 粉絲團以及 Twitter 帳號去增加情報文的曝光度。

之所要要做這些事，是因為情報文就像新聞一樣是有熱度的。

一個有趣的遊戲發表會在剛發表的半天內都是很有趣的、但是到了一個禮拜後，這些發表的遊戲在遊戲圈的玩家中早就是理所當然知道的情報了。

所以我比較熟悉的『詳細寫好筆記、搜尋引擎就會自然而然帶來流量』這件事，或許在另外一個網站是行不通的。

雖然是本著熱情製作的遊戲情報網站，可是如果沒有分享給他人的話，我直接發在 PTT 和巴哈還比較乾脆。

有鑑於此，我研究了下 Twitter 的嵌入式側欄圖示，其實還真的滿有趣的。

以下我就簡單紀錄如何在網站中放上 Twitter 追蹤按鈕。

Twitter 側欄

大部分的 WordPress 主題，我們都可以使用 Appearance（外觀）中的自訂選項來調整主題的設定，當然在側邊欄（Side Bar）插入 HTML 語法也是沒問題的。

最簡單的方式就是插入 widget，搜尋 Twitter 就可以找到推特的元件，然後插入我們 twitter 的網址連結就可以了。

直接嵌入的話你會看到網站側邊的 Twitter 樣式如下：

實際上，我們還可以去調整嵌入的樣式。

我們前往：https://publish.twitter.com/#，並輸入自己要嵌入 Twitter 帳號網址（例如我的帳號網址為 https://twitter.com/GameSouls2021）。

左邊的 Embedded Timeline 跟原先在 WordPress 中嵌入的是一樣的展示效果，不過多了許多細部的設定可以調整。

點擊下方圖示中的 set customization options。

接著你就可以調整長寬、背景與顯示語言。

不過這邊調整過後會自動生成的是 HTML 語法，回到 WordPress 去新增側邊欄時就不是再新增 Twitter 元件了，而是直接找自訂 HTML 這個元件去貼上 HTML 語法。

至於最一開始右邊的選項呢？其是你直接試試看就知道了，不過我這邊直接貼上我的展示效果，否則你還得跑去自己的網頁貼上 HTML 語法。

就是側欄上直接多一個跟隨按鈕。

這些效果都可以讓網站增色不少（…… 我雖然這樣推薦可是你們眼前的這個筆記網站卻沒做），歡迎大家都試試。