Guia para Iniciantes: Como Centralizar um Vídeo no WordPress

Quando estávamos começando com o WordPress, algo tão simples quanto centralizar um vídeo podia ser surpreendentemente frustrante.

Depois de ajudar muitos iniciantes através do WPBeginner, percebemos que não estávamos sozinhos – é uma das perguntas de formatação mais comuns que recebemos.

A boa notícia é que centralizar vídeos no WordPress ficou muito mais fácil, especialmente com o editor de blocos. Mas ainda vemos muitas pessoas com dificuldades nisso, principalmente quando estão trabalhando com vídeos incorporados do YouTube ou Vimeo.

Neste guia amigável para iniciantes, mostraremos as maneiras mais fáceis de centralizar seus vídeos no WordPress.

Por que Centralizar Vídeos no WordPress?

Por padrão, o WordPress alinha vídeos incorporados ou vídeos enviados no lado esquerdo da área de conteúdo. Isso pode fazer com que a página pareça desequilibrada, especialmente quando o vídeo é o foco principal.

Centralizar o vídeo corrige isso e faz com que o layout pareça mais limpo e intencional:

• Melhor Equilíbrio Visual: Mantém o layout uniforme e evita espaços vazios estranhos em um dos lados.
• Foco Mais Forte: Atrai naturalmente a atenção para o vídeo como o elemento principal na página.
• Experiência do Usuário Aprimorada: Faz com que o fluxo do conteúdo pareça mais suave e fácil de seguir.

Esta é uma mudança simples, mas pode melhorar visivelmente a aparência e a sensação da sua página.

Dito isso, vamos ver como você pode facilmente centralizar um vídeo em um site WordPress.

Cobriremos tanto o editor de blocos quanto o editor clássico, para que você possa clicar nos links abaixo para pular para qualquer seção:

Como Centralizar Vídeo no Editor de Conteúdo do WordPress

Para centralizar um vídeo incorporado do YouTube ou Vimeo, o método mais fácil é simplesmente colar seu URL diretamente no editor de conteúdo do WordPress.

O WordPress o converterá automaticamente em um bloco de vídeo dedicado.

Alternativamente, você pode adicionar um bloco de vídeo ou enviar um vídeo diretamente para a sua biblioteca de mídia do WordPress.

Em seguida, selecione o bloco de Vídeo e clique na opção 'Alterar Alinhamento'. No menu suspenso, você pode escolher a posição do vídeo.

O WordPress permite que você escolha entre os seguintes alinhamentos, cada um servindo a um propósito diferente para a exibição do seu vídeo:

• Largura Ampla: Estende o vídeo além da coluna de conteúdo principal, mas não até a borda total da tela. Esta opção requer suporte do seu tema WordPress.
• Largura Total: Estica o vídeo por toda a largura da janela do navegador. Assim como a 'Largura ampla', isso também depende do suporte do seu tema.
• Alinhar à Esquerda: Posiciona o vídeo no lado esquerdo da área de conteúdo. Este é o alinhamento padrão para muitos blocos.
• Centralizar: Coloca o vídeo precisamente no meio da área de conteúdo, criando um ponto focal claro. Esta é a opção em que estamos focando neste guia!
• Alinhar à Direita: Posiciona o vídeo no lado direito da área de conteúdo.

Vá em frente e selecione a opção 'Centralizar'.

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

O vídeo agora estará centralizado.

No entanto, você pode precisar usar o código de incorporação completo se quiser adicionar opções especiais de reprodução (como iniciar o vídeo em um horário específico) ou se estiver usando uma plataforma de vídeo que o WordPress não incorpora automaticamente.

Se você já tem um bloco de vídeo (como YouTube ou Vimeo) e precisa adicionar código personalizado, clique no ícone de três pontos na barra de ferramentas do bloco e selecione ‘Editar como HTML ’.

Se você estiver incorporando de uma plataforma que o WordPress não suporta automaticamente, primeiro você adicionará um bloco de HTML Personalizado e, em seguida, colará seu código de incorporação nele.

Em seguida, você pode inserir o seguinte trecho de código HTML ao redor do código de incorporação do vídeo. Certifique-se de usar comentários HTML adequados e remover qualquer texto promocional dentro do próprio exemplo de código:

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

/// your video embed code goes here

</div>

Veja como ficará o seu código de incorporação com o HTML personalizado:

Agora você pode salvar suas alterações e visualizar a postagem ou página para ver seu vídeo perfeitamente centralizado.

Outra abordagem é aumentar manualmente a largura do seu vídeo para caber na área de conteúdo. Para conseguir isso, você 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 Vídeo no Editor Clássico

Se você estiver usando o editor clássico, poderá centralizar vídeos editando um post ou criando um novo.

Uma vez que você esteja no editor, mude para a visualização de Texto. Agora, insira o seguinte código HTML:

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

/// your video embed code goes here

</div>

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

Assim que isso for feito, ficará algo parecido com isto:

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

Simplesmente visite seu site para ver o vídeo centralizado.

Perguntas Frequentes Sobre Centralização de Vídeos

Aqui estão algumas perguntas que nossos leitores frequentemente fazem sobre como centralizar vídeos no WordPress:

Por que não vejo as opções de alinhamento 'Largura ampla' e 'Largura total'?

As opções 'Largura ampla' e 'Largura total' são recursos que devem ser suportados pelo seu tema do WordPress. Se você não as vir na barra de ferramentas de alinhamento, isso significa que seu tema atual não as habilitou. Você ainda poderá usar a opção padrão 'Alinhar ao centro'.

Centralizar meu vídeo afetará como ele aparece em dispositivos móveis?

Não, centralizar um vídeo usando as ferramentas padrão do editor de blocos do WordPress é totalmente responsivo. O WordPress lida automaticamente com o dimensionamento para garantir que seu vídeo fique ótimo em telas menores, como tablets e smartphones.

Posso centralizar um vídeo que enviei diretamente para o WordPress?

Sim. O processo é exatamente o mesmo para vídeos incorporados e vídeos que você envia diretamente para sua biblioteca de mídia. Simplesmente selecione o bloco de Vídeo e use a barra de ferramentas de alinhamento para centralizá-lo.

Esperamos que este artigo tenha ajudado você a aprender como centralizar um vídeo no WordPress. Você também pode querer ver nosso guia sobre como adicionar caracteres especiais em posts do WordPress e dicas essenciais para usar shortcodes no WordPress.

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 no Facebook.