Como adicionar fundo de vídeo do YouTube no tema Divi

Publicados: 2022-12-18

Você recentemente começou a blogar usando o Divi Theme? Bem, mesmo que pareça fácil uma vez que o tema esteja definido, você aprenderá gradualmente muitas coisas. Cobrimos isso se você quiser adicionar um plano de fundo de vídeo do YouTube ao tema Divi.

Adicionar um fundo de vídeo do YouTube a uma página vem com muitas vantagens. Isso não apenas ajuda no SEO, mas também traz mais engajamento do cliente. Então, fizemos nossa pesquisa e anotamos todas as etapas que você precisa seguir no tema Divi.

Comecemos pelo guia.

Índice

Como adicionar fundo de vídeo do YouTube no tema Divi

A verdadeira questão surge: quais etapas você precisa seguir para adicionar o plano de fundo do vídeo ao Divi Theme?

Aqui está tudo o que você precisa saber.

Etapa 1: abrir uma nova página

O primeiro passo é fazer login no seu site wordpress e abrir o painel. Aqui, nas opções do menu à esquerda, vá em “ Páginas e clique na opção “ Adicionar novo .

divi background video, divi video, youtube background video
Adicionando nova página no WordPress

Passo 2: Use o Divi Builder

Na próxima etapa, você precisará selecionar o título e clicar nas opções que indicam que deseja “ Usar o Divi Builder ”.

divi background video, divi video, youtube background video
Usando Divi Builder

Dependendo da velocidade da sua conexão com a internet, o site começará a carregar o construtor Divi na sua página; a partir daqui, você pode inserir um fundo de vídeo do YouTube na página.

divi background video, divi video, youtube background video
Divi Builder começou a carregar

Etapa 3: começar do zero

Será mais eficiente começar do zero em vez de selecionar um modelo pré-criado. Então você precisa simplesmente clicar em “ Start Building ” na próxima janela após selecionar a opção “ Build from Scratch ”.

divi background video, divi video, youtube background video
Criando página do zero

Quando você estiver na categoria “ Inserir linha ”, poderá escolher uma única guia de linha na seção “ Nova linha ”.

divi background video, divi video, youtube background video
Selecionando coluna única em linhas Divi

Etapa 4: escolha o módulo de código

divi background video, divi video, youtube background video
Módulo de Código Divi

Assim que você concluir as etapas acima, será solicitado novamente que você insira um módulo. Na seção New Module da tela, você deve digitar Code e selecionar o módulo “ Code ”.

Etapa 5: obtenha o código de vídeo do YouTube

Agora, para adicionar o plano de fundo do vídeo do youtube, você precisa do código de incorporação para adicionar ao módulo de código. Para isso, siga os passos aqui.

  • Visite o site oficial do YouTube clicando aqui.
  • Se você deseja adicionar um vídeo ao tema Divi, precisa escolher o vídeo que deseja usar
  • Clique na opção de compartilhamento no lado direito da tela.
divi background video, divi video, youtube background video
Vídeo do youtube
  • Agora você precisa selecionar a opção ' Incorporar ' a partir daí.
divi background video, divi video, youtube background video
Incorporar opções de vídeo do YouTube
  • Assim que o código de incorporação aparecer, “ Copiar ” para a área de transferência.
divi background video, divi video, youtube background video
Copiar código de incorporação de vídeo do YouTube

Agora é hora de você voltar ao seu site e colar o código que você copiou no bloco “ Código ” do seu site.

divi background video, divi video, youtube background video
Cole o código incorporado que você copiou

Etapa 6: faça as alterações de design

Antes de salvar e adicionar o código do vídeo ao site, você pode fazer outras alterações de design.

Clique na seção “ Design ao lado de Code e selecione “ Sizing ”. Então, dependendo de como você precisa visualmente para o vídeo, você pode usar o controle deslizante para selecionar a altura, largura, preenchimento e muito mais.

divi background video, divi video, youtube background video
Fazendo alterações no módulo de código

Por fim, você precisará clicar na caixa verde com um visto branco para salvar suas configurações.

divi background video, divi video, youtube background video
Salvando bloco de código

Etapa 7: verifique a visualização

Antes de salvar a página e as alterações feitas, certifique-se de verificar a visualização do vídeo que você adicionou.

Clique na opção “ Visualizar na seção “ Publicar no lado direito da página.

divi background video, divi video, youtube background video
Visualizar site

Se estiver do jeito que você quer, você pode clicar em Publicar e pronto, ou pode fazer mais alterações no design.

divi background video, divi video, youtube background video
O vídeo foi adicionado

Depois que o vídeo é adicionado ao seu site, você precisa fazer alguns ajustes e aumentar a largura dependendo do tamanho desejado e, em seguida, ele começa a aparecer na tela.

perguntas frequentes

Ainda tem dúvidas? Aqui estou compartilhando algumas perguntas frequentes que podem ajudá-lo!

1. Por que meu vídeo do YouTube não está incorporado no WordPress?

Se você não consegue incorporar vídeos do YouTube em seu site WordPress, o motivo pode ser qualquer um. Por exemplo, pode ser algo básico, como você pode estar usando o link errado do YouTube. Às vezes, os usuários copiam o código URL de compartilhamento em vez do código incorporado. Além disso, seu site deve permitir que os códigos de incorporação funcionem.

2. Como reproduzo automaticamente vídeos do Youtube no Divi?

Além de adicionar vídeos do YouTube em segundo plano ao seu Divi Theme, você também pode usar códigos específicos para torná-los reproduzidos automaticamente em segundo plano. Por exemplo, ao adicionar o código Embed no módulo de código, você pode simplesmente adicionar o código ?autoplay=1&mute=1 após a URL do vídeo.

3. Como corrigir o erro “Ocorreu um erro desconhecido. Por favor, tente novamente mais tarde" Problema

Muitos usuários encontraram o problema em que o Divi Theme Builder ainda não respondeu com um erro desconhecido. Algumas soluções possíveis que você pode experimentar são usar o sistema no modo de segurança e usar o construtor novamente. Ou o motivo pode ser problemas de cache do navegador. Aqui, você pode limpar o cache do seu navegador e desabilitar quaisquer plug-ins de terceiros.

Conclusão

Aqui está tudo o que você precisa saber sobre as etapas para adicionar um fundo de vídeo do YouTube no Divi Theme. Depois de pegar o jeito, você pode fazer isso para todas as suas páginas e blogs no futuro. Tente praticar os passos e pronto.

Certifique-se de selecionar o código de incorporação correto dos vídeos do YouTube, não o código de URL. Infelizmente, muitos usuários tendem a cometer esses erros comuns e, portanto, o processo acima precisa ser revisado.

Se você encontrar algum erro, informe-nos na seção de comentários abaixo e entraremos em contato com todas as soluções possíveis. Lembre-se de compartilhar com seus amigos e continue vindo para mais respostas.

Leituras Recomendadas…

  • Como Incorporar Vídeos do YouTube no WordPress
  • Geradores de imagens AI testados e comprovados
  • Como Editar Páginas no WordPress
  • Obtendo IP e localização do usuário no WordPress