Elementor Página Fundo Imagem, Vídeo, Kenburns Animação

Fundo da página do elementor com imagem, vídeo e efeito Ken Burns

O plugin Elementor padrão permite criar vários tipos de Fundo de Página do Elementor Por exemplo, fundo de vídeo do elementor, fundo de paralaxe do elementor com imagem ou vídeo.

Como dicas de bônus, vou compartilhar como organizar Gradiente animado, Slider de fundo e partículas no fundo da seção do elementor Verifique isso para adicione imagem de fundo em movimento na seção Elementor.

Primeiro, deixe-me mostrar como organizar um plano de fundo de página inteira a partir das configurações da página.

Clique no ícone de configurações no canto inferior esquerdo do editor da sua página.

Agora navegue até a guia Estilo Selecione o tipo de fundo clássico ou gradiente A partir da opção clássica você pode selecionar qualquer imagem como elemento ou fundo da página.

Fundo da página do elementador

É assim que o fundo geral da página do elementor funciona.

É hora de explicar como organizar vídeo, imagem, paralaxe, fundo gradiente animado em sua seção elementor.

Basta adicionar uma seção em sua página Em seguida, navegue para a área de estilo Você verá a opção de fundo No Elementor padrão, existem 4 tipos de fundo diferentes Clássico, Gradiente, Vídeo, Apresentação de Slides.

Fundo Clássico

Do tipo de fundo clássico você pode selecionar cor ou imagem Selecione o tipo de gradiente e insira as cores desejadas, localização da cor, ângulo e tipo de gradiente (linear ou radial).

Fundo da seção do elementor clássico

fundo de vídeo para seção

Você pode usar YouTube, Vimeo, auto-hospedado MP4 Video Link Então você pode definir o tempo de início do vídeo e hora de término Ativar Play Once se você quiser reproduzir o vídeo apenas uma vez Além disso, ative Play On Mobile se você preferir reproduzir sua seção de vídeo de fundo em dispositivos móveis.

Elementor Fundo vídeo

Deslizador de fundo do elementor

Selecione apresentação de slides e carregue ou selecione várias imagens da sua mídia Cinco efeito de transição, defina a Duração da Transição, selecione o tamanho do plano de fundo e a posição.

Slider de fundo da seção do elementador

Isso é tudo sobre configurações padrão de fundo da seção do elementor.

Vamos ver como definir Efeito Elementor Kenburns no fundo da seção Depois disso, EU vou mostrar como organizar partículas e fundo gradiente animado na seção elementor.

Se você não instalou Master Addons plugin em seu WordPress Website, então faça isso para trabalhar com o seguinte recurso Verifique como criar um fundo interativo com este plugin gratuito.

Slider de fundo de animação Kenburns

Depois de instalar Master Addons plugin você verá Background Slider opção na seção estilo guia Carregar várias imagens, selecione o tamanho da imagem, transição, Animação, estilo Overlay, e atraso do slide de imagem Você vai obter 25 tipos diferentes de transições e 10 diferentes efeitos de animação kenburns. 

Deslizante de fundo Elementor Kenburns

Fundo das partículas do elementor

Basta habilitar partículas e você verá um link “Click Here” para gerar código JSON para o campo abaixo Vá para o link e gere suas partículas desejadas Baixe o arquivo JSON e copie o código do arquivo para colar Verifique como fazer adicione o fundo de partículas no Elementor postar para mais detalhes Apenas certifique-se de definir a cor de fundo, gradiente antes de habilitar partículas. 

Fundo das partículas do elementor

Fundo de gradiente animado do elementor

Como usuário addon mestre você verá a opção “Animated Gradient Background” na guia estilo de seção Basta habilitá-la e você verá o gradiente animado padrão BG. Altere o valor do ângulo e adicione a cor necessária para o gradiente da seção Aqui está um exemplo real de gradiente animado Elementor BG. 

É isso Agora instalar e ativo Master Addons plugin em seu WordPress Site Em seguida, organizar qualquer tipo de elementoor fundo de página ou Seção fundo Você também pode soltar um deslizante de comparação de imagens na página para mostrar antes e depois versões de um design Sinta-se livre para entrar em contato com nossa equipe de especialistas se você enfrentar algum problema.

Foto de Roy Jemee
Roy Jemee
Sou Roy Jemee, Content Wrangler e Marketer da Pixar Labs, trabalhando em Master Addons para Elementor Escrevo os tutoriais, gravo os vídeos e mantenho a documentação atualizada, para que você sempre saiba como usar todos os recursos Eu também lido com suporte, então se você acertar um obstáculo, sou a pessoa que ajuda você a consertar respostas reais, de alguém que usa essas ferramentas todos os dias.
Setembro Venda

40% fora tudo

Cada plano Master Addons Pro, anual e vitalício Um código, oito dias.

00dias
00horas
00min
00seg

Termina segunda-feira, 14 de setembro, 23h59 horário do leste dos EUA

  • Pessoal1 site $ 129$ 77
  • Negócios5 sites $ 199US$ 119
  • DesenvolvedorSites ilimitadosMelhor para agências $ 599US$ 359

Pague uma vez. Nenhuma renovação, nunca.

Código cupom MALIFE40
Ganhe 40% de desconto agora
  • Mais de 30.000 instalações ativas
  • 4,5/5 de 212 avaliações
  • dinheiro de volta em 14 dias