You are currently viewing Guia para iniciantes: Como centralizar um vídeo no WordPress

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

O senhor deseja centralizar um vídeo no WordPress?

Por padrão, 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.

Neste artigo, mostraremos ao senhor como centralizar facilmente um vídeo no WordPress.

Como centralizar um vídeo no WordPressComo centralizar o alinhamento de um vídeo no WordPress

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

Quando o senhor incorporar 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 o senhor 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, o senhor 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 o senhor fizer upload de vídeos diretamente para o WordPressSe a largura dos vídeos for menor do que a área de conteúdo, o mesmo acontecerá com eles. O WordPress os alinhará à esquerda por padrão.

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

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

Se quiser que o vídeo ocupe 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 campo Editor de conteúdo do WordPress.

Primeiro, o senhor 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.

Colar o código de incorporação do vídeo no editor de blocosColar o código de incorporação do vídeo no editor de blocos

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

O WordPress permite que o senhor escolha entre os seguintes alinhamentos:

  • largura ampla
  • largura total
  • alinhar à esquerda
  • align center
  • alinhar à direita.

Vá em frente e selecione a opção “Alinhar ao centro”.

Alinhar o vídeo ao centroAlinhar o vídeo ao centro

Depois disso, o senhor pode visualizar e publicar sua página ou postar.

O vídeo agora estará alinhado ao centro.

Visualização do vídeo alinhado ao centroVisualização do vídeo alinhado ao centro

No entanto, às vezes, por um motivo ou outro, o senhor pode precisar usar o código incorporado. Nesse caso, o senhor precisará adicionar um pouco de HTML simples ao código de incorporação do seu vídeo.

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

Editar como HTMLEditar como HTML

Em seguida, o senhor pode inserir o seguinte trecho de código HTML em torno do código de incorporação do vídeo:

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

/// your video embed code goes here

</div>

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

Visualização do código HTML personalizadoVisualização do código HTML personalizado

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

Outra abordagem é aumentar manualmente a largura do vídeo para que ele se ajuste à área de conteúdo. Para isso, o senhor precisa adicionar ou alterar o parâmetro “width” no seu 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 clássico, o senhor poderá centralizar os vídeos editando uma postagem ou criando uma nova.

Quando o senhor 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>

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:

Alinhamento centralizado de vídeos no editor clássicoAlinhamento centralizado de vídeos no editor clássico

Agora o senhor pode visualizar e publicar sua página.

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

Visualização do editor clássico de vídeo alinhado ao centroVisualização do editor clássico de vídeo alinhado ao centro

Esperamos que este artigo tenha ajudado o senhor a aprender como centralizar um vídeo no WordPress. Talvez o senhor também queira ver nosso guia sobre como iniciar um blog no WordPress e plug-ins obrigatórios do WordPress.

Se o senhor gostou deste artigo, por favor, assine o nosso Canal do YouTube para tutoriais em vídeo sobre o WordPress. O senhor também pode nos encontrar em Twitter e Facebook.