Como adicionar seu status Twitch ao WordPress

Publicados: 2017-07-29

Se você gosta de se transmitir no Twitch, seu objetivo principal é provavelmente obter o máximo de visualizações (e assinantes) possível. Você pode fazer isso usando suas contas de mídia social para que as pessoas saibam quando você estará no ar, mas e se você também tiver um site WordPress com seu próprio público?

Felizmente, o WordPress permite que você exiba seu status do Twitch em seu site. Não é um recurso padrão, mas é muito simples de adicionar. Neste artigo, vamos falar sobre por que você deve exibir seu status no Twitch no WordPress e ensiná-lo a fazer isso de três maneiras diferentes. Vamos começar!

Por que você deve adicionar seu status Twitch ao WordPress

Um fluxo do Twitch.

Como um streamer, seu objetivo principal deve ser conseguir o máximo de olhos possível em seus streams.

Para os não iniciados, Twitch é uma plataforma que permite que qualquer pessoa faça stream de si mesmo enquanto joga videogame. De acordo com suas próprias estatísticas, mais de 100 milhões de pessoas sintonizam para assistir seus streamers favoritos, cada mês. Se você espera construir um público, você vai querer que as pessoas saibam sempre que você estiver fazendo um streaming, e exibir seu status é uma excelente maneira de fazer isso.

Adicionar seu status Twitch ao WordPress é um ajuste muito simples, mas se você tiver um público integrado, isso pode ajudá-lo a obter mais atenção em seu fluxo. Depois de adicionar seu próprio botão, as pessoas poderão clicar nele e acessá-lo diretamente de seu site.

Além do mais, você também pode incorporar seu fluxo do Twitch em seu site WordPress. É um processo rápido que não deve levar mais do que alguns minutos, e nós o orientaremos depois que terminarmos de falar sobre o seu status no Twitch.

Apresentando o plug-in Twitch Status

O plugin de status Twitch.

O plugin Twitch Status é extremamente simples. Ele permite que você adicione um botão de status simples do Twitch à barra de navegação do WordPress, que informa aos visitantes se você está ao vivo ou offline.

Se quiser apimentar as coisas, você também pode exibir um widget que inclui informações sobre o jogo que você está jogando e pode até incluir uma versão em miniatura do seu stream.

Lembre-se de que, embora o plugin não seja atualizado por um tempo, a funcionalidade que ele oferece é bastante simples. Não encontramos problemas durante nossos testes com Divi, e muitos usuários estão satisfeitos com seu desempenho.

Características principais:

  • Exibe o status do Twitch em seu site WordPress.
  • Fornece um botão ou um widget para mostrar o status do seu stream.
  • Permite que você personalize seu widget usando CSS
  • Atualiza automaticamente a cada 30 segundos para exibir as alterações em seu status.

Preço: Grátis | Mais Informações

Como adicionar seu status Twitch ao WordPress (em três maneiras)

Para começar, você precisará instalar e ativar o plug-in Twitch Status e, em seguida, navegar até Configurações> guia Twitch Status no painel do WordPress:

Indicando o nome do seu canal.

Aqui, você digitará o nome do seu canal Twitch no campo apropriado e salvará suas alterações. Em seguida, adicione a classe .twitch ao campo jQuery selectors - você precisará dela em um minuto. Agora, você vai querer escolher um método adequado para exibir seu fluxo.

1. Adicione seu status do Twitch à barra lateral do WordPress

Se você for para a guia Aparência> Widgets em seu painel, deverá encontrar um novo widget Twitch Status . Como com todos os outros widgets do WordPress, você pode arrastar e soltar na barra lateral ou nas áreas de rodapé. Recomendamos sua barra lateral como a opção mais lógica, pois é mais proeminente. Arraste o widget Twitch Status para a barra lateral e reorganize-o conforme necessário.

Uma vez adicionado, você terá que configurar algumas opções. Em primeiro lugar, defina um título e indique qual canal você deseja que seu widget exiba. Para que isso funcione, o canal já deve estar configurado na guia Configurações> Status do Twitch :

Configurando seu widget Twitch.

Em segundo lugar, indique o que deve acontecer quando alguém clica no botão Play do seu widget. A escolha mais segura é redirecionar os usuários para o seu canal do Twitch, e também recomendamos habilitar a opção Abrir em uma nova guia . Dessa forma, é mais provável que os visitantes voltem ao seu site assim que terminarem de assistir. Agora vamos salvar nossas alterações e ver como o widget se parece no front end:

Um exemplo de widget do Twitch.

Se você quiser adicionar um pouco mais de estilo ao seu widget, lembre-se de que você sempre pode personalizar a aparência da barra lateral. No entanto, existem outras maneiras de exibir seu status Twitch - usando botões, por exemplo.

2. Inclua seu status do Twitch no menu de navegação do WordPress

O plug-in Twitch Status também permite que você adicione um botão simples em seu site usando um código de acesso. É uma boa ideia exibir isso no menu de navegação, pois é mais provável que receba um clique. Infelizmente, o WordPress não permite que você faça isso por padrão, mas ainda podemos obter o efeito desejado. Para começar, vá para a guia Aparência> Menu em seu painel, procure seu menu principal e encontre a opção Links personalizados :

Adicionando um link personalizado ao seu menu.

Agora, adicione o endereço do seu canal Twitch ao campo URL , bem como o texto que deve aparecer ao lado do botão Live . Clique em Adicionar ao Menu quando terminar e vá até o topo da página do Menu . Procure a guia Opções de tela na parte superior e clique nela - certifique-se de que a opção Classes CSS esteja ativada:

Habilitando as configurações de classes CSS.

Role para baixo e procure seu item de menu Twitch, em seguida, expanda suas configurações. Você encontrará um novo campo Classes CSS logo abaixo do URL e do texto do link. Vá em frente e adicione o seletor .twitch que adicionamos no início desta seção:

Adicionando um seletor CSS ao seu novo item de menu.

Salve as alterações em seu menu, verifique seu front end para ter certeza de que o botão está funcionando:

Um exemplo de um menu exibindo um status do Twitch.

Lembre-se de que você pode estilizar seus menus de acordo com sua preferência usando o personalizador WordPress, então sinta-se à vontade para brincar até encontrar um design que fique bem com o seu novo botão.

3. Adicione o seu status do Twitch ao menu secundário do Divi

Se você é um usuário Divi, provavelmente está familiarizado com seu menu secundário, que permite criar um menu menor acima do principal. Embora sejam normalmente usados ​​para exibir informações de contato, também são adequados para o botão de status do Twitch.

Para fazer isso, você precisará criar e atribuir um menu ao local de exibição do menu secundário , o que pode ser feito na guia Menu de aparência :

Configurando o local para o seu menu secundário.

Em seguida, adicione um link personalizado ao seu menu e repita o processo da seção anterior. Quando terminar, salve suas alterações e veja como as coisas ficam no front end:

Um exemplo de um menu secundário exibindo um status do Twitch.

O próprio botão de status do Twitch aparecerá com o mesmo tamanho, independentemente do menu em que você decidir exibi-lo. É uma questão de preferência pessoal, então fique à vontade para escolher qualquer uma das opções, dependendo do seu gosto.

Como incorporar seu fluxo do Twitch no WordPress

Antes de encerrar, vamos falar sobre como incorporar sua transmissão ao vivo do Twitch no WordPress. Esta é uma etapa opcional, mas é uma boa opção se você deseja que os usuários passem mais tempo em seu site.

Felizmente, esta etapa não requer nenhuma configuração adicional. Se você já configurou o plug-in de status do Twitch, simplesmente cole o código de acesso [twitch-player channel = ”yourchannelgoeshere”] em qualquer página ou postagem onde deseja que seu stream apareça, lembrando-se de adicionar o nome do seu próprio canal. Depois de salvar suas alterações, verifique se o player está sendo exibido corretamente no front end:

Um exemplo de fluxo embutido do Twitch.

Ai está! Agora você conhece várias opções para exibir seu status no Twitch e como incorporar seu stream em qualquer lugar do seu site!

Conclusão

Exibir o status do Twitch em seu site WordPress é um truque simples que pode render a você mais visualizadores e assinantes. Além disso, você também pode incorporar seu stream em seu site se quiser dar aos visitantes mais opções para segui-lo. A melhor parte é que conseguir ambos usando o WordPress é muito simples.

Vamos recapitular as três maneiras diferentes de adicionar seu status Twitch ao WordPress:

  1. Adicione seu status à barra lateral de seu site.
  2. Inclua seu status no menu de navegação.
  3. Adicione seu status ao menu secundário do Divi.

Você tem alguma dúvida sobre como usar o Twitch e o WordPress juntos? Pergunte na seção de comentários abaixo!

Imagem em miniatura do artigo por Rzt Moster / shutterstock.com.