{"id":30150,"date":"2014-06-18T08:56:18","date_gmt":"2014-06-18T08:56:18","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/twitch-status\/"},"modified":"2020-06-06T23:39:59","modified_gmt":"2020-06-06T23:39:59","slug":"twitch-status","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/twitch-status\/","author":12203013,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.5.1","stable_tag":"1.5.1","tested":"5.4.19","requires":"4.6","requires_php":"","requires_plugins":"","header_name":"Twitch Status","header_author":"Nicolas Bernier","header_description":"","assets_banners_color":"663336","last_updated":"2020-06-06 23:39:59","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"http:\/\/www.synagila.com","rating":3.4,"author_block_rating":0,"active_installs":200,"downloads":26549,"num_ratings":9,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.1.x to 1.2.x and up":"<p>If you added some custom Twitch status tags, you have to add the CSS class <code>twitch-status-channel-CHANNEL_NAME<\/code> (where <code>CHANNEL_NAME<\/code> is the name of your channel) to the markup of each of them.<\/p>"},"ratings":{"1":3,"2":0,"3":1,"4":0,"5":5},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":"1002455","resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":"1002438","resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":"1002436","resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.1","1.2","1.2.1","1.2.2","1.3.0","1.4.0","1.4.1","1.4.2","1.5.0","1.5.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"934262","resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"934262","resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":"934262","resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":"1553838","resolution":"4","location":"assets","locale":""}},"screenshots":{"1":"The stream status tag when online and offline.","2":"The stream status widget when online.","3":"The stream status widget when offline.","4":"Embedded video player with chat, with French localization."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[221,409,90,10857,162],"plugin_category":[43,50,57],"plugin_contributors":[82655],"plugin_business_model":[],"class_list":["post-30150","plugin","type-plugin","status-publish","hentry","plugin_tags-ajax","plugin_tags-status","plugin_tags-tag","plugin_tags-twitch-tv","plugin_tags-widget","plugin_category-customization","plugin_category-media","plugin_category-taxonomy","plugin_contributors-nicolasbernier","plugin_committers-nicolasbernier"],"banners":{"banner":"https:\/\/ps.w.org\/twitch-status\/assets\/banner-772x250.png?rev=1002436","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/twitch-status\/assets\/icon-128x128.png?rev=1002455","icon_2x":"https:\/\/ps.w.org\/twitch-status\/assets\/icon-256x256.png?rev=1002438","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/twitch-status\/assets\/screenshot-1.png?rev=934262","caption":"The stream status tag when online and offline."},{"src":"https:\/\/ps.w.org\/twitch-status\/assets\/screenshot-2.png?rev=934262","caption":"The stream status widget when online."},{"src":"https:\/\/ps.w.org\/twitch-status\/assets\/screenshot-3.png?rev=934262","caption":"The stream status widget when offline."},{"src":"https:\/\/ps.w.org\/twitch-status\/assets\/screenshot-4.png?rev=1553838","caption":"Embedded video player with chat, with French localization."}],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<p>Supports multiple channels.<\/p>\n\n<p>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.<\/p>\n\n<p>The tags and the widget are updated every 30 seconds.<\/p>\n\n<!--section=installation-->\n<h4>Install the plugin<\/h4>\n\n<ol>\n<li>Download and unzip twitch-status archive contents to the <code>\/wp-content\/plugins\/twitch-status<\/code> directory or add it using WordPress' plugin manager.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<\/ol>\n\n<h4>Configure your channels<\/h4>\n\n<ol>\n<li>Go to <em>Settings<\/em> \/ <em>Twitch status<\/em><\/li>\n<li>Enter the name of all the channels you want to use with the plugin, including in widgets.<\/li>\n<li>(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.<\/li>\n<\/ol>\n\n<h4>Add widgets<\/h4>\n\n<ol>\n<li>Go to <em>Appearance<\/em> \/ <em>Widgets<\/em><\/li>\n<li>Drag and drop the <em>Twitch status widget<\/em> wherever you want to use it.<\/li>\n<li>Choose the Twitch channel you want to show up among the ones you have previously entered in the settings.<\/li>\n<\/ol>\n\n<h4>Insert Twitch video player in a post<\/h4>\n\n<p>To insert a video player without the chatbox, use shortcode <code>[twitch-player channel=\"CHANNEL_NAME\"]<\/code>. With the chatbox, use shortcode <code>[twitch-player channel=\"CHANNEL_NAME\" chat=\"true\"]<\/code>.\nReplace CHANNEL_NAME with the name of a channel you have previously configured in the settings.<\/p>\n\n<h4>Insert Twitch chatbox in a post<\/h4>\n\n<p>Use shortcode <code>[twitch-chat channel=\"CHANNEL_NAME\"]<\/code> where CHANNEL_NAME is the name of a channel you have previously configured in the settings.<\/p>\n\n<h4>Insert \"Live\" tag when my channel is online in a post<\/h4>\n\n<p>Use shortcode <code>[twitch-status channel=\"CHANNEL_NAME\"]<\/code> where CHANNEL_NAME is the name of a channel you have previously configured in the settings.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt><h3>I want to add a widget for my channel but there is no way to set my channel name<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt><h3>I want to add a stream status tag on my \"Twitch\" tab. How do I find the matching jQuery selector?<\/h3><\/dt>\n<dd><p>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 <code>menu-item-582<\/code>, the jQuery selector would be <code>#menu-item-582<\/code>. If the menu element has a link inside it (<code>a<\/code> element), add the a element in the selector <code>#menu-item-582 a<\/code>.<\/p>\n\n<p>If your element doesn't have an id but a class, use the class instead. The matching selector would have a <code>.<\/code> instead of a <code>#<\/code> (ie <code>.menu-item-582 a<\/code>).<\/p>\n\n<p>Fore more information about jQuery selectors, check out http:\/\/api.jquery.com\/category\/selectors\/<\/p><\/dd>\n<dt><h3>I added the right shortcode to embed my channel's player but all I see is a grey block<\/h3><\/dt>\n<dd><p>Check if you have correctly added your channel name in the settings page before.<\/p><\/dd>\n<dt><h3>Can I show and hide some parts of my page accordingly to my channel status?<\/h3><\/dt>\n<dd><p>Yes! There are 3 CSS classes <code>twitch-is-online<\/code>, <code>twitch-is-offline<\/code> and <code>twitch-is-loading<\/code> to be used in conjunction with the <code>data-twitch-channel<\/code> HTML attribute with your channel name <code>data-twitch-channel=\"CHANNEL_NAME\"<\/code> (where <code>CHANNEL_NAME<\/code> is the name of your channel) to achieve this.<\/p>\n\n<p>Please be aware that the channel must be added on the settings page.<\/p>\n\n<p>For example, if your channel name is \"nolife\":<\/p>\n\n<pre><code>Nolife is &lt;span data-twitch-channel=\"nolife\"&gt;&lt;span class=\"twitch-is-online\"&gt;online to kick ass and chew bubble gum!&lt;\/span&gt;&lt;span class=\"twitch-is-offline\"&gt;offline. Eighters gonna 8.&lt;\/span&gt;&lt;span class=\"twitch-is-loading\"&gt;...&lt;\/span&gt;&lt;\/span&gt;\n<\/code><\/pre><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.5.1<\/h4>\n\n<ul>\n<li>Fixed metadata<\/li>\n<\/ul>\n\n<h4>1.5.0<\/h4>\n\n<ul>\n<li>Updated for the new Twitch Helix API<\/li>\n<li>Minor bugfixes and improvements<\/li>\n<\/ul>\n\n<h4>1.4.2<\/h4>\n\n<ul>\n<li>Chat now fits screen size when viewing embedded player + chat combo on a mobile screen.<\/li>\n<li>Fixed options page bugs<\/li>\n<\/ul>\n\n<h4>1.4.0.<\/h4>\n\n<ul>\n<li>Now using HTML5 data to update elements (CSS classes are still supported for backward compatibility)<\/li>\n<li>Added shortcode [twitch-status] for status tag<\/li>\n<li>Added shortcode [twitch-player] for embedded player<\/li>\n<li>Added shortcode [twitch-chat] for embedded chatbox<\/li>\n<li>Properly rewrote some parts of code<\/li>\n<\/ul>\n\n<h4>1.3.0<\/h4>\n\n<ul>\n<li>Optimized loading time of the tags and the widgets.<\/li>\n<li>Widget links are now active all the time, even when the channel is offline.<\/li>\n<li>Fixed widget links to Twitch channels.<\/li>\n<li>Improved documentation.<\/li>\n<\/ul>\n\n<h4>1.2.2<\/h4>\n\n<ul>\n<li>Fixed calls to Twitch.tv API.<\/li>\n<\/ul>\n\n<h4>1.2.1<\/h4>\n\n<ul>\n<li>Added CSS classes <code>twitch-is-online<\/code>, <code>twitch-is-offline<\/code> and <code>twitch-is-loading<\/code> to be used in conjunction with <code>twitch-status-channel-CHANNEL_NAME<\/code> to enable\/disable some elements of the page accordingly to the channel status.<\/li>\n<li>Fixed widget size issues<\/li>\n<\/ul>\n\n<h4>1.2<\/h4>\n\n<ul>\n<li>Added multiple channel support<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>Added stream status widget<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>First release<\/li>\n<\/ul>","raw_excerpt":"Inserts Twitch.tv stream player and chatbox in your posts, stream widget and online status tags in your menus. Supports multiple channels.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/30150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=30150"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/nicolasbernier"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=30150"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=30150"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=30150"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=30150"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=30150"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=30150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}