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 enviados à esquerda. Esta é uma escolha segura, pois o editor não pode adivinhar seu layout preferido para cada página.

No entanto, deixar um vídeo alinhado à esquerda geralmente cria um espaço em branco estranho e pode fazer com que um design pareça desequilibrado. Um vídeo centralizado, por outro lado, cria um ponto focal claro para a atenção do seu visitante.

Centralizar seu vídeo ajuda a guiar o olhar do usuário e proporciona uma experiência de visualização muito melhor.

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
• Como Centralizar Vídeo no Editor Clássico
• Perguntas Frequentes Sobre Centralização de Vídeos

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

Se você deseja que seu vídeo preencha a largura da sua área de conteúdo, a melhor maneira de fazer isso é adicionando um URL de vídeo do YouTube ou Vimeo diretamente no editor de conteúdo do WordPress.

Primeiro, você precisará editar uma postagem ou página ou adicionar uma nova. Uma vez no editor de conteúdo, basta colar o link do vídeo. O WordPress incorporará o vídeo automaticamente.

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:

• Largura ampla
• Largura total
• Alinhar à esquerda
• Centralizar
• Alinhar à direita

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

Depois disso, você pode pré-visualizar e publicar sua página ou postagem.

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.

Nesse caso, você precisará adicionar um pouco de HTML simples ao redor do código de incorporação do seu vídeo.

Primeiro, você precisa clicar nos 3 ícones de pontos 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 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, então você pode centralizar vídeos editando uma postagem ou criando uma nova.

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 postagens 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.