Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como exibir o status da transmissão do Twitch no WordPress

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Você usa o Twitch? É uma plataforma de streaming de vídeo popular entre os gamers que a utilizam para transmitir seus jogos. 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 da transmissão da Twitch no WordPress. Neste artigo, mostraremos a você como exibir o status da transmissão da Twitch no WordPress.

Adding Twitch in WordPress

Tutorial em vídeo

Subscribe to WPBeginner

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 plug-in Twitch Status. Após a ativação, você precisa visitar a página Settings ” Twitch Status para definir as configurações do plug-in.

Twitch status settings

Basta fornecer o nome do seu canal da Twitch e, em seguida, inserir os seletores jQuery. Isso pode ser qualquer classe CSS ou atributo id de um elemento no código HTML de sua página. Ele informará ao plug-in onde mostrar seu status na Twitch.

Se você não souber o que isso significa, não se preocupe, pois mostraremos como fazer isso mais adiante neste artigo. No momento, você pode simplesmente inserir .twitch como seletor jQuery e clicar no botão salvar configurações.

Como adicionar o status da Twitch na barra lateral do WordPress

O plug-in Twitch Status vem com um widget bacana que permite exibir o status da sua transmissão da Twitch na barra lateral do seu site WordPress. Basta acessar Appearance ” Widgets e adicionar o widget Twitch Status a uma barra lateral.

Twitch widget settings

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 sua transmissão 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 widget.

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

Twitch widget preview

Adição do status do Twitch no menu de navegação do WordPress

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

Adding Twitch Link

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

CSS classes

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 tenha adicionado nas configurações do plug-in. Por fim, clique no botão do menu Salvar.

Adding CSS class to navigation menu item in WordPress

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

Twitch status in WordPress navigation menu

Como incorporar sua transmissão do Twitch no WordPress

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

Basta acessar sua transmissão da Twitch e clicar no botão Compartilhar. Isso abrirá a janela pop-up de compartilhamento, na qual você precisará copiar o código na opção “Embed Live Player”.

Getting embed code for your Twitch stream

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

Agora você pode visitar seu site para ver a transmissão da Twitch incorporada em sua postagem ou página do WordPress.

Twitch stream embedded into a WordPress page

Esperamos que este artigo tenha ajudado você a adicionar o status da transmissão da Twitch ao seu site WordPress. Talvez você também queira ver nossa lista dos widgets mais úteis do WordPress para seu site.

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

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

2 ComentáriosDeixe uma resposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.