TwitchステータスをWordPressに追加する方法

公開: 2017-07-29

Twitchで自分をストリーミングしたい場合、主な目標はおそらくできるだけ多くのビュー（およびサブスクライバー）を取得することです。 ソーシャルメディアアカウントを使用して、いつ参加するかを人々に知らせることでこれを行うことができますが、独自のオーディエンスを持つWordPressWebサイトもある場合はどうでしょうか。

幸い、WordPressを使用すると、TwitchのステータスをWebサイトに表示できます。 これはデフォルトの機能ではありませんが、追加するのは非常に簡単です。 この記事では、WordPressでTwitchステータスを表示する必要がある理由について説明し、3つの異なる方法でそれを行う方法を説明します。 始めましょう！

TwitchステータスをWordPressに追加する必要がある理由

Twitchストリーム。

ストリーマーとしてのあなたの主な目標は、あなたのストリームにできるだけ多くの目を向けることです。

初心者にとって、Twitchは、ビデオゲームをプレイしながら誰でも自分自身をストリーミングできるプラットフォームです。 彼ら自身の統計によると、1億人以上の人々がそれぞれのお気に入りのストリーマーを見るために参加しています 月。 視聴者を増やしたい場合は、ストリーミングしているときはいつでも他の人に知ってもらいたいと思うでしょう。自分のステータスを表示することは、そうするための優れた方法です。

TwitchステータスをWordPressに追加するのは非常に簡単な調整ですが、組み込みのオーディエンスがある場合は、ストリームにもっと目を向けるのに役立ちます。 独自のボタンを追加すると、他のユーザーがボタンをクリックして、サイトから直接アクセスできるようになります。

さらに、TwitchストリームをWordPressWebサイトに埋め込むこともできます。 これは、数分以上かかることのない簡単なプロセスです。Twitchのステータスについて話し終えたら、手順を説明します。

Twitchステータスプラグインの紹介

Twitchステータスプラグイン。

TwitchStatusプラグインは非常にシンプルです。 シンプルなTwitchステータスボタンをWordPressナビゲーションバーに追加して、訪問者にライブかオフラインかを知らせることができます。

スパイスを効かせたい場合は、プレイしているゲームに関する情報を含むウィジェットを表示することもできます。また、ストリームのミニチュアバージョンを含めることもできます。

プラグインはしばらく更新されていませんが、プラグインが提供する機能は非常に単純であることに注意してください。 Diviでのテスト中に問題は発生せず、多くのユーザーがそのパフォーマンスに満足しています。

主な機能：

  • WordPressWebサイトにTwitchステータスを表示します。
  • ストリームのステータスを表示するためのボタンまたはウィジェットを提供します。
  • CSSを使用してウィジェットをカスタマイズできます
  • 30秒ごとに自動的に更新され、ステータスの変化が表示されます。

価格：無料| 詳しくは

TwitchステータスをWordPressに追加する方法（3つの方法で）

開始するには、Twitchステータスプラグインをインストールしてアクティブ化し、WordPressダッシュボードの[設定]> [Twitchステータス]タブに移動する必要があります。

チャンネルの名前を示します。

ここでは、Twitchチャンネルの名前を適切なフィールドに入力し、変更を保存します。 次に、 .twitchクラスをjQueryセレクターフィールドに追加します。すぐに必要になります。 ここで、ストリームを表示するための適切な方法を選択する必要があります。

1.TwitchステータスをWordPressサイドバーに追加します

ダッシュボードの[外観] > [ウィジェット]タブに移動すると、新しいTwitchステータスウィジェットが見つかります。 他のすべてのWordPressウィジェットと同様に、サイドバーまたはフッター領域にドラッグアンドドロップできます。 サイドバーがより目立つため、最も論理的なオプションとしてサイドバーをお勧めします。 Twitchステータスウィジェットをサイドバーにドラッグし、必要に応じて再配置します。

追加したら、いくつかのオプションを構成する必要があります。 まず、タイトルを設定し、ウィジェットに表示するチャネルを指定します。 これが機能するためには、チャネルが[設定]> [Twitchステータス]タブですでに構成されている必要があります。

Twitchウィジェットの構成。

次に、誰かがウィジェットの[再生]ボタンをクリックしたときに何が起こるかを示します。 最も安全な選択は、ユーザーをTwitchチャネルにリダイレクトすることです。また、[新しいタブで開く]オプションを有効にすることをお勧めします。 そうすれば、訪問者は視聴を終えるとWebサイトに戻る可能性が高くなります。 次に、変更を保存して、フロントエンドからウィジェットがどのように見えるかを見てみましょう。

Twitchウィジェットの例。

ウィジェットにもう少しフレアを追加したい場合は、サイドバーの外観をいつでもカスタマイズできることを忘れないでください。 ただし、Twitchステータスを表示する方法は他にもあります。たとえば、ボタンを使用します。

2.WordPressのナビゲーションメニューにTwitchステータスを含めます

Twitch Statusプラグインを使用すると、ショートコードを使用してサイトに簡単なボタンを追加することもできます。 クリックされる可能性が高いため、ナビゲーションメニューにこれを表示することをお勧めします。 残念ながら、WordPressではデフォルトでこれを行うことはできませんが、それでも目的の効果を得ることができます。 開始するには、ダッシュボードの[外観] > [メニュー]タブに移動し、メインメニューを探して、[カスタムリンク]オプションを見つけます。

メニューにカスタムリンクを追加します。

次に、TwitchチャンネルのアドレスをURLフィールドに追加し、[ライブ]ボタンの横に表示されるテキストを追加します。 完了したら、[メニューに追加]をクリックし、メニューページの上部までスクロールします。 上部にある[画面オプション]タブを探してクリックします。CSSクラスオプションが有効になっていることを確認します。

CSSクラス設定を有効にします。

下にスクロールしてTwitchメニュー項目を探し、その設定を展開します。 リンクのURLとテキストのすぐ下に新しいCSSクラスフィールドがあります。 先に進み、このセクションの冒頭で追加した.twitchセレクターを追加します。

新しいメニュー項目にCSSセレクターを追加します。

メニューへの変更を保存し、フロントエンドをチェックして、ボタンが機能していることを確認します。

Twitchステータスを表示するメニューの例。

WordPressカスタマイザーを使用して、好みに合わせてメニューのスタイルを設定できることを忘れないでください。新しいボタンに似合うデザインが見つかるまで、自由に試してみてください。

3.TwitchステータスをDiviのセカンダリメニューに追加します

Diviユーザーの場合は、プライマリメニューの上に小さなメニューを作成できるセカンダリメニューに精通していると思います。 通常は連絡先情報を表示するために使用されますが、Twitchステータスボタンにも適しています。

これを行うには、メニューを作成してセカンダリメニューの表示場所に割り当てる必要があります。これは[外観メニュー]タブから実行できます。

セカンダリメニューの場所を設定します。

次に、メニューにカスタムリンクを追加し、前のセクションのプロセスを繰り返します。 それが完了したら、変更を保存して、フロントエンドからどのように見えるかを確認します。

Twitchステータスを表示するセカンダリメニューの例。

Twitchステータスボタン自体は、表示するメニューに関係なく、同じ大きさで表示されます。 個人的な好みの問題ですので、お好みに応じてどちらのオプションでもお気軽にどうぞ。

TwitchストリームをWordPressに埋め込む方法

まとめる前に、ライブTwitchストリームをWordPressに埋め込む方法について説明しましょう。 これはオプションの手順ですが、ユーザーにサイトでより多くの時間を費やしてもらいたい場合は、良い方法です。

幸い、この手順では追加の設定は必要ありません。 Twitchステータスプラグインをすでに設定している場合は、 [twitch-player channel =” yourchannelgoeshere”]ショートコードをストリームを表示するページまたは投稿に貼り付けるだけで、独自のチャンネル名を追加することを忘れないでください。 変更を保存したら、プレーヤーがフロントエンドに正しく表示されているかどうかを確認します。

埋め込まれたTwitchストリームの例。

どうぞ！ 今すぐあなたの単収縮の状態を表示するために複数のオプションを知っているとどのようにあなたのサイト上であなたのストリームのどこを埋め込みます！

結論

WordPress WebサイトにTwitchステータスを表示することは、より多くの視聴者とサブスクライバーを獲得できる簡単なトリックです。 さらに、訪問者にあなたをフォローするためのより多くのオプションを提供したい場合は、サイトにストリームを埋め込むこともできます。 最良の部分は、WordPressを使用して両方を達成することは非常に簡単です。

TwitchステータスをWordPressに追加する3つの異なる方法を要約してみましょう。

  1. ステータスをサイトのサイドバーに追加します。
  2. ナビゲーションメニューに自分のステータスを含めます。
  3. ステータスをDiviのセカンダリメニューに追加します。

TwitchとWordPressを一緒に使用する方法について質問がありますか？ 下のコメントセクションで質問してください！

Rzt Moster /shutterstock.comによる記事のサムネイル画像。