如何向 WordPress 添加推文按鈕(3 種方式)

已發表: 2022-08-18

您想向您的 WordPress 網站添加推文按鈕嗎?

點擊推文按鈕使網站訪問者可以輕鬆地在 Twitter 上分享您的內容。 這樣,您就可以通過旨在產生興趣、潛在客戶和潛在客戶的內容來吸引目標受眾。

在本教程中,我們將逐步向您展示如何將推文按鈕添加到您的網站。

為什麼要向 WordPress 添加推文按鈕?

Twitter 營銷擁有超過2.17 億的每日活躍用戶,是將目標受眾帶到您的網站的最有效方式之一。 但是,當您在 Twitter 上分享自己的內容時,您只能接觸到有限數量的用戶。

在 Twitter 上吸引未關注您的人的一種有效方法是在您的網站上添加推文按鈕。

當用戶訪問您的網站時,一個推文按鈕將鼓勵他們在他們的個人 Twitter 時間線上分享您的內容。 因此,他們的關注者會看到您的內容,然後可以喜歡、評論並將其轉發給他們的關注者。

由於 Twitter 分享按鈕將您的內容廣播給更廣泛的受眾,因此它還可以幫助您增加 Twitter 關注者。 此外,曝光可以幫助您建立社會認同和品牌認知度,從而帶來更多潛在客戶和銷售。

既然您知道為什麼 Twi​​tter 按鈕可以使您的業務受益,那麼讓我們看看如何將一個按鈕添加到您的 WordPress 網站。

如何在 WordPress 中添加推文按鈕

有幾種方法可以向您的網站添加點擊推文框或按鈕; 但是,有些比其他的要容易得多。

在這篇文章中,我們將首先向您展示如何使用 WordPress 插件輕鬆添加點擊推文按鈕。 然後,我們將向您展示如何手動添加 Twitter 推文按鈕代碼。

  • 使用 SeedProd 添加一個 WordPress 推文按鈕
    • 手動向 WordPress 添加推文按鈕
    • 獎勵:使用 Smash Balloon 顯示 Twitter 提要和推文按鈕

    使用 SeedProd 添加一個 WordPress 推文按鈕

    SeedProd WordPress 網站建設者

    對於第一種方法,我們將使用最好的 WordPress 網站構建器 SeedProd 將 Twitter 按鈕添加到您的網站。 它帶有一個可視化的拖放編輯器,允許您在沒有代碼的情況下創建和自定義 WordPress 網站的任何區域。

    您可以使用 SeedProd 創建:

    • 自定義 WordPress 主題
    • 高轉化登陸頁面
    • WooCommerce 模板
    • 即將推出和維護頁面
    • WordPress登錄頁面
    • 和更多

    該插件還包括強大的內容元素和塊,有助於產生潛在客戶、品牌知名度和用戶體驗。 例如,我們將在本指南中使用的塊是 Twitter 推文按鈕。

    按照以下步驟使用 SeedProd 在 WordPress 中添加推文按鈕。

    步驟 1. 安裝 SeedProd 插件

    首先,單擊此處開始使用 SeedProd 並將插件下載到您的計算機。 然後,您可以將插件 .zip 文件上傳到您的 WordPress 網站。

    如果您以前從未安裝過插件,則可以按照本指南安裝和激活 WordPress 插件。

    一旦 SeedProd 在您的網站上處於活動狀態,請從您的 WordPress 儀表板轉到SeedProd » 設置頁面並輸入您的許可證密鑰。

    輸入您的許可證密鑰

    您可以在 SeedProd 網站上帳戶儀表板的“下載”部分下找到您的密鑰。

    找到您的 SeedProd 許可證密鑰

    粘貼許可證密鑰後,單擊驗證密鑰按鈕。

    第 2 步。創建登錄頁面或 WordPress 主題

    使用 SeedProd 有 2 種方法可以將 Tweet 按鈕添加到您的網站。

    您可以將當前的 WordPress 主題替換為使用 SeedProd 網站工具包設計的自定義主題。 或者,您可以使用現有的 WordPress 主題創建登錄頁面。

    在本教程中,我們將通過使用 SeedProd 的主題構建器自定義單個帖子模板來為博客帖子添加推文按鈕。 查看本指南,了解使用 SeedProd 創建自定義 WordPress 主題的所有步驟。

    如果您希望將推文按鈕添加到您的登錄頁面,您可以按照本指南在 WordPress 中創建登錄頁面。

    這兩個教程都將向您展示如何選擇模板並準備好您的主題或登錄頁面以進行自定義。 當您準備好添加推文按鈕時,請跳至本指南的第 3 步。

    步驟 3. 向 WordPress 添加推文按鈕

    使用 SeedProd 創建主題或登錄頁面後,您可以使用拖放構建器輕鬆對其進行自定義。 如上所述,我們將向我們的 WordPress 帖子頁面添加一個推文按鈕。 這樣,用戶可以在閱讀您的博客文章後發布推文,並在社交媒體上與他們的觀眾分享。

    為此,請從您的 WordPress 管理員轉到SeedProd » Theme Builder頁面。 這將顯示主題的各個部分,例如:

    • 標題
    • 頁腳
    • 側邊欄
    • 主頁
    • 博客頁面
    • 單個帖子
    • 單頁
    SeedProd 主題零件

    每個主題部分都非常容易在 SeedProd 的可視化編輯器中進行編輯和自定義。 只需將鼠標懸停在一個上,然後單擊編輯設計鏈接。

    編輯單個帖子模板 WordPress

    由於我們正在向博客文章添加推文按鈕,因此我們將編輯Single Post模板。 單擊“編輯設計”鏈接後,您的模板將在 SeedProd 的可視化拖放編輯器中打開。

    您將在左側看到不同的內容塊和部分,在右側看到頁面的實時預覽。

    單擊實時預覽中的任何元素會在左側面板中打開其設置。 這允許您更改內容並自定義該元素的樣式和外觀。

    SeedProd 塊設置

    有兩種方法可以使用 SeedProd 添加推文按鈕:

    1. 社交分享塊
    2. Twitter 推文按鈕塊

    我們將演示這兩個選項,以便您決定哪個最適合您的網站,但首先,讓我們添加一個新列來容納我們的 Twitter 按鈕。

    為此,請將列塊從左側面板拖放到預覽中。 然後,您可以為您的內容選擇列佈局。

    seedprod 柱塊

    在此示例中,我們有一個 2 列佈局,其中一側比另一側寬。

    接下來,拖動標題塊並將其添加到第一列。 在設置面板中,您可以將標題更改為“分享此內容”之類的內容。

    SeedProd 標題塊

    現在您已準備好添加推文按鈕。

    SeedProd 社交分享塊

    首先,我們將使用 SeedProd 的社交分享塊為多個社交媒體網絡(包括 Twitter)添加分享按鈕。 在Advanced blocks 面板下找到塊,並將其放入設計的第二列。

    SeedProd 社交分享塊

    SeedProd 將使用推文按鈕和 Facebook 分享按鈕預先填充它。 單擊該塊可讓您為 Pinterest 和 LinkedIn 添加更多社交共享選項以及更改按鈕大小和對齊方式的設置。

    社交分享塊設置seedprod

    在高級設置選項卡中,您可以自定義按鈕樣式和間距,並在移動和桌面設備上顯示或隱藏它。

    社交分享區塊高級設置

    Twitter 推文按鈕塊

    要添加單個推文按鈕,只需在高級塊面板中找到Twitter 推文按鈕塊,然後將其拖放到您的頁面上。

    SeedProd 推特推文按鈕

    在推文按鈕設置面板中,您可以自定義多個設置。 例如,您可以添加希望訪問者共享的 URL、推文內容和主題標籤。

    您可以通過提及和相關 Twitter 帳戶添加 @,並更改按鈕大小、對齊方式和語言。

    seedprod 推文按鈕設置

    嘗試使用 SeedProd 的社交分享和推文按鈕塊,直到找到適合您網站的組合。 如果您對所有內容感到滿意,請單擊右上角的保存按鈕。

    保存對推文按鈕的更改

    第 4 步。在 WordPress 中發布您的推文按鈕

    下一步是讓您的推文按鈕在您的 WordPress 網站上生效。 為此,請轉到SeedProd » Theme Builder頁面並將啟用 SeedProd 主題切換到“打開”位置。

    啟用種子產品主題

    做得好! 現在您可以預覽您的網站以查看您的推文按鈕的外觀。

    這是推文按鈕的示例:

    Twitter 推文按鈕示例

    這是共享按鈕的示例:

    推特分享按鈕

    手動向 WordPress 添加推文按鈕

    對於下一種方法,我們將向您展示如何在沒有 WordPress 插件的情況下手動將推文按鈕添加到 WordPress。 您可以通過使用 Twitter 的發布工具來做到這一點,這些工具允許您嵌入推文、時間線或按鈕。

    此方法不能對推文按鈕提供太多控制。 但是,對於不希望向其 WordPress 網站添加更多插件的用戶來說,這是一個有用的解決方案。

    要開始使用,請轉到 Twitter 發布工具網站並選擇Twitter 按鈕嵌入類型。

    推特發布工具

    接下來,將彈出一個窗口,要求您選擇按鈕類型:

    • 分享按鈕:在 Twitter 上分享鏈接。
    • 關注按鈕:允許用戶關注您的 Twitter 個人資料。
    • 提及按鈕:直接從您的網站開始對話。
    • 話題標籤按鈕:使用話題標籤發布關於主題的推文。
    • 消息按鈕:讓訪問者在 Twitter 上私下向您發送消息。
    Twitter 推文按鈕

    讓我們為本指南選擇“共享”按鈕。 單擊您的按鈕類型後,您將看到類似於以下頁面的頁面:

    複製推文按鈕嵌入代碼

    單擊按鈕複製嵌入代碼,然後返回您的 WordPress 站點。

    我們會將此推文按鈕添加到我們的 WordPress 側邊欄,因此請從您的 WordPress 儀表板導航到外觀»小部件。 然後找到自定義 HTML塊並將其添加到您的主要側邊欄區域。

    在塊內,粘貼您之前複製的推文按鈕嵌入代碼,然後單擊更新按鈕。

    將推文按鈕添加到 WordPress 側邊欄

    現在,當您訪問 WordPress 網站時,您會在博客側邊欄中看到推文按鈕。

    推文按鈕嵌入示例

    獎勵:使用 Smash Balloon 顯示 Twitter 提要和推文按鈕

    您是否知道您還可以使用 Smash Balloon 的 Twitter Feeds 插件向您的 WordPress 網站添加精美的 Twitter Feeds?

    粉碎氣球 twitter feeds 插件主頁

    自定義 Twitter 訂閱源插件是 WordPress 最受好評的 Twitter 訂閱源插件。 只需單擊幾下,您就可以使用它在您的網站上顯示令人驚嘆的 Twitter 提要。

    您可以使用視覺提要編輯器實時自定義實時 Twitter 提要,並從多種提要類型中進行選擇以滿足您的業務需求。 每個提要還包括推文按鈕,允許網站訪問者與他們的關注者分享您的 Twitter 內容。

    按照 Smash Balloon 的分步指南將 Twitter 提要添加到 WordPress。

    而已!

    我們希望您喜歡本教程,它可以幫助您學會輕鬆地向 WordPress 添加推文按鈕。 您可能還喜歡本指南,讓您的博客看起來像一個網站。

    準備好向您的網站添加推文按鈕了嗎?

    立即開始使用 SeedProd

    謝謝閱讀。 請在 YouTube、Twitter 和 Facebook 上關注我們,獲取更多有用的內容來發展您的業務。