如何在 WordPress 中以文字顯示 Twitter 追隨者數量

10/17/2023

為什麼要在 WordPress 中以文字顯示 Twitter 追隨者數量?

許多知名的博客、影響者和品牌都會自豪地展示他們有多少人跟隨他們的社交媒體。當訪客看到很多人追隨您的社交媒體時,會更容易相信您的業務,並將您視為您博客領域的專家。

許多最佳的社交媒體插件允許您在嵌入的 feed、按鈕或橫幅中顯示總追隨者數量。然而,有時您可能希望將這個數字顯示為純文字。這樣可以讓您將追隨者數量添加到博客文章、頁腳或 WordPress 網站的其他任何地方。

第一步:獲取 Twitter API 金鑰和秘密

要獲取追隨者數量,您需要通過創建 API 金鑰和秘密來訪問 Twitter API。前往 Twitter 開發者平台,然後點擊「註冊免費帳號」。您需要填寫一些有關如何使用 Twitter API 的信息,盡可能提供詳細信息,Twitter 將審查這些信息,如果他們不理解您的用途,可能會刪除您的帳號。之後請閱讀條款和條件,如果您願意繼續,點擊「提交」。接著,在左側菜單中點擊展開「項目與應用」部分,然後選擇「概覽」。點擊「添加應用」,並輸入您想用於 Twitter 應用的名稱,這僅供您參考。完成後,點擊「下一步」。Twitter 會顯示 API 金鑰和 API 秘密,請將這些信息妥善記錄。建議將金鑰和秘密添加到密碼管理器中以增強安全性。

第二步:將自定義代碼添加到您的 WordPress 網站

最簡單的方法是在您的網站上添加 Twitter 追隨者數量是使用 PHP 代碼。出於安全原因,WordPress 不允許您直接在頁面和文章中添加 PHP 代碼,但允許使用簡短代碼。這意味著您可以創建一個自定義簡短代碼,然後將其鏈接到您的 PHP 代碼。

最簡單的方法是使用 WPCode 插件創建自定義簡短代碼。安裝並激活 WPCode 插件。激活後,前往「代碼片段」»「添加片段」。然後,輸入自定義代碼片段的標題,選擇代碼類型為「PHP 片段」,並在代碼編輯器中粘貼以下 PHP 代碼:

function getTwitterFollowers($screenName = 'wpressize-me'){
    $consumerKey = 'YOUR_CONSUMER_KEY';
    $consumerSecret = 'YOUR_CONSUMER_SECRET';
    $token = get_option('cfTwitterToken');
    $numberOfFollowers = get_transient('cfTwitterFollowers');
    if (false === $numberOfFollowers) {
        if(!$token) {
            $credentials = $consumerKey . ':' . $consumerSecret;
            $toSend = base64_encode($credentials);
            $args = array(
                'method' => 'POST',
                'headers' => array(
                    'Authorization' => 'Basic ' . $toSend,
                    'Content-Type' => 'application/x-www-form-urlencoded;charset=UTF-8'
                ),
                'body' => array('grant_type' => 'client_credentials')
            );
            add_filter('https_ssl_verify', '__return_false');
            $response = wp_remote_post('https://api.twitter.com/oauth2/token', $args);
            $keys = json_decode(wp_remote_retrieve_body($response));
            if($keys) {
                update_option('cfTwitterToken', $keys->access_token);
                $token = $keys->access_token;
            }
        }
        $args = array(
            'headers' => array(
                'Authorization' => 'Bearer ' . $token
            )
        );
        add_filter('https_ssl_verify', '__return_false');
        $api_url = 'https://api.twitter.com/1.1/users/show.json?screen_name=' . $screenName;
        $response = wp_remote_get($api_url, $args);
        if (!is_wp_error($response)) {
            $followers = json_decode(wp_remote_retrieve_body($response));
            $numberOfFollowers = $followers->followers_count;
        } else {
            $numberOfFollowers = get_option('cfNumberOfFollowers');
        }
        set_transient('cfTwitterFollowers', $numberOfFollowers, 1*60*60);
        update_option('cfNumberOfFollowers', $numberOfFollowers);
    }
    return $numberOfFollowers;
}
echo getTwitterFollowers();

在上面的代碼中,請確保用您自己的 API 金鑰和 API 秘密替換以下占位符:

$consumerKey = 'YOUR_CONSUMER_KEY';
$consumerSecret = 'YOUR_CONSUMER_SECRET';

您還需要將 ‘wpressize-me’ 替換為您要使用的 Twitter 帳戶。這可以是任何 Twitter 帳戶,包括您不擁有的帳戶:

function getTwitterFollowers($screenName = 'wpressize-me')

獲取 Twitter 用戶名,您只需在新選項卡中打開 Twitter 個人資料。用戶名將顯示在 URL 和個人資料標題中。完成後,返回 WordPress 儀表板。點擊「未啟用」開關以將其變為「已啟用」,然後點擊「保存片段」。接著,滾動到「插入」部分。WPCode 可以自動將您的代碼添加到不同的位置,如每個文章後面、僅前端或僅後端。要獲取簡短代碼,只需點擊「簡短代碼」按鈕。

現在,您可以使用簡短代碼添加社會證據到任何頁面或文章。在塊編輯器中,點擊「+」按鈕並輸入「簡短代碼」。選擇簡短代碼塊並將其添加到頁面或文章中。您可以在塊中添加簡短代碼。請注意,簡短代碼僅顯示總追隨者數,因此通常需要添加一些文字說明這個數字的含義。

有關如何放置簡短代碼的詳細信息,請參閱我們的指南,了解如何在 WordPress 中添加簡短代碼。當您對頁面的設置感到滿意時,可以點擊「更新」或「發布」按鈕使追隨者數量上線。訪問您的 WordPress 網站,您將看到實時追隨者數量。

我們希望這個教程幫助您學習如何在 WordPress 中以文字顯示 Twitter 追隨者數量。您可能還希望了解如何在 WordPress 中創建自定義 Instagram 相片流,或查看我們專家挑選的最佳 Twitter 插件。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 教程。您也可以在 Twitter 和 Facebook 上找到我們。



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"}
>