如何在WordPress中顯示Twitch直播狀態

10/14/2022

如何在WordPress中顯示Twitch直播狀態

最後更新於2015年8月28日,由編輯部撰寫 | 審核人:Syed Balkhi

您是否使用Twitch?這是一個視頻流媒體平台,廣受遊戲玩家歡迎,用於直播他們的遊戲過程。也可以用來直播遊戲活動、比賽、錦標賽等。最近,有用戶問我們如何在WordPress中添加Twitch直播狀態。本文章將向您展示如何在WordPress中顯示Twitch直播狀態。

視頻教程

訂閱WPressize Me

如果您不喜歡視頻或需要更多說明,請繼續閱讀。

安裝和設置Twitch Status插件

首先,您需要安裝並啟用Twitch Status插件。激活後,您需要訪問設置 » Twitch Status頁面來配置插件設置。

只需提供您的Twitch頻道名稱,然後輸入jQuery選擇器。這可以是您頁面HTML代碼中任何元素的CSS類或id屬性。它將告訴插件在何處顯示您的Twitch狀態。如果您不知道這是什麼意思,不要擔心,我們稍後會向您展示如何操作。目前,您只需輸入.twitch作為jQuery選擇器,然後點擊保存設置按鈕。

在WordPress側邊欄中添加Twitch狀態

Twitch Status插件包含一個便利的小工具,允許您在WordPress網站的側邊欄中顯示您的Twitch直播狀態。只需轉到外觀 » 小工具並將Twitch Status小工具添加到側邊欄。

為小工具提供一個標題,然后選擇播放按鈕應將用戶重定向至何處。您可以添加一個鏈接到您的Twitch直播、任何自定義URL或博客頁面。不要忘記點擊保存按鈕來存儲您的小工具設置。

您現在可以訪問您的網站以查看小工具的效果。

在WordPress導航菜單中添加Twitch狀態

您還可以在網站的導航菜單中添加您的Twitch直播狀態。訪問外觀 » 菜單頁面並點擊自定義鏈接選項卡以展開它。您需要輸入您的Twitch直播URL,將Twitch作為鏈接文本,然後點擊添加到菜單按鈕。

這將在右側列中添加一個菜單項。現在,您需要點擊屏幕右上角的屏幕選項按鈕。這將打開一個菜單,您需要選中CSS類旁邊的框。

現在向下滾動到菜單項並點擊它以展開並顯示其屬性。您需要輸入.twitch或您在插件設置中添加的任何jQuery選擇器。最後點擊保存菜單按鈕。

這就是全部,您現在可以訪問您的網站查看導航菜單中的Twitch直播狀態。請參閱我們的指南了解如何在WordPress中添加導航菜單的故障排除。

嵌入您的Twitch直播到WordPress

與YouTube、Vimeo和其他內建oEmbed集成的視頻網站不同,Twitch要求您實際粘貼嵌入代碼。只需訪問您的Twitch直播並點擊分享按鈕。這將打開一個共享彈出窗口,您需要復制“嵌入實時播放器”選項下的代碼。

編輯您希望嵌入Twitch直播的WordPress文章或頁面,並將嵌入代碼粘貼到文章編輯器中。然後點擊發布或更新按鈕。

現在,您可以訪問您的網站,以查看嵌入到WordPress文章或頁面中的Twitch直播。

我們希望這篇文章能幫助您將Twitch直播狀態添加到您的WordPress網站中。您可能還希望查看我們的最有用的WordPress小工具列表。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道以獲取WordPress視頻教程。您還可以在Twitter和Facebook上找到我們。



Related Posts

  • 2024-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

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