如何在 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-12-12
  • WordPress 教学

多语言表单有助于与全球观众沟通,使您的网站更易于使用,并吸引更多用户。本文介绍了如何使用WPForms和Formidable Forms插件在WordPress中创建多语言表单,以帮助您轻松实现这一目标。

閱讀更多
  • 2024-10-21
  • WordPress 教学

如果您在WordPress管理区域或其他地方遇到‘jQuery未定义’错误,不必担心,这是一个常见的问题。本文为您介绍了该错误的原因以及六种解决方法,以便让您的网站恢复正常运行。

閱讀更多
  • 2024-10-17
  • WordPress 教学

越来越多的人倾向于使用语音搜索而不是在搜索栏中输入关键词。语音搜索被认为是在线交互的未来,各种设备上数百万人每天都在使用它。与通过普通SEO优化网站一样,将网站适配语音搜索同样重要。在本文中,我们将深入探讨为什么语音搜索SEO如此重要,以及如何优化您的WordPress网站以捕获这些语音搜索。

閱讀更多

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