如何在 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

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

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