首页 » 博文 » wpbeginner » 最佳插件 » 如何在 WordPress 中显示 Twitch 流状态

如何在 WordPress 中显示 Twitch 流状态

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

在 WordPress 中添加 Twitch

视频教程

https://www.youtube.com/embed/tf8M9Rbq5ms?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent订阅 WPBeginner

https://www.youtube.com/subscribe_embed?usegapi=1&channel=wpbeginner&layout=default&count=default&origin=https%3A%2F%2Fwpbeginner.com&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en.vQiXRrxCe40.O%2Fam%3DAQ%2Fd%3D1%2Frs%3DAGLTcCMBxIGVyXSdvvcs43a64yHt_P7dfg%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&id=I0_1448178294715&parent=https%3A%2F%2Fwpbeginner.com

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

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

抽搐状态设置

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

如果您不知道这意味着什么,请不要担心,我们将在本文后面向您展示如何执行此操作。现在您只需输入.twitchjQuery 选择器并单击“保存设置”按钮即可。

在 WordPress 侧边栏中添加 Twitch 状态

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

Twitch 小部件设置

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

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

Twitch 小部件预览

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

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

添加 Twitch 链接

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

CSS 类

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

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

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

WordPress 导航菜单中的 Twitch 状态

在 WordPress 中嵌入您的 Twitch 流

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

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

获取 Twitch 直播的嵌入代码

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

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

嵌入 WordPress 页面的 Twitch 流

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

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top