如何在WordPress中顯示Twitch流狀態


您使用Twitch嗎? 這是一個視頻流平台,在使用它來播放其遊戲玩法的遊戲玩家中很受歡迎。 它還用於流媒體遊戲事件,比賽,錦標賽等。最近,我們的一位用戶問我們如何在WordPress中添加其Twitch流狀態。 在本文中,我們將向您展示如何在WordPress中顯示Twitch流狀態。

在WordPress中添加Twitch

影片教學

訂閱WPBeginner

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

您需要做的第一件事是安裝並激活Twitch Status插件。 激活後,您需要訪問 設置»抽搐狀態 頁面以配置插件設置。

抽搐狀態設置

只需提供您的Twitch頻道名稱,然後輸入jQuery選擇器即可。 這可以是頁面HTML代碼中元素的任何CSS類或id屬性。 它將告訴插件在哪裡顯示您的抽搐狀態。

如果您不知道這意味著什麼,請不用擔心,我們將在本文後面向您展示如何做到這一點。 現在,您只需輸入 .twitch 作為您的jQuery選擇器,然後點擊保存設置按鈕。

在WordPress邊欄中添加Twitch狀態

Twitch狀態插件附帶一個漂亮的小部件,可讓您在WordPress網站的側邊欄中顯示Twitch流狀態。 只需轉到 外觀»小部件 並將“ Twitch狀態”小部件添加到側邊欄。

Twitch小部件設置

提供窗口小部件的標題,然後選擇播放按鈕應將用戶重定向到的位置。 您可以將鏈接添加到Twitch流,任何自定義URL或博客頁面。 不要忘記單擊保存按鈕來存儲您的小部件設置。

現在,您可以訪問您的網站以查看正在運行的小部件。

Twitch小部件預覽

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

您還可以在站點的導航菜單中添加Twitch流狀態。 訪問 外觀»菜單 頁,然後單擊“自定義鏈接”標籤以將其展開。 您需要輸入帶有Twitch作為鏈接文本的twitch流URL,然後單擊Add to menu按鈕。

添加Twitch鏈接

這將在右側欄中添加一個菜單項。 現在,您需要單擊屏幕右上角的“屏幕選項”按鈕。 它將顯示一個菜單,您需要在其中選中CSS類旁邊的框。

CSS類

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

在WordPress的導航菜單項中添加CSS類

就是這樣,您現在可以訪問您的網站,在導航菜單中查看Twitch流狀態。 有關疑難解答,請參閱有關如何在WordPress中添加導航菜單的指南。

WordPress導航菜單中的Twitch狀態

在WordPress中嵌入您的Twitch流

與YouTube,Vimeo和其他與WordPress內置oEmbed集成的流行視頻網站不同,Twitch要求您實際粘貼嵌入代碼。

只需訪問您的Twitch流,然後單擊“共享”按鈕。 這將彈出共享彈出窗口,您需要在其中復制“嵌入式Live Player”選項下的代碼。

為您的Twitch流獲取嵌入代碼

在要嵌入Twitch流的WordPress中編輯帖子或頁面,然後將嵌入代碼粘貼到帖子編輯器中。 接下來,單擊“發布”或“更新”按鈕。

現在,您可以訪問您的網站以查看WordPress帖子或頁面中嵌入的Twitch流。

Twitch流嵌入WordPress頁面

我們希望本文能幫助您將Twitch流狀態添加到WordPress網站。 您可能還希望查看我們為您的站點提供的最有用的WordPress小部件列表。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。