WordPressでTwitchストリームステータスを表示する方法

Twitch を使用していますか？これは、ゲーマーの間で人気のあるビデオストリーミングプラットフォームであり、ゲームプレイをブロードキャストするために使用されます。また、ゲームイベント、コンペティション、トーナメントなどのストリーミングにも使用されます。最近、ユーザーの 1 人から、WordPress に Twitch ストリームステータスを追加する方法について質問がありました。この記事では、WordPress で Twitch ストリームステータスを表示する方法を説明します。

動画チュートリアル

動画が気に入らなかった場合や、さらに詳しい説明が必要な場合は、読み進めてください。

まず最初に行うべきことは、Twitch Status プラグインをインストールして有効化することです。有効化したら、プラグインの設定を行うために 設定 » Twitch Status ページにアクセスする必要があります。

Twitchチャンネル名を入力し、jQueryセレクターを入力します。これは、ページのHTMLコード内の要素の CSSクラス またはID属性のいずれかです。これにより、プラグインはどこにTwitchステータスを表示するかを知ることができます。

その意味がわからない場合は、記事の後半でその方法を説明するので心配しないでください。今は、jQueryセレクターとして.twitchを入力し、設定の保存ボタンをクリックするだけで済みます。

WordPressサイドバーにTwitchステータスを追加する

Twitch Statusプラグインには、WordPressサイトのサイドバーにTwitchストリームステータスを表示できる便利なウィジェットが付属しています。単に外観 » ウィジェットに移動し、Twitch Statusウィジェットをサイドバーに追加してください。

ウィジェットのタイトルを指定し、再生ボタンがユーザーをリダイレクトする場所を選択します。Twitch ストリーム、カスタム URL、またはブログページへのリンクを追加できます。ウィジェット設定を保存するには、必ず保存ボタンをクリックしてください。

ウィジェットが機能しているか確認するために、ウェブサイトにアクセスできるようになりました。

WordPressナビゲーションメニューにTwitchステータスを追加する

また、サイトのナビゲーションメニューに Twitch ストリームのステータスを追加することもできます。外観 » メニュー ページにアクセスし、カスタムリンクタブをクリックして展開します。リンクテキストとして Twitch を指定して Twitch ストリーム URL を入力し、メニューに追加ボタンをクリックする必要があります。

これにより、右側の列にメニュー項目が追加されます。次に、画面右上にある スクリーンオプション ボタンをクリックする必要があります。メニューが表示されるので、CSSクラスの横にあるチェックボックスをオンにします。

メニュー項目までスクロールダウンし、クリックして展開し、プロパティを表示します。プラグイン設定で追加したjQueryセレクター（例: .twitchなど）を入力する必要があります。最後に、保存メニューボタンをクリックします。

これで、ウェブサイトにアクセスして、ナビゲーションメニューにTwitchストリームのステータスが表示されることを確認できます。トラブルシューティングについては、WordPressにナビゲーションメニューを追加する方法に関するガイドを参照してください。

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

WordPress との oEmbed 統合が組み込まれている YouTube、Vimeo、その他の人気の動画サイトとは異なり、Twitch では実際に埋め込みコードを貼り付ける必要があります。

Twitchストリームにアクセスし、「共有」ボタンをクリックするだけです。これにより共有ポップアップが表示されるので、「ライブプレーヤーの埋め込み」オプションの下にあるコードをコピーします。

Twitchストリームを埋め込みたいWordPressの投稿またはページを編集し、投稿エディターに埋め込みコードを貼り付けます。次に、公開または更新ボタンをクリックします。

これで、WordPressの投稿またはページに埋め込まれたTwitchストリームを確認するために、あなたのウェブサイトにアクセスできます。

この記事が、TwitchストリームステータスをWordPressサイトに追加するのに役立ったことを願っています。また、サイトに最も役立つWordPressウィジェット25選のリストも参照することをお勧めします。

この記事が気に入ったら、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでもフォローできます。