如何在 WordPress 中显示 Twitch 流状态

你用抽搐吗?它是一个视频流媒体平台,在使用它来播放游戏的游戏玩家中很受欢迎。它还用于流式传输游戏活动、比赛、锦标赛等。最近,我们的一位用户问我们如何在 WordPress 中添加他们的 Twitch 流状态。在本文中,我们将向您展示如何在 WordPress 中显示 Twitch 流状态。

在 WordPress 中添加 Twitch

视频教程

订阅 WPBeginner

如果您不喜欢该视频或需要更多说明,请继续阅读。

您需要做的第一件事是安装并激活Twitch Status插件。激活后,您需要访问设置»Twitch 状态页面来配置插件设置。

抽搐状态设置

只需提供您的 Twitch 频道名称,然后输入 jQuery 选择器。这可以是页面 HTML 代码中元素的任何CSS 类或 id 属性。它会告诉插件在哪里显示您的抽搐状态。

如果您不知道这意味着什么,请不要担心,我们将在本文后面向您展示如何做到这一点。现在您可以简单地输入.twitch您的 jQuery 选择器,然后单击保存设置按钮。

在 WordPress 侧边栏中添加 Twitch 状态

Twitch Status 插件带有一个漂亮的小部件,可让您在 WordPress 网站的侧边栏中显示您的 Twitch 流状态。只需转到外观»小部件并将 Twitch 状态小部件添加到侧边栏。

Twitch 小部件设置

为小部件提供标题,然后选择播放按钮应将用户重定向到的位置。您可以将链接添加到您的 Twitch 流、任何自定义 URL 或博客页面。不要忘记单击保存按钮来存储您的小部件设置。

您现在可以访问您的网站以查看正在运行的小部件。

Twitch 小部件预览

在 WordPress 导航菜单中添加 Twitch 状态

您还可以在站点的导航菜单中添加您的 Twitch 流状态。访问外观»菜单页面,然后单击自定义链接选项卡将其展开。您需要使用 Twitch 作为链接文本输入您的 twitch 流 URL,然后单击添加到菜单按钮。

添加 Twitch 链接

这将在右侧栏中添加一个菜单项。现在您需要单击屏幕右上角的“屏幕选项”按钮。它将打开一个菜单,您需要在其中选中 CSS 类旁边的框。

CSS 类

现在向下滚动到菜单项并单击它以展开并显示其属性。您需要输入 .twitch 或您在插件设置中添加的任何 jQuery 选择器。最后点击保存菜单按钮。

将 CSS 类添加到 WordPress 中的导航菜单项

就是这样,您现在可以访问您的网站,在导航菜单中查看 Twitch 流状态。有关故障排除,请参阅我们关于如何在 WordPress 中添加导航菜单的指南。

WordPress 导航菜单中的 Twitch 状态

在 WordPress 中嵌入您的 Twitch 流

与 YouTube、Vimeo和其他 内置 oEmbed与 WordPress 集成的流行视频网站不同,Twitch 要求您实际粘贴嵌入代码。

只需访问您的 Twitch 流并单击“共享”按钮。这将弹出共享弹出窗口,您需要在其中复制“嵌入实时播放器”选项下的代码。

获取 Twitch 流的嵌入代码

在 WordPress 中编辑要嵌入 Twitch 流的帖子或页面,并将嵌入代码粘贴到帖子编辑器中。接下来单击发布或更新按钮。

您现在可以访问您的网站以查看嵌入到您的 WordPress 帖子或页面中的 Twitch 流。

嵌入到 WordPress 页面中的 Twitch 流

我们希望本文能帮助您将 Twitch 流状态添加到您的 WordPress 网站。您可能还想查看我们对您的站点最有用的 WordPress 小部件列表。