Guia para iniciantes: Como centralizar um vídeo no WordPress

Ao longo dos anos, na WPBeginner, criamos muitos vídeos e os adicionamos às nossas publicações no blog do WordPress. No entanto, ocasionalmente, encontramos problemas de alinhamento central dos vídeos quando eles foram adicionados ao artigo.

Descobrimos que, se a largura do seu vídeo for menor do que a área do artigo, o WordPress o alinhará automaticamente à esquerda, deixando um espaço em branco extra no lado direito. Se você estiver enfrentando o mesmo problema, este guia é para você.

Neste artigo, mostraremos a você como centralizar facilmente um vídeo no WordPress.

Por que alinhar os vídeos ao centro no WordPress?

Quando você incorpora um vídeo no WordPress, ele é alinhado automaticamente à esquerda por padrão. Isso ocorre porque os vídeos são conteúdos externos incorporados ao conteúdo, portanto o WordPress não consegue adivinhar como você gostaria de exibi-los.

Como prática recomendada, ele o alinha automaticamente à esquerda, deixando a seu critério o ajuste do alinhamento, se necessário.

Ao alinhar o vídeo ao centro, os usuários terão uma experiência melhor ao visualizar seu conteúdo. Dessa forma, você não terá um espaço em branco perceptível em um dos lados da página, o que poderia dar uma aparência não profissional.

Além disso, se você carregar vídeos diretamente no WordPress, o mesmo acontecerá com eles se a largura for menor que a área de conteúdo. O WordPress os alinhará à esquerda por padrão.

Dito isso, vamos ver como você pode centralizar facilmente um vídeo em um site do WordPress. Abordaremos o editor de blocos e o editor clássico, portanto, você pode clicar nos links abaixo para ir para qualquer seção.

Como centralizar o vídeo no editor de conteúdo do WordPress

Se você quiser que o vídeo ocupe toda a largura da área de conteúdo, a melhor maneira de fazer isso é adicionar um URL de vídeo do YouTube ou do Vimeo diretamente no editor de conteúdo do WordPress.

Primeiro, você precisará editar um post ou uma página ou adicionar um novo. Quando estiver no editor de conteúdo, basta colar o link para o vídeo. O WordPress incorporará o vídeo automaticamente.

Em seguida, selecione o bloco Vídeo e clique na opção “Change Alignment” (Alterar alinhamento). No menu suspenso, você pode escolher a posição do vídeo.

O WordPress permite que você escolha entre os seguintes alinhamentos:

• largura ampla
• largura total
• alinhar à esquerda
• Alinhar centro
• Alinhar à direita.

Em seguida, selecione a opção “Alinhar centro”.

Depois disso, você pode visualizar e publicar sua página ou post.

O vídeo agora estará alinhado ao centro.

No entanto, por um motivo ou outro, talvez você precise usar o código incorporado. Nesse caso, você precisará adicionar um pouco de HTML simples ao código de incorporação do seu vídeo.

Primeiro, você precisa clicar nos três ícones pontilhados no bloco de vídeo. Depois disso, você pode selecionar a opção “Editar como HTML” no menu suspenso.

Em seguida, você pode inserir o seguinte trecho de código HTML ao redor do código de incorporação do vídeo:

<div style="text-align:center;">

/// your video embed code goes here

</div>

Veja como ficaria seu código de incorporação com o HTML personalizado.

Agora você pode salvar suas alterações e visualizar o post ou a página. Agora você sabe como centralizar um vídeo em HTML.

Outra abordagem é aumentar manualmente a largura do vídeo para que ele caiba na área de conteúdo. Para isso, você precisa adicionar ou alterar o parâmetro “width” no código de incorporação.

<iframe width="760" height="315" src="https://www.youtube.com/embed/4YpyiJ05YOg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Como centralizar o vídeo no Editor clássico

Se estiver usando o editor Classic, você poderá centralizar os vídeos editando uma postagem ou criando uma nova.

Quando estiver no editor, mude para a visualização de texto. Agora, digite o seguinte código HTML:

<div style="text-align:center;">

/// your video embed code goes here

</div>

Apenas certifique-se de substituir “o código de incorporação do seu vídeo vai aqui” pelo código de incorporação do seu vídeo.

Quando isso for feito, ele terá a seguinte aparência:

Agora você pode visualizar e publicar sua página.

Basta acessar seu site para ver o vídeo alinhado ao centro.

Esperamos que este artigo tenha ajudado você a aprender como centralizar um vídeo no WordPress. Talvez você também queira ver nosso guia sobre como adicionar caracteres especiais em publicações do WordPress e dicas essenciais para usar códigos de acesso no WordPress.

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.