如何将您的 Twitch 状态添加到 WordPress

已发表: 2017-07-29

如果您喜欢在 Twitch 上直播,您的主要目标可能是获得尽可能多的观看次数(和订阅者)。 您可以通过使用您的社交媒体帐户让人们知道您什么时候上线来做到这一点,但是如果您也有一个拥有自己受众的 WordPress 网站呢?

幸运的是,WordPress 使您能够在您的网站上显示您的 Twitch 状态。 这不是默认功能,但添加起来非常简单。 在本文中,我们将讨论为什么应该在 WordPress 上显示您的 Twitch 状态,并教您如何以三种不同的方式进行显示。 让我们开始吧!

为什么你应该将你的 Twitch 状态添加到 WordPress

抽搐流。

作为主播,您的主要目标应该是让尽可能多的人关注您的直播。

对于初学者来说,Twitch 是一个平台,任何人都可以在玩视频游戏时进行直播。 根据他们自己的统计,每个人都有超过 1 亿人收看自己喜欢的主播 月。 如果您希望建立观众群,您会希望人们知道您何时进行流媒体播放,而显示您的状态是实现此目的的绝佳方式。

将你的 Twitch 状态添加到 WordPress 是一个非常简单的调整,但如果你有一个内置的观众,它可以帮助你更多地关注你的流。 一旦您添加了自己的按钮,人们就可以点击它并直接从您的网站访问它。

此外,您还可以将您的 Twitch 流嵌入您的 WordPress 网站。 这是一个快速的过程,不会花费您超过几分钟的时间,在我们讨论完您的 Twitch 状态后,我们将引导您完成整个过程。

介绍 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 频道,我们还建议启用在新标签页中打开选项。 这样,您的访问者在观看完毕后更有可能返回您的网站。 现在让我们保存我们的更改,并从前端查看小部件的外观:

Twitch 小部件的示例。

如果您想为您的小部件添加更多风格,请记住您始终可以自定义侧边栏的外观。 但是,还有其他方法可以显示您的 Twitch 状态 - 例如,使用按钮。

2. 在 WordPress 的导航菜单中包含您的 Twitch 状态

Twitch Status 插件还允许您使用短代码在您的网站上添加一个简单的按钮。 在导航菜单中显示它是个好主意,因为它更有可能被点击。 不幸的是,WordPress 默认不允许您执行此操作,但我们仍然可以获得所需的效果。 首先,转到仪表板上的外观 > 菜单选项卡,查找主菜单,然后找到自定义链接选项:

添加自定义链接到您的菜单。

现在,将您的 Twitch 频道的地址添加到URL字段,以及应显示在“直播”按钮旁边的文本。 完成后单击“添加到菜单” ,然后滚动到“菜单”页面的顶部。 查找顶部的屏幕选项选项卡并单击它——您要确保启用了CSS 类选项:

启用 CSS 类设置。

向下滚动并查找您的 Twitch 菜单项,然后展开其设置。 您会在链接的 URL 和文本正下方找到一个新的CSS Classes字段。 继续添加我们在本节开头添加的.twitch选择器:

向新菜单项添加 CSS 选择器。

保存对菜单的更改,检查前端以确保按钮正常工作:

显示 Twitch 状态的菜单示例。

请记住,您可以使用 WordPress 定制器根据自己的喜好设置菜单样式,因此请随意尝试,直到找到适合您的新按钮的设计为止。

3. 将您的 Twitch 状态添加到 Divi 的二级菜单

如果您是 Divi 用户,您可能熟悉它的二级菜单,它可以让您在主菜单之上创建一个较小的菜单。 虽然它们通常用于显示联系信息,但它们也非常适合 Twitch 状态按钮。

为此,您需要创建一个菜单并将其分配给二级菜单显示位置,您可以从“外观菜单”选项卡执行此操作:

配置二级菜单的位置。

接下来,将自定义链接添加到您的菜单并重复上一部分的过程。 完成后,保存您的更改并从前端查看情况:

显示 Twitch 状态的二级菜单示例。

无论您决定在哪个菜单上显示,Twitch 状态按钮本身都会显得同样大。 这是个人喜好的问题,因此请根据您的口味随意选择任一选项。

如何将您的 Twitch 流嵌入 WordPress

在结束之前,让我们谈谈如何将您的实时 Twitch 流嵌入到 WordPress 中。 这是一个可选步骤,但如果您希望用户在您的网站上花费更多时间,这是一个很好的举措。

幸运的是,这一步不需要任何额外的设置。 如果您已经设置了 Twitch 状态插件,只需将[twitch-player channel=”yourchannelgoeshere”]代码粘贴到您希望流出现的任何页面或帖子中,记住添加您自己的频道名称。 保存更改后,检查播放器是否在前端正确显示:

嵌入式 Twitch 流的示例。

你去吧! 现在您知道了多种选项来显示您的 Twitch 状态以及如何将您的流嵌入您网站的任何位置!

结论

在您的 WordPress 网站上显示您的 Twitch 状态是一个简单的技巧,可以为您吸引更多的观众和订阅者。 此外,如果您想为访问者提供更多关注您的选项,您还可以将您的信息流嵌入您的网站。 最好的部分是,使用 WordPress 实现两者非常简单。

让我们回顾一下将 Twitch 状态添加到 WordPress 的三种不同方式:

  1. 将您的状态添加到您网站的侧边栏。
  2. 在导航菜单中包含您的状态。
  3. 将您的状态添加到 Divi 的二级菜单。

您对如何同时使用 Twitch 和 WordPress 有任何疑问吗? 在下面的评论部分提问!

文章缩略图由 Rzt Moster/shutterstock.com 提供。