如何在WordPress中添加官方Twitter關注按鈕


Twitter正在將其功能擴展到更廣泛的萬維網。 這一切都從官方的tweet按鈕開始,然後是Twitter Anywhere Platform,最近是新的官方Twitter Follow按鈕。 您可能想知道此Twitter關注按鈕到底有什麼用? Twitter追踪按鈕和智能追踪按鈕有何不同? 不用擔心,在本文中,我們將介紹什麼是Twitter Follow按鈕,以及如何將其添加到WordPress網站中。

什麼是Twitter關注按鈕

Twitter關注按鈕是一個小部件,它使用戶可以從任何網站輕鬆關注您的Twitter帳戶(或任何Twitter帳戶)。 Follow按鈕使用與官方tweet按鈕相同的實現模型,並且集成起來非常簡單。 您可以在下圖的左上角看到“關注”按鈕的演示。 當您單擊關注按鈕時,將打開一個窗口,其中包含有關用戶的更多信息。

Twitter關注按鈕

您可能想知道它與下面的“智能跟隨”按鈕有何不同?

那麼,智能跟隨按鈕需要您完成整個Twitter Anywhere集成。 它還不允許您顯示關注者人數或進行任何自定義。 而Twitter的“關注”按鈕可讓您顯示計數,並且非常易於集成。 請查看下面的實時示例(不要忘記單擊“關注”以查看其功能):

如何在WordPress中添加官方Twitter關注按鈕

您可以轉到“關注按鈕”頁面,然後 生成代碼 為了你。 或者,您可以簡單地複制以下代碼:


PS請確保使用您自己的用戶名進行更改。

如果您使用的是官方的tweet按鈕,則無需將腳本粘貼兩次。 因此您的代碼將如下所示:

現在,您可以將代碼粘貼到WordPress主題中所需的任何位置。 大多數人會將這樣的代碼放在他們的 sidebar.php 文件。 但是,如果您不喜歡編輯主題文件,則也可以利用WordPress主題小部件。 所有好的主題都帶有可用於小部件的側邊欄。 因此,您要做的就是轉到“外觀»小部件”標籤。 然後將一個文本小部件添加到適當的側邊欄。 最後,粘貼上面的代碼,您就完成了。 在下面的屏幕快照中查看示例:

Twitter關注按鈕小部件

確實沒有必要添加插件來完成如此簡單的操作。

高級定制

本部分適用於希望進一步自定義此按鈕以匹配其網站的配色方案等的設計人員和開發人員。Twitter使您可以自定義按鈕的顏色,文本顏色,鏈接顏色,語言,小部件和插件的對齊方式。

我們正在使用的JavaScript版本中的可用變量:

  • 數據顯示計數(真正 或錯誤)
  • 數據按鈕(藍色 或灰色)
  • 數據文本顏色(十六進制代碼)
  • 數據鏈接顏色(十六進制代碼)
  • data-lang(en,fr,de,es)–使用兩個字母的ISO-639-1語言代碼
  • 資料寬度–(300px)
  • 數據對齊–(右)

如果要在代碼中指定它,它將類似於以下內容:


資源:

遵循按鈕文檔
跟隨按鈕生成器