Como Exibir o Status do Stream da Twitch no WordPress

Você usa o Twitch? É uma plataforma de streaming de vídeo popular entre jogadores que a utilizam para transmitir suas gameplays. Ela também é usada para transmitir eventos de jogos, competições, torneios, etc. Recentemente, um de nossos usuários nos perguntou como eles podem adicionar o status de sua transmissão do Twitch no WordPress. Neste artigo, mostraremos como exibir o status da transmissão do Twitch no WordPress.

Tutorial em Vídeo

Se você não gostar do vídeo ou precisar de mais instruções, continue lendo.

A primeira coisa que você precisa fazer é instalar e ativar o plugin Twitch Status. Após a ativação, você precisa visitar a página Configurações » Twitch Status para configurar as opções do plugin.

Simplesmente forneça o nome do seu canal do Twitch e, em seguida, insira seletores jQuery. Esta pode ser qualquer classe CSS ou atributo id de um elemento no código HTML da sua página. Isso informará ao plugin onde exibir o status do seu Twitch.

Se você não sabe o que isso significa, não se preocupe, mostraremos como fazer isso mais adiante no artigo. Por enquanto, você pode simplesmente inserir .twitch como seu seletor jQuery e clicar no botão salvar configurações.

Adicionando o Status do Twitch na Barra Lateral do WordPress

O plugin Twitch Status vem com um widget útil que permite exibir o status da sua transmissão do Twitch na barra lateral do seu site WordPress. Simplesmente vá para Aparência » Widgets e adicione o widget Twitch Status a uma barra lateral.

Forneça um título para o widget e, em seguida, selecione para onde o botão de reprodução deve redirecionar os usuários. Você pode adicionar um link para o seu stream da Twitch, qualquer URL personalizado ou uma página de blog. Não se esqueça de clicar no botão Salvar para armazenar as configurações do seu widget.

Agora você pode visitar seu site para ver o widget em ação.

Adicionando o Status da Twitch no Menu de Navegação do WordPress

Você também pode adicionar o status do seu stream da Twitch aos menus de navegação do seu site. Visite a página Aparência » Menus e clique na aba de link personalizado para expandi-la. Você precisa inserir a URL do seu stream da Twitch com Twitch como texto do link e, em seguida, clicar no botão Adicionar ao menu.

Isso adicionará um item de menu na coluna da direita. Agora você precisa clicar no botão Opções de Tela no canto superior direito da tela. Isso abrirá um menu onde você precisa marcar a caixa ao lado de Classes CSS.

Agora role para baixo até o item de menu e clique nele para expandir e exibir suas propriedades. Você precisa inserir .twitch ou qualquer seletor jQuery que você adicionou nas configurações do plugin. Por último, clique no botão Salvar menu.

Isso é tudo, agora você pode visitar seu site para ver o status do stream da Twitch no seu menu de navegação. Para solução de problemas, consulte nosso guia sobre como adicionar menus de navegação no WordPress.

Incorporando seu Stream da Twitch no WordPress

Diferente do YouTube, Vimeo e outros sites populares de vídeo que têm integração oEmbed integrada com o WordPress, o Twitch exige que você cole o código de incorporação.

Simplesmente visite seu stream do Twitch e clique no botão Compartilhar. Isso abrirá o pop-up de compartilhamento onde você precisa copiar o código na opção 'Incorporar Player ao Vivo'.

Edite o post ou a página no WordPress onde você deseja incorporar o stream do Twitch e cole o código de incorporação no editor do post. Em seguida, clique no botão publicar ou atualizar.

Agora você pode visitar seu site para ver o stream do Twitch incorporado ao seu post ou página do WordPress.

Esperamos que este artigo tenha ajudado você a adicionar o status do stream do Twitch ao seu site WordPress. Você também pode querer ver nossa lista de widgets WordPress mais úteis para o seu site.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e Facebook.