如何將您的 Twitch 狀態添加到 WordPress

如果您喜歡在 Twitch 上直播，您的主要目標可能是獲得盡可能多的觀看次數（和訂閱者）。 您可以通過使用您的社交媒體帳戶讓人們知道您什麼時候上線來做到這一點，但是如果您也有一個擁有自己受眾的 WordPress 網站呢？

幸運的是，WordPress 使您能夠在您的網站上顯示您的 Twitch 狀態。 這不是默認功能，但添加起來非常簡單。 在本文中，我們將討論為什麼應該在 WordPress 上顯示您的 Twitch 狀態，並教您如何以三種不同的方式進行顯示。 讓我們開始吧！

為什麼你應該將你的 Twitch 狀態添加到 WordPress

作為主播，您的主要目標應該是讓盡可能多的人關注您的直播。

對於初學者來說，Twitch 是一個平台，任何人都可以在玩視頻遊戲時進行直播。 根據他們自己的統計，每個人都有超過 1 億人收看自己喜歡的主播 月。 如果您希望建立觀眾群，您會希望人們知道您何時進行流媒體播放，而顯示您的狀態是實現此目的的絕佳方式。

將你的 Twitch 狀態添加到 WordPress 是一個非常簡單的調整，但如果你有一個內置的觀眾，它可以幫助你更多地關注你的流。 一旦您添加了自己的按鈕，人們就可以點擊它並直接從您的網站訪問它。

此外，您還可以將您的 Twitch 流嵌入您的 WordPress 網站。 這是一個快速的過程，不會花費您超過幾分鐘的時間，在我們討論完您的 Twitch 狀態後，我們將引導您完成整個過程。

介紹 Twitch 狀態插件

Twitch Status 插件非常簡單。 它使您能夠向 WordPress 導航欄添加一個簡單的 Twitch 狀態按鈕，它會告訴您的訪問者您是在線還是離線。

如果您想增添趣味，您還可以顯示一個小部件，其中包含您正在玩的遊戲的信息，它甚至可以包含您的流媒體的微型版本。

請記住，雖然該插件有一段時間沒有更新，但它提供的功能非常簡單。 我們在使用 Divi 進行測試時沒有遇到任何問題，許多用戶對其性能感到滿意。

主要特點：

• 在您的 WordPress 網站上顯示您的 Twitch 狀態。
• 提供按鈕或小部件來顯示流的狀態。
• 允許您使用 CSS 自定義您的小部件
• 每 30 秒自動更新一次以顯示您的狀態變化。

價格：免費 | 更多信息

如何將您的 Twitch 狀態添加到 WordPress（以 3 種方式）

首先，您需要安裝並激活 Twitch 狀態插件，然後導航到 WordPress 儀表板上的設置 > Twitch 狀態選項卡：

在這裡，您將在適當的字段中輸入 Twitch 頻道的名稱並保存您的更改。 然後將.twitch類添加到jQuery 選擇器字段 - 您將很快需要它。 現在，您需要選擇一種合適的方法來顯示您的流。

1. 將您的 Twitch 狀態添加到 WordPress 側邊欄

如果您轉到儀表板上的外觀 > 小工具選項卡，您應該會找到一個新的Twitch 狀態小工具。 與所有其他 WordPress 小部件一樣，您可以將其拖放到側邊欄或頁腳區域。 我們建議您將側邊欄作為最合乎邏輯的選項，因為它更加突出。 將Twitch 狀態小部件拖到側邊欄，並根據需要重新排列。

添加後，您必須配置一些選項。 首先，設置標題並指明您希望小部件顯示哪個頻道。 為此，必須已在“設置”>“抽搐狀態”選項卡中配置頻道：

其次，指出當有人點擊您的小部件的播放按鈕時會發生什麼。 最安全的選擇是將用戶重定向到您的 Twitch 頻道，我們還建議啟用在新標籤頁中打開選項。 這樣，您的訪問者在觀看完畢後更有可能返回您的網站。 現在讓我們保存我們的更改，並從前端查看小部件的外觀：

如果您想為您的小部件添加更多風格，請記住您始終可以自定義側邊欄的外觀。 但是，還有其他方法可以顯示您的 Twitch 狀態 - 例如，使用按鈕。

2. 在 WordPress 的導航菜單中包含您的 Twitch 狀態

Twitch Status 插件還允許您使用短代碼在您的網站上添加一個簡單的按鈕。 在導航菜單中顯示它是個好主意，因為它更有可能被點擊。 不幸的是，WordPress 默認不允許您執行此操作，但我們仍然可以獲得所需的效果。 首先，轉到儀表板上的外觀 > 菜單選項卡，查找主菜單，然後找到自定義鏈接選項：

現在，將 Twitch 頻道的地址添加到URL字段，以及應顯示在“直播”按鈕旁邊的文本。 完成後單擊“添加到菜單” ，然後滾動到“菜單”頁面的頂部。 查找頂部的屏幕選項選項卡並單擊它——您要確保啟用了CSS 類選項：

向下滾動並查找您的 Twitch 菜單項，然後展開其設置。 您會在鏈接的 URL 和文本正下方找到一個新的CSS Classes字段。 繼續添加我們在本節開頭添加的.twitch選擇器：

保存對菜單的更改，檢查前端以確保按鈕正常工作：

請記住，您可以使用 WordPress 定制器根據自己的喜好設置菜單樣式，因此請隨意嘗試，直到找到適合您的新按鈕的設計為止。

3. 將您的 Twitch 狀態添加到 Divi 的二級菜單

如果您是 Divi 用戶，您可能熟悉它的二級菜單，它可以讓您在主菜單之上創建一個較小的菜單。 雖然它們通常用於顯示聯繫信息，但它們也非常適合 Twitch 狀態按鈕。

為此，您需要創建一個菜單並將其分配給二級菜單顯示位置，您可以從“外觀菜單”選項卡執行此操作：

接下來，將自定義鏈接添加到您的菜單並重複上一部分的過程。 完成後，保存您的更改並從前端查看情況：

無論您決定在哪個菜單上顯示，Twitch 狀態按鈕本身都會顯得同樣大。 這是個人喜好的問題，因此請根據您的口味隨意選擇任一選項。

如何將您的 Twitch 流嵌入 WordPress

在結束之前，讓我們談談如何將您的實時 Twitch 流嵌入到 WordPress 中。 這是一個可選步驟，但如果您希望用戶在您的網站上花費更多時間，這是一個很好的舉措。

幸運的是，這一步不需要任何額外的設置。 如果您已經設置了 Twitch 狀態插件，只需將[twitch-player channel=”yourchannelgoeshere”]短代碼粘貼到您希望流出現的任何頁面或帖子中，記住添加您自己的頻道名稱。 保存更改後，檢查播放器是否在前端正確顯示：

你去吧！ 現在您知道了多種選項來顯示您的 Twitch 狀態以及如何將您的流嵌入您網站的任何位置！

結論

在您的 WordPress 網站上顯示您的 Twitch 狀態是一個簡單的技巧，可以為您吸引更多的觀眾和訂閱者。 此外，如果您想為訪問者提供更多關注您的選項，您還可以將您的信息流嵌入您的網站。 最好的部分是，使用 WordPress 實現兩者非常簡單。

讓我們回顧一下將 Twitch 狀態添加到 WordPress 的三種不同方式：

1. 將您的狀態添加到您網站的側邊欄。
2. 在導航菜單中包含您的狀態。
3. 將您的狀態添加到 Divi 的二級菜單。

您對如何同時使用 Twitch 和 WordPress 有任何疑問嗎？ 在下面的評論部分提問！

文章縮略圖由 Rzt Moster/shutterstock.com 提供。