3 maneiras fáceis de adicionar um plano de fundo de vídeo WordPress ao seu site

Publicados: 2021-12-11

Usar fundos de vídeo em seu site WordPress é uma ótima maneira de se destacar de seus concorrentes e atrair mais público. Isso ocorre porque os fundos de vídeo permitem que você transmita melhor suas mensagens ao seu público e os mantenha entretidos.

Se você está encontrando uma maneira de adicionar um plano de fundo de vídeo do WordPress ao seu site, as dicas e guias a seguir serão muito úteis.

Índice
[Aparecer esconder]
  1. Por que você deve adicionar um plano de fundo de vídeo do WordPress ao seu site?
  2. Algumas dicas úteis sobre como adicionar fundos de vídeo do WordPress ao seu site
  3. Onde você pode obter um plano de fundo de vídeo do WordPress?
  4. 3 maneiras de adicionar fundo de vídeo do WordPress ao seu site
    1. Use um tema WordPress que suporte fundos de vídeo
    2. Use um construtor de páginas
      1. Gutenberg
      2. Construtor de Páginas Elementor
    3. Use um plug-in de plano de fundo de vídeo do WordPress
      1. Controle deslizante inteligente 3
      2. Player de vídeo e fundo de vídeo em tela cheia
      3. Plugin WordPress de fundo de tela cheia de imagem e vídeo
  5. Palavras finais

Por que você deve adicionar um plano de fundo de vídeo do WordPress ao seu site?

Abaixo estão vários benefícios de adicionar fundos de vídeo do WordPress ao seu site.

  • Adicione estilos legais e únicos ao seu site WordPress.
  • Os fundos de vídeo são atraentes. Quando os usuários visitam seu site, eles param para assistir ao vídeo em vez de rolar.
  • Ajudá-lo a destacar alguns aspectos importantes do seu negócio.
  • Traga a visão de liderança do seu site prontamente.
  • Torne seu site mais compartilhável, o que direcionará mais tráfego para o site.

Algumas dicas úteis sobre como adicionar fundos de vídeo do WordPress ao seu site

Antes de continuarmos, aqui estão algumas dicas úteis que você deve ter em mente ao adicionar um plano de fundo de vídeo do WordPress ao seu site.

  • Certifique-se de que o vídeo que você está enviando tenha uma alta resolução.
  • Certifique-se de que o vídeo não afetará muito a velocidade de carregamento da página. Comprima-o se necessário.
  • Os fundos de vídeo devem ser totalmente responsivos. Por isso, ficará bem em todas as telas e dispositivos.
  • Desligue a reprodução automática com som. Se você quiser fazer isso, certifique-se de que seus visitantes tenham a opção de desligar o áudio.
  • Defina uma imagem de plano de fundo substituta para visitantes cujos navegadores da Web não oferecem suporte a planos de fundo de vídeo .
  • Você deve enviar fundos de vídeo curtos.

Onde você pode obter um plano de fundo de vídeo do WordPress ?

O plano de fundo do seu vídeo pode receber muito tráfego, especialmente se estiver na sua página inicial. Portanto, você deseja que ele se destaque e atraia seus visitantes o máximo possível.

Se você não estiver com o orçamento apertado, entre em contato com um cinegrafista local para gravar um vídeo para você. Certifique-se de expressar sua ideia com clareza para garantir que os vídeos atendam às necessidades de sua marca.

Sem tempo ou dinheiro para gravar vídeos? Sem problemas. Você pode encontrar imagens de vídeo de alta qualidade e isentas de royalties em sites como Storyblocks e Pixabay.

3 maneiras de adicionar fundo de vídeo do WordPress ao seu site

Use um tema WordPress que suporte fundos de vídeo

A maneira mais rápida e descomplicada de adicionar um vídeo de fundo do WordPress ao seu site é usar um tema que o suporte. Os fundos de vídeo do WordPress já são um recurso padrão de muitos temas.

Você pode usar o tema Woostify ou encontrar um tema no mercado. Existem muitos lugares na web onde você pode encontrar um tema WordPress pago ou gratuito que suporte fundos de vídeo, como Temas WordPress, ThemeForest, etc.

Depois de instalar o tema, vá para a página de documentação ou entre em contato com o suporte para saber como adicionar um vídeo de fundo do WordPress.

Use um construtor de páginas

Gutenberg

O editor e construtor de páginas padrão do WordPress – Gutenberg – já permite adicionar fundos de vídeo facilmente.

  1. Clique no sinal ' + ' para adicionar um novo bloco. Procure por ' capa '. Em seguida, clique no bloco Cover para adicioná-lo.
wordpress-vídeo-fundo-1
  1. Carregue um vídeo ou adicione-o da Biblioteca de mídia se você já o tiver carregado.
wordpress-vídeo-fundo-2
  1. Clique no texto ' Escrever título …' para adicionar um título.
wordpress-vídeo-fundo-3
  1. Personalize o plano de fundo do vídeo do Gutenberg usando a barra de ferramentas e a barra lateral. Você pode adicionar uma classe CSS para personalizá-la ainda mais.
wordpress-vídeo-fundo-4
wordpress-vídeo-fundo-5
wordpress-vídeo-fundo-6

Aqui está o que as opções na barra lateral significam:

  • Sobreposição : defina a cor que aparece no vídeo.
  • Background Opacity : ajusta a transparência. Quanto menor o valor, mais transparente será.

Como você pode ver, a opção padrão é bastante limitada. Mas também é a maneira mais direta, pois está integrada ao WordPress desde o início. Então você não precisa instalar nada.

Construtor de Páginas Elementor

O Elementor, que é considerado o construtor de páginas mais popular para WordPress, permite adicionar vídeos do YouTube e arquivos .mp4 ao plano de fundo do seu site.

Alguns dos temas têm suporte nativo para Elementor - como Woostify. Portanto, esta é a melhor opção se o seu tema também for o caso.

Existem também algumas opções avançadas para adicionar um efeito, definir uma imagem de fallback, escolher um horário de início e término, etc.

Depois de baixar e ativar o plug-in Elementor Website Builder, siga o guia abaixo para adicionar fundos de vídeo Elementor ao seu site.

  1. Abra uma postagem/página nova ou existente com o Elementor.
  2. Adicione uma seção do editor clicando no botão '+'.
wordpress-vídeo-fundo-7
  1. Selecione a largura de seção desejada. Nesse caso, selecionarei a seção de largura total.
wordpress-vídeo-fundo-8
  1. Um painel esquerdo aparecerá. Você pode escolher a aparência da seção na guia Layout. Selecione a largura do conteúdo marcada como '1' na foto abaixo. Vou selecioná-lo como em caixa. Você também pode escolher a opção de largura total.
wordpress-vídeo-fundo-9
  1. Clique na guia Estilo marcada como '2' na imagem acima para adicionar um vídeo. Na seção de plano de fundo, você pode escolher entre três estilos de plano de fundo: sólido, gradiente e plano de fundo de vídeo. Clique na opção de plano de fundo do vídeo marcada com '1' na foto abaixo.
wordpress-vídeo-fundo-10
  1. Você também pode usar o efeito hover e o efeito de partículas clicando nos botões marcados como '2' e '3' na foto acima, respectivamente.
  2. Você pode fornecer um link do YouTube como seu vídeo de fundo. Ou você pode enviar qualquer vídeo .mp4 usando a biblioteca de mídia. Em seguida, digite o permalink dele.
wordpress-video-background-11
  1. Você pode especificar o horário de início e término e fornecer uma imagem substituta marcada como '2' e '3' na foto acima, respectivamente.
  2. Você pode ter um problema de altura. Se for esse o caso, ajuste a altura mínima na guia Layout.
wordpress-video-background-12

É isso! Embora esse método seja muito mais complicado, você tem muito mais controle e recursos avançados para ajustar os vídeos de fundo do Elementor para atender às suas necessidades.

Use um plug-in de plano de fundo de vídeo do WordPress

Se você deseja obter mais opções de personalização no plano de fundo do vídeo, use plugins de terceiros que suportem essa funcionalidade.

Atualmente, você pode escolher entre muitos plugins WordPress gratuitos e pagos que oferecem opções para usar vídeos do YouTube, Vimeo e MP4 em segundo plano. Neste artigo, listaremos apenas alguns notáveis.

Controle deslizante inteligente 3

wordpress-video-background-13

Se você está procurando o melhor plugin de fundo de vídeo WordPress gratuito, o Smart Slider 3 será a melhor escolha.

Com ele, você pode criar blocos de vídeo. Em seguida, incorpore-os em seu site como seções separadas ou imagens de herói com efeitos de rolagem de paralaxe.

O plugin suporta vídeos do YouTube e Vimeo. Também permite fazer upload de arquivos .mp4 e usá-los.

O Smart Slider 3 também permite que você adicione quantas camadas quiser aos blocos de vídeo, incluindo texto, botões, logotipos, miniaturas, etc. Você também pode ajustar a opacidade, silenciar áudio, vídeo em loop e muito mais.

Para adicionar fundos de vídeo do WordPress a uma postagem/página, você pode inserir códigos de acesso ou scripts PHP curtos diretamente no arquivo de modelo do seu site WordPress.

Player de vídeo e fundo de vídeo em tela cheia

wordpress-vídeo-fundo-14

Esta é a melhor ferramenta para criar fundos de vídeo atraentes de largura total. Ele permite que você adicione vídeos auto-hospedados, YouTube ou Vimeo a qualquer página do seu site WordPress.

Você também pode usar o plug-in como um player de vídeo para adaptar seu conteúdo a todos os tipos de dispositivos.

Plugin WordPress de fundo de tela cheia de imagem e vídeo

wordpress-video-background-15

Este plug-in permite exibir planos de fundo de vídeo, controles deslizantes de plano de fundo de imagem, galerias de multimídia e galerias de vídeo no plano de fundo de largura total do seu site WordPress.

É compatível com dispositivos móveis e inclui muitos recursos notáveis, incluindo texto dinâmico, temporizadores de círculo, transações personalizáveis ​​e muito mais.

Palavras finais

Quando um visitante chega ao seu site, você tem apenas alguns segundos para capturar a atenção dele e fazê-lo ficar mais tempo. Fundos de vídeo do WordPress são uma das maneiras mais eficazes de fazer isso e ampliar suas ideias de marca. Ao usar as dicas e guias que fornecemos nesta postagem, esperamos que você possa adicionar facilmente um plano de fundo de vídeo do WordPress a qualquer página do seu site.