什麼是 Twitter 追隨按鈕
Twitter 追隨按鈕是一個小型小工具,允許用戶在任何網站輕鬆關注你的 Twitter 帳戶(或任何 Twitter 帳戶)。追隨按鈕使用與官方推文按鈕相同的實現模型,整合起來非常簡單。你可以在下圖左上角看到追隨按鈕的示範。點擊追隨按鈕時,會彈出一個視窗,顯示有關用戶的更多信息。
你可能會想它與下面的智慧追隨按鈕有什麼不同?
智慧追隨按鈕需要你完成整個 Twitter Anywhere 集成,它也不允許你顯示你的追隨者數量或進行任何自定義。而 Twitter 追隨按鈕允許你顯示追隨者數量,而且非常易於整合。看看下面的實時示例(不要忘記點擊追隨按鈕來查看它的效果):
如何在 WordPress 添加官方 Twitter 追隨按鈕
你可以前往追隨按鈕頁面並生成一個代碼。或者你可以簡單地複製下面的代碼:
註:請確保將用戶名替換為你自己的。
如果你正在使用官方推文按鈕,那麼你不需要再次粘貼腳本。因此你的代碼將看起來像這樣:
現在你可以將代碼粘貼到你喜歡的 WordPress 主題中的任何地方。大多數人會將此類代碼放在 sidebar.php 文件中。然而,如果你對編輯主題文件感到不自在,你也可以利用 WordPress 主題的小工具。所有優質主題都帶有小工具準備好的側邊欄。因此你只需前往外觀 » 小工具選項卡,然後將文本小工具添加到你的合適側邊欄中。最後,粘貼上述代碼,你就完成了。請看下圖中的示例:
實際上不需要添加插件來完成這麼簡單的事情。
高級自定義
這部分是給那些想要進一步自定義此按鈕以匹配其網站色彩方案等的設計師和開發人員。Twitter 允許你自定義按鈕顏色、文字顏色、鏈接顏色、語言、小工具和插件的對齊方式。
我們所使用的 JavaScript 版本中的可用變量:
- data-show-count(true 或 false)
- data-button(藍色或灰色)
- data-text-color(十六進制代碼)
- data-link-color(十六進制代碼)
- data-lang(en, fr, de, es) – 使用兩位數字的 ISO-639-1 語言代碼
- data-width – (300px)
- data-align – (右)
如果你想在 a 代碼中指定它,它會看起來像這樣:
資源: