如何在 WordPress 添加官方 Twitter 追隨按鈕

WPressize Me

12/30/2023

什麼是 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 代碼中指定它,它會看起來像這樣:

資源:



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>