Title: Twitch Status
Author: Nicolas Bernier
Published: <strong>2014년 6월 18일</strong>
Last modified: 2020년 6월 6일

---

플러그인 검색

![](https://ps.w.org/twitch-status/assets/banner-772x250.png?rev=1002436)

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

![](https://ps.w.org/twitch-status/assets/icon-256x256.png?rev=1002438)

# Twitch Status

 작성자: [Nicolas Bernier](https://profiles.wordpress.org/nicolasbernier/)

[다운로드](https://downloads.wordpress.org/plugin/twitch-status.1.5.1.zip)

 * [세부사항](https://ko.wordpress.org/plugins/twitch-status/#description)
 * [평가](https://ko.wordpress.org/plugins/twitch-status/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/twitch-status/#installation)
 * [개발](https://ko.wordpress.org/plugins/twitch-status/#developers)

 [지원](https://wordpress.org/support/plugin/twitch-status/)

## 설명

Inserts Twitch.tv stream status tags in your blog. The tags just indicates if the
stream is live with a blinking red cirle or offline.

Supports multiple channels.

Also implements a simple widget showing the stream status (including the thumbnail,
title, game name and number of viewers) + CSS classes to show and hide some elements
of the markup accordingly to the channel status.

The tags and the widget are updated every 30 seconds.

## 스크린샷

[⌊The stream status tag when online and offline.⌉⌊The stream status tag when online
and offline.⌉[

The stream status tag when online and offline.

[⌊The stream status widget when online.⌉⌊The stream status widget when online.⌉[

The stream status widget when online.

[⌊The stream status widget when offline.⌉⌊The stream status widget when offline.⌉[

The stream status widget when offline.

[⌊Embedded video player with chat, with French localization.⌉⌊Embedded video player
with chat, with French localization.⌉[

Embedded video player with chat, with French localization.

## 설치

#### Install the plugin

 1. Download and unzip twitch-status archive contents to the `/wp-content/plugins/twitch-
    status` directory or add it using WordPress’ plugin manager.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.

#### Configure your channels

 1. Go to _Settings_ / _Twitch status_
 2. Enter the name of all the channels you want to use with the plugin, including in
    widgets.
 3. (optional) Set the jQuery selector(s) for each channel matching the places you 
    want to insert a status tag. Check the F.A.Q. for more information about how to
    use them (it’s easy). Leave this blank if you just want to use the plugin.

#### Add widgets

 1. Go to _Appearance_ / _Widgets_
 2. Drag and drop the _Twitch status widget_ wherever you want to use it.
 3. Choose the Twitch channel you want to show up among the ones you have previously
    entered in the settings.

#### Insert Twitch video player in a post

To insert a video player without the chatbox, use shortcode `[twitch-player channel
="CHANNEL_NAME"]`. With the chatbox, use shortcode `[twitch-player channel="CHANNEL_NAME"
chat="true"]`. Replace CHANNEL_NAME with the name of a channel you have previously
configured in the settings.

#### Insert Twitch chatbox in a post

Use shortcode `[twitch-chat channel="CHANNEL_NAME"]` where CHANNEL_NAME is the name
of a channel you have previously configured in the settings.

#### Insert “Live” tag when my channel is online in a post

Use shortcode `[twitch-status channel="CHANNEL_NAME"]` where CHANNEL_NAME is the
name of a channel you have previously configured in the settings.

## FAQ

### I want to add a widget for my channel but there is no way to set my channel name

You must first add your channel in the plugin’s settings page. Then, you will be
able to select your channel in the widget’s settings.

### I want to add a stream status tag on my “Twitch” tab. How do I find the matching jQuery selector?

You can find the jQuery selector by using the browser developers tools (right click/
inspect on element) to get the id and/or classes of the element. If you have an 
id, just prepend the # symbol to it and you have it. For example, if your element
has ID `menu-item-582`, the jQuery selector would be `#menu-item-582`. If the menu
element has a link inside it (`a` element), add the a element in the selector `#
menu-item-582 a`.

If your element doesn’t have an id but a class, use the class instead. The matching
selector would have a `.` instead of a `#` (ie `.menu-item-582 a`).

Fore more information about jQuery selectors, check out http://api.jquery.com/category/
selectors/

### I added the right shortcode to embed my channel’s player but all I see is a grey block

Check if you have correctly added your channel name in the settings page before.

### Can I show and hide some parts of my page accordingly to my channel status?

Yes! There are 3 CSS classes `twitch-is-online`, `twitch-is-offline` and `twitch-
is-loading` to be used in conjunction with the `data-twitch-channel` HTML attribute
with your channel name `data-twitch-channel="CHANNEL_NAME"` (where `CHANNEL_NAME`
is the name of your channel) to achieve this.

Please be aware that the channel must be added on the settings page.

For example, if your channel name is “nolife”:

    ```
    Nolife is <span data-twitch-channel="nolife"><span class="twitch-is-online">online to kick ass and chew bubble gum!</span><span class="twitch-is-offline">offline. Eighters gonna 8.</span><span class="twitch-is-loading">...</span></span>
    ```

## 후기

![](https://secure.gravatar.com/avatar/6ff83777e46b9f512017fd92a5e08ce03aac2f11073f73034f5ce4183d62921f?
s=60&d=retro&r=g)

### 󠀁[doesn’t work](https://wordpress.org/support/topic/doesnt-work-2772/)󠁿

 [nowheel](https://profiles.wordpress.org/nowheel/) 2022년 1월 16일 답글 1개

after 2 month this plugin doesn’t work, i see only from log to much request to twitch,
and this block my site. uninstalling solve my problem.

![](https://secure.gravatar.com/avatar/6d62ce039a00f8ec1cf061475be69cc4faa928192a3fc017277aa1540308b598?
s=60&d=retro&r=g)

### 󠀁[Does Not Work](https://wordpress.org/support/topic/does-not-work-1215/)󠁿

 [Michael](https://profiles.wordpress.org/archangel76/) 2020년 7월 8일 답글 2개

After beating my head against the desk for the past hour, I decided to remove this
plugin. I followed all the suggestions from the developer in the forum as a couple
of people had the same issue. Re-created the Twitch App, verified usernames, read
through a few other sites, and it’s still nothing but a grey box. It’s a shame. 
Would have been a great addition.

![](https://secure.gravatar.com/avatar/97430de0549031e6ea7cc9e2ddc87213bc41fe88f35307b22f45e679f7e718d3?
s=60&d=retro&r=g)

### 󠀁[White issue.](https://wordpress.org/support/topic/white-issue/)󠁿

 [wilez](https://profiles.wordpress.org/wilez/) 2017년 2월 1일 답글 1개

Near perfection, but there is an issue. Two annoying white patches on the sides 
of the windows. You may not remove? These are two lines (short but thick), next 
to the video and next to the chat window. Sin.

![](https://secure.gravatar.com/avatar/2f2a77fa4508a879bc26ee28bc29d8e56dbbf11ca5e5d459bba1f98db93b341a?
s=60&d=retro&r=g)

### 󠀁[Great work](https://wordpress.org/support/topic/great-work-449/)󠁿

 [caspero](https://profiles.wordpress.org/caspero/) 2017년 1월 15일

Works like it supposed to 🙂

![](https://secure.gravatar.com/avatar/bce76378ccab13c8dfcc9a35305b0aef3775d2a57c9428bce5bd919f491c7743?
s=60&d=retro&r=g)

### 󠀁[Finally updated and now working](https://wordpress.org/support/topic/finally-updated-and-now-working/)󠁿

 [Anonymous User 14765447](https://profiles.wordpress.org/anonymized-14765447/) 
2017년 1월 9일

Great job! Awesome plugin now works great, thank you 🙂

![](https://secure.gravatar.com/avatar/f2896d469f8bfe9d3d9113f747841cfc6125574a045de622721e79bbcba94254?
s=60&d=retro&r=g)

### 󠀁[outdated](https://wordpress.org/support/topic/outdated-14/)󠁿

 [joylessfire](https://profiles.wordpress.org/joylessfire/) 2016년 10월 10일 답글
1개

plugin hasn’t been updated in over a year. wordpress has changed and so has the 
twitch.tv website. needing an update or removal as a plugin available

 [ 모든 9 평가 읽기 ](https://wordpress.org/support/plugin/twitch-status/reviews/)

## 기여자 & 개발자

“Twitch Status”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 
기여하였습니다.

기여자

 *   [ Nicolas Bernier ](https://profiles.wordpress.org/nicolasbernier/)

[자국어로 “Twitch Status”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/twitch-status)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/twitch-status/)는, [SVN 저장소](https://plugins.svn.wordpress.org/twitch-status/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/twitch-status/)
을 [RSS](https://plugins.trac.wordpress.org/log/twitch-status/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 1.5.1

 * Fixed metadata

#### 1.5.0

 * Updated for the new Twitch Helix API
 * Minor bugfixes and improvements

#### 1.4.2

 * Chat now fits screen size when viewing embedded player + chat combo on a mobile
   screen.
 * Fixed options page bugs

#### 1.4.0.

 * Now using HTML5 data to update elements (CSS classes are still supported for 
   backward compatibility)
 * Added shortcode [twitch-status] for status tag
 * Added shortcode [twitch-player] for embedded player
 * Added shortcode [twitch-chat] for embedded chatbox
 * Properly rewrote some parts of code

#### 1.3.0

 * Optimized loading time of the tags and the widgets.
 * Widget links are now active all the time, even when the channel is offline.
 * Fixed widget links to Twitch channels.
 * Improved documentation.

#### 1.2.2

 * Fixed calls to Twitch.tv API.

#### 1.2.1

 * Added CSS classes `twitch-is-online`, `twitch-is-offline` and `twitch-is-loading`
   to be used in conjunction with `twitch-status-channel-CHANNEL_NAME` to enable/
   disable some elements of the page accordingly to the channel status.
 * Fixed widget size issues

#### 1.2

 * Added multiple channel support

#### 1.1

 * Added stream status widget

#### 1.0

 * First release

## 기초

 *  버전 **1.5.1**
 *  최근 업데이트: **6년 전**
 *  활성화된 설치 **100+**
 *  워드프레스 버전 ** 4.6 또는 그 이상 **
 *  다음까지 시험됨: **5.4.19**
 *  언어
 * [English (US)](https://wordpress.org/plugins/twitch-status/)
 * 태그:
 * [ajax](https://ko.wordpress.org/plugins/tags/ajax/)[status](https://ko.wordpress.org/plugins/tags/status/)
   [tag](https://ko.wordpress.org/plugins/tags/tag/)[Twitch.tv](https://ko.wordpress.org/plugins/tags/twitch-tv/)
   [widget](https://ko.wordpress.org/plugins/tags/widget/)
 *  [고급 보기](https://ko.wordpress.org/plugins/twitch-status/advanced/)

## 평점

 별 5점 만점에 3.4점.

 *  [  5/5-별점 후기     ](https://wordpress.org/support/plugin/twitch-status/reviews/?filter=5)
 *  [  0/4-별점 후기     ](https://wordpress.org/support/plugin/twitch-status/reviews/?filter=4)
 *  [  1/3-별점 후기     ](https://wordpress.org/support/plugin/twitch-status/reviews/?filter=3)
 *  [  0/2-별점 후기     ](https://wordpress.org/support/plugin/twitch-status/reviews/?filter=2)
 *  [  3/1-별점 후기     ](https://wordpress.org/support/plugin/twitch-status/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/twitch-status/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/twitch-status/reviews/)

## 기여자

 *   [ Nicolas Bernier ](https://profiles.wordpress.org/nicolasbernier/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/twitch-status/)