Slider de fundo de elementor gratuito (apresentação de slides de seção com Ken Burns)

O Background Slider é uma extensão gratuita do Master Addons que transforma o fundo de um contêiner, seção ou coluna do Elementor em uma apresentação de slides de imagem rotativa Seus títulos e botões permanecem no lugar enquanto as fotos mudam atrás deles Ele vem com 24 transições mais uma opção aleatória, movimento de Ken Burns em nove direções, nove sobreposições de padrões ou sua própria sobreposição de cores e gradiente e uma barra de progresso opcional As pessoas a usam principalmente para seções de heróis em sites de serviço, restaurante, viagens e portfólio.

Painel deslizante de fundo no Elementor com cinco imagens selecionadas e os dropdowns de Transição e Animação abertos ao lado de um herói dos serviços de limpeza

24 Transições e Ken Burns Motion

O Transição list decide como um slide passa para o próximo: Desvanecer, Deslizar para a Esquerda, Deslizar para a Direita, Deslizar para Cima, Deslizar para Baixo, Aproximar, Desligar para Fora, Redemoinho para a Esquerda, Redemoinho para a Direita, Queimar, Desfoque e Flash Cada um tem uma segunda variante, que faz 24, e Random escolhe um efeito diferente para cada mudança O Animação a configuração então adiciona um zoom e panorâmica lentos de Ken Burns dentro de cada slide.

  • Transição: 24 efeitos mais Aleatório. Fade é o padrão.
  • Animação: Kenburns, Kenburns Para cima, Para baixo, Esquerda, Direita, as quatro direções diagonais, Aleatório ou Nenhum.
  • Exibição aleatória: embaralha a ordem da imagem quando a página é gerada Em uma página em cache a ordem permanece a mesma até que o cache seja limpo.

Sobreposições que mantêm o texto legível

Texto branco sobre uma foto ocupada é difícil de ler. Com Sobreposição Personalizada fora, o Sobreposição menu coloca um dos nove padrões de pontos e linhas lado a lado (Estilo 1 a Estilo 9) sobre os slides, e Estilo 1 está ligado por padrão Alternar Sobreposição Personalizada para Mostrar e você pode usar uma cor sólida, uma imagem ou um gradiente linear ou radial.

  • Sobreposição: Nenhum ou Estilo 1 a Estilo 9, pequenos padrões repetidos da biblioteca de apresentações de slides de Las Vegas.
  • Sobreposição personalizada: cor, imagem ou gradiente com duas paradas de cores, ângulo e posição.
  • Força da tonalidade: não há controle deslizante de opacidade separado, então escolha uma cor com transparência, por exemplo rgba (0,0,0,0,5).
Configurações de gradiente de sobreposição personalizadas no painel do controle deslizante de fundo ao lado de uma seção de herói com um gradiente escuro sobre a foto
Antecedentes Deslizadores de animação e sobreposição listando as direções de Kenburns e Estilo 1 a Estilo 9 ao lado de um herói da sala de estar

Tempo, capa e tamanho da imagem

Atraso é um campo de texto em milissegundos. O padrão é 5.000 e 3.000 oferece um ritmo mais rápido. Capa set to True preenche toda a área e corta as bordas, enquanto False se encaixa em cada imagem dentro dela. Temporizador mostra uma barra de progresso fina para o slide atual Ele está ligado por padrão, e os slides continuam girando quando você o desliza.

  • Atraso: quanto tempo cada slide permanece na tela, em milissegundos.
  • Resolução de imagem: carregue Grande ou Médio em vez de Completo para manter os tamanhos dos arquivos baixos.
  • Onde funciona: contêineres, seções e colunas, para que uma coluna possa executar sua própria apresentação de slides próxima a uma estática.

Apresentação de slides de fundo do elementor versus extensão do controle deslizante de fundo

O plugin gratuito do núcleo Elementor já inclui um tipo de plano de fundo de Apresentação de Slides (marcado no Elementor 4.2.4) Defina o Tipo de Fundo de um contêiner para a Apresentação de Slides e você obterá um plano de fundo rotativo básico sem nenhum complemento Aqui está como ele se compara com a extensão.

CaracterísticaFundo da apresentação de slides do elementorSlider de fundo de complementos mestres
PreçoGrátis (núcleo do elementador)Grátis (Master Addons)
Trabalha emContentores, secções, colunasContentores, secções, colunas
Transições5: Desvanecer e Deslizar em quatro direções24 mais aleatório
Duração transiçãoSim, em ms (500 padrão)Sem configuração
Duração do slideSim, padrão de 5.000 msAtraso, padrão de 5.000 ms
Ken BurnsAmpliar ou diminuir9 direções, aleatórias ou nenhuma
SobreposiçãoSeção de sobreposição de fundo separada9 sobreposições do teste padrão ou cor, imagem, gradiente feito sob encomenda
Ordem aleatóriaNãoSim
Barra progressoNãoSim (Timer)
Alternância de loop infinitoSimSempre loops
Carga lázilaSimNão
Tamanho e posição por dispositivoSimCubra apenas on ou off

Se cinco transições e um zoom simples cobrirem o que você precisa, a apresentação de slides do Elementor é a opção mais leve, e ela tem posicionamento de carga de preguiça e por dispositivo que falta na extensão Vale a pena adicionar a extensão quando você quiser mais estilos de transição, movimento direcional de Ken Burns, sobreposições de padrões, uma ordem aleatória ou uma barra de temporizador visível.

Mais efeitos de fundo da seção: Partículas (grátis), Fundo de gradiente animado (Pro) e Glassmorphismo (grátis).

Visualizador de modelos
Facebook
Twitter
WhatsApp
Copiar link
Compre Agora
Serviços Limpeza
Serviços Limpeza

Como adicionar um controle deslizante de fundo no elementor

A extensão vem com o plugin gratuito e a configuração leva alguns minutos.

  1. Instale complementos mestres para elementor do WordPress.org, acesse Complementos Mestres > Extensões e verifica isso Deslizador Fundo está ligado.
  2. Edite uma página com o Elementor e selecione o contêiner, seção ou coluna que deseja alterar.
  3. Abrir o Estilo guia, expandir Deslizador Fundo e definir Habilitar controle deslizante de fundo para Sim.
  4. Clique Adicionar Imagensescolha duas ou mais fotos e escolha uma Resolução de imagem isso se adapta à largura da seção.
  5. Escolha a Transição e um Animação, então digite o Atraso em milissegundos (5000 por padrão).
  6. Clique Aplicar para atualizar a visualização, atualize a página.

Para outras maneiras de estilizar uma seção, consulte nosso Guia de fundo da página do elementor.

Perguntas frequentes para controle deslizante de fundo

Saiba as consultas mais solicitadas que os usuários têm sobre o Background Slider e encontre respostas em um só lugar.
A extensão do controle deslizante de fundo é gratuita?

Sim. faz parte do plugin gratuito Master Addons no WordPress.org, e cada configuração descrita nesta página funciona sem uma licença Pro. Ligue-o em Master Addons > Extensions se estiver desligado.

Não. Não há setas, pontos ou botão de pausa Os slides giram por conta própria no Delay que você definiu, e a barra de temporizador opcional mostra apenas o progresso Se os visitantes precisarem clicar nas imagens, use um carrossel como o Carrossel de Imagem widget vez.

Como é diferente da apresentação de slides de fundo do Elementor?

O Elementor Livre já possui um tipo de plano de fundo de Apresentação de Slides com 5 transições, um zoom de Ken Burns para dentro ou para fora, uma configuração de duração de transição, posicionamento de carga de preguiçosa e por dispositivo O controle deslizante de fundo oferece 24 transições, Ken Burns em nove direções, sobreposições de padrões e personalizadas, ordem aleatória e uma barra de progresso. Não tem configuração de carga de preguiça ou duração de transição, portanto, escolha Elementor se isso importar mais.

Eles podem.A extensão não tem configuração de carga de preguiçosa, então comprima suas fotos antes de fazer upload e defina a Resolução de Imagem para Grande ou Médio quando a seção for mais estreita que o arquivo original Três a cinco imagens são suficientes para a maioria das seções de heróis.

Widgets e extensões de elementos de tendência

Construa sites sofisticados em menos tempo.

Extensão Master Addons Glassmorphism para Elementor: cartões de vidro fosco com o controle Blur Value definido como 20 px

Glassmorphismo

Extensão de Glassmorphism de Elementor Livre em Casa: Efeito de vidro fosco em uma alternância O Glassmorphism é o fosco...
Ver detalhes
Extensão Master Addons Container Extras para Elementor: contêiner tampado em uma largura máxima de 1400 px, com controles de largura máxima, altura máxima, largura mínima e altura mínima

Contêiner Extras

Home Elementor Container Max Width e Max Height Controls Container Extras é um Master gratuito...
Ver detalhes
Extensão Master Addons Patterns para Elementor: herói com o estilo Purple Gradient Grid Left, mais três estilos de padrões e o painel Habilitar Padrão

Padrões

Início 70+ Padrões de fundo de elementor gratuitos é uma extensão gratuita de complementos mestres que adiciona...
Ver detalhes
Extensão Master Addons Post/Page Duplicator para Elementor: MA Link de linha Duplicator na lista de páginas WordPress criando uma página de destino - rascunho [duplicado #128]

Duplicador de postagem/página

Home Páginas e postagens de elementos duplicados em um clique Post/Page Duplicator é um Master gratuito...
Ver detalhes
Extensão da barra de progresso de leitura de complementos mestres para Elementor: barra azul 42% preenchida na parte superior de uma página de política de privacidade, com configurações de habilitação, posição, altura e preenchimento de cores

Barra de progresso de leitura

Início Adicionar uma barra de progresso de leitura no WordPress (Elementor) A barra de progresso de leitura é gratuita...
Ver detalhes