O plugin “Slider” cobre dois produtos completamente diferentes, e escolher a categoria errada custa mais do que escolher o plugin errado.
Sliders e carrosséis se sobrepõem o suficiente para que valha a pena saber qual deles você está realmente construindo. O linha completa de widgets carrossel cobre a metade de rolagem lateral e o Projetos carrossel 3D cubra os baseados em profundidade.
Uma categoria são construtores de sliders independentes como Slider Revolution e Smart Slider, com seus próprios editores, suas próprias linhas de tempo de animação e sua própria conta de peso de página O outro são widgets de slider nativos do Elementor que vivem dentro do editor que você já está usando.
Sete opções em ambas as categorias, avaliadas pelo que podem construir e pelo que custam à página.
A resposta curta
| Plug-in | Tipo | Melhor para | Peso página |
|---|---|---|---|
| Adições Mestres | Widgets elementor + importações | Deslizadores de herói dentro do Elementor | Luz |
| Elementor Pro (Carrossel de Mídia + Loop) | Nativo | Sliders dinâmicos e de mídia | Luz |
| Smart Slider 3 | Autônomo | Sliders animados em camadas com orçamento limitado | Médio |
| Revolução Slider | Autônomo | Elaborar heróis animados | Pesado |
| MetaSlider | Autônomo | Apresentações de slides de imagens simples | Luz |
| Elementos Ilimitados | Widget elementor | Estilos de controle deslizante incomuns | Médio |
| Solilóquio | Autônomo | Sliders de imagem simples e rápidos | Luz |
Primeiro: você precisa de um plugin deslizante?
Vale a pena perguntar antes de gastar qualquer coisa Se você quer um herói em tela cheia com texto em camadas animando em uma linha do tempo, fundos de vídeo e uma panela Ken Burns, isso é um construtor de controle deslizante e nada mais faz bem.
Se você quer imagens deslizando com setas e pontos, você não precisa de uma Carrossel de Imagens grátis da Elementor faz isso Adicionando Slider Revolution para uma tira de fotos é um monte de plugin para um trabalho pequeno, e você vai sentir isso em seus Core Web Vitals.
E se o que você realmente deseja são vários itens visíveis ao mesmo tempo rolando lateralmente, você quer um carrossel, não um controle deslizante. A diferença entre os dois é o que altera o plugin que você precisa.
1. Master Addons: controles deslizantes de herói sem sair do Elementor
Tipo: Widgets Elementor mais importáveis Construtor de widgets desenhos.
Nível livre: Carrossel de imagens, controle deslizante de logotipo, controle deslizante de equipe, linha do tempo, Comparação Imagem, Blog em modo carrossel, a extensão Background Slider e oito designs importáveis.
Vale a pena ser preciso aqui, porque o marketing em plugins como este geralmente não é: não há um único widget chamado “Slider.” O trabalho do herói é feito de duas outras maneiras, ambas gratuitas, e ambas ficam dentro do editor Elementor Não há uma segunda interface, e a saída é uma instância Swiper em vez de uma estrutura separada.
A primeira são as importações de design. Vinte designs de controle deslizante e carrossel nomeados, cada um com uma demonstração ao vivo Oito importação no plugin gratuito através de Master Addons → Widget Builder → Import Widget. Plinth Hero Slider é o herói de sangramento total, com um pedestal de legenda, pontos, setas, um contador de slides e um link por slide, enquanto Rostrum Quote Slider, Almanac Timeline Slider e Vitrine Plate Gallery cobrir citações, linhas do tempo e galerias de miniaturas Os outros doze, Meridian Coverflow e Halo Orbit entre eles, precisam Pro.
O segundo é o Extensão do controle deslizante de fundo, também gratuito Ele transforma o fundo de qualquer contêiner em uma apresentação de slides, que lida com o “hero com imagens de fundo rotativas, caso” sem um widget deslizante em tudo Muitas vezes é a resposta mais simples.
No lado pago, Gallery Slider é a galeria de miniaturas pronta e News Ticker é a faixa de manchete de rolagem Nenhum dos dois é um controle deslizante de herói.
Ponto fraco: sem linha do tempo de animação de camada Se você precisar de elementos de texto animando em uma programação escalonada com flexibilização por camada, isso não é isso Smart Slider ou Slider Revolution é.
Obtenha se: você quer controles deslizantes e carrosséis de heróis de um plugin, em um editor, sem um segundo pipeline de ativos. O que está no nível livre.
2. Elementor Pro: a opção nativa
Tipo: nativo.
Nível livre: Carrossel de Imagens, Galeria Básica.
O Media Carousel lida com imagens e vídeos com uma capa. Carrossel Loop lida com conteúdo dinâmico de uma consultaNem é um controle deslizante de herói, e Elementor não tem um dedicado As pessoas constroem heróis a partir de um contêiner com um fundo e Efeitos de Movimento em seu lugar.
Essa abordagem é subestimada Um contêiner com uma imagem de fundo, uma animação de entrada e um efeito de rolagem obtém a maior parte do que um slider” “hero oferece, com zero peso de página extra, usando o editor que você já possui Antes de instalar qualquer coisa, tente construí-lo nativamente.
Obtenha se: você já tem Pro. Experimente a rota nativa antes de adicionar um plugin.
3. Smart Slider 3: o autônomo sensato
Tipo: construtor autônomo.
Nível livre: generoso, cobrindo camadas, animações e controles responsivos.
O melhor construtor de controle deslizante autônomo gratuito Você obtém slides em camadas, controles de animação e edição responsiva sem pagar, e ele se conecta ao Elementor com um widget.
É visivelmente mais leve que o Slider Revolution enquanto faz a maioria das mesmas coisas, que é a principal razão para escolhê-lo.
Ponto fraco: é um segundo editor Você deixa o Elementor, constrói o controle deslizante, volta e coloca Para um único herói de página inicial que está bem Para controles deslizantes em doze páginas torna-se um imposto de fluxo de trabalho.
Obtenha se: você precisa de slides animados em camadas e não quer o peso ou o preço do Slider Revolution.
Revolução 4. slider: poderoso e pesado
Tipo: construtor autônomo.
Nível livre: nenhum.
O controle deslizante mais capaz nesta lista, e o mais pesado, Linhas do tempo em camadas, efeitos de partículas, fundos de vídeo, paralaxe 3 D, uma grande biblioteca de modelos Se você viu um herói animado elaborado em um site de agência, há uma chance justa de que isso tenha construído.
A reputação do peso da página é conquistada Ele carrega uma estrutura substancial e, em um host compartilhado com um TTFB lento, um herói do Slider Revolution acima da dobra machucará sua maior pintura contente.
Ponto fraco: a maioria dos sites nunca usa um décimo dele e paga o peso total de qualquer maneira.
Obtenha se: o controle deslizante é genuinamente a peça central do site e você tem a hospedagem para carregá-lo.
MetaSlider 5.: simples e rápido
Tipo: autônomo.
Nível livre: sim, e é suficiente para apresentações de slides básicas.
MetaSlider faz uma coisa: imagens slideshows Sem linhas do tempo de camada, sem partículas Escolha imagens, escolha uma transição, coloque o shortcode.
Essa estreiteza é a característica É leve, já existe há muito tempo, e não tenta ser uma ferramenta de design.
Ponto fraco: se precisar de texto sobre as imagens com algum controle real, você vai superá-lo rapidamente.
Obtenha se: você quer uma apresentação de slides de imagem simples e nada mais.
Elementos 6. unlimited: estilos incomuns do controle deslizante
Tipo: Biblioteca de widgets Elementor.
Nível livre: grande.
Não é um construtor de sliders, mas tem muitos widgets em forma de slider: sliders verticais, sliders divididos, fluxo de cobertura e sobreposição, muitos deles gratuitos Se você quiser um estilo incomum específico em vez de um construtor de heróis, olhe aqui primeiro.
Ponto fraco: consistência de design variável em toda a biblioteca e widgets suficientes para gerenciá-los é seu próprio trabalho.
7. Solilóquio: velocidade como campo
Tipo: autônomo.
Nível livre: limitado.
Posiciona-se na velocidade, e a reivindicação se sustenta É um dos controles deslizantes mais leves disponíveis Sliders de imagem e vídeo diretos, configuração mínima.
Ponto fraco: o nível gratuito é fino e os recursos interessantes são pagos Nesse preço você está comparando com o nível livre do Smart Slider, que é difícil.
Sliders verticais
Vale uma nota separada, porque as pessoas procuram por ele especificamente e a maioria dos plugins lidar mal com ele Um controle deslizante vertical se move desliza para cima e para baixo em vez de lateralmente Ele funciona para layouts de seção por seção de tela cheia e para conteúdo barra lateral estreita Ele falha no celular mais frequentemente do que horizontal, porque deslizamento vertical compete com rolagem de página O navegador não sabe se você pretendia avançar o controle deslizante ou rolar a página, e ele adivinha errado.
Se você construir um, certifique-se de que ele libere rolagem vertical no primeiro e no último slide, ou as pessoas fiquem presas Smart Slider e Slider Revolution ambos lidam com a vertical corretamente A maioria dos sliders baseados em widgets trata isso como uma reflexão tardia Se o movimento vertical é feito para ser contínuo em vez de deslizar por slide, que é uma marquise em vez disso, e o guia marquise abrange a construção de um verticalmente.
A pergunta do peso da página, direto
Os controles deslizantes são a causa mais comum de uma tinta com maior conteúdo ruim em uma página inicial do WordPress Não porque deslizar seja caro, mas por causa do que está dentro:
- Imagens em tamanho real. Um herói de cinco slides a 2 MB cada é de 10 MB antes que qualquer coisa seja animada Servir WebP no tamanho real da exibição.
- Todos os slides carregando de uma só vez. Os controles deslizantes renderizam cada slide. Carregue com preguiça tudo além do primeiro. Sliders vídeo são o pior caso, porque cada slide fora da tela carrega um jogador.
- Peso-quadro. Construtores autônomos carregam seu próprio mecanismo de animação em cima de tudo o mais na página.
- Colocação acima da dobra. O controle deslizante se torna seu elemento LCP por definição Isso é bom se for um WebP de 150 KB; não é se for um JPEG de 2 MB atrás de uma estrutura de 300 KB.
A regra prática: o que quer que você escolha, a imagem do primeiro slide é a coisa a otimizar Todo o resto pode ser preguiçoso-carregar Essa imagem é a sua pontuação Core Web Vitals.
Qual escolher
Já usando Elementor e quero um herói: experimente primeiro um recipiente com uma imagem de fundo e Efeitos de Movimento Não custa nada e normalmente é suficiente.
Precisa de slides animados em camadas: Smart Slider 3. O nível livre faz a maior parte.
O controle deslizante é a peça central do site: Slider Revolution, com um orçamento de hospedagem correspondente.
Quer controles deslizantes e carrosséis de um plugin sem sair do Elementor: Complementos mestres. Seis widgets carrossel e controle deslizante, além da extensão Background Slider gratuita, oito designs importáveis, incluindo um herói de sangramento total no plugin gratuito, e Galeria Slider no Pro.
Apresentação de slides de imagens simples: MetaSlider. Não pense demais.
Perguntas frequentes
Elementor tem um controle deslizante embutido?
Não é um controle deslizante de herói dedicado Elementor free tem um Carrossel de Imagem; Elementor Pro adiciona Media Carousel e Loop Carousel Para um herói de largura total, a maioria das pessoas constrói um contêiner com uma imagem de fundo mais Motion Effects, ou adiciona um widget deslizante de um addon.
Qual é o melhor plugin de controle deslizante Elementor gratuito?
Smart Slider 3 tem o nível autônomo livre mais forte: camadas, animações e controles responsivos sem pagar Se você preferir ficar dentro do Elementor, Master Addons e Unlimited Elements ambos incluem widgets de controle deslizante e carrossel em seus níveis gratuitos O plugin Master Addons gratuito também importa oito designs nomeados através de Master Addons → Widget Builder → Import Widget, incluindo Plinth Hero Slider para heróis de largura total e Rostrum Quote Slider para depoimentos.
Os plugins deslizantes diminuem a velocidade do WordPress?
Construtores autônomos como o Slider Revolution adicionam um custo real de estrutura, e qualquer controle deslizante adiciona peso de imagem porque todos os slides renderizam de uma só vez O maior fator único é a imagem do primeiro slide, que se torna sua maior pintura contenciosa Servir como um WebP otimizado no tamanho da tela e preguiçosamente carregar o resto.
Qual é a diferença entre um controle deslizante e um carrossel?
Um controle deslizante mostra um slide de cada vez, geralmente com largura total, e é tipicamente um herói Um carrossel mostra vários de uma vez em uma trilha horizontal Eles precisam de plugins diferentes: construtores de controles deslizantes para o primeiro, bibliotecas de widgets para o segundo.
Posso fazer um controle deslizante vertical no Elementor?
Sim, com um plugin de controle deslizante que suporta o modo vertical Smart Slider e Slider Revolution ambos fazem Teste cuidadosamente no celular, porque o deslizamento vertical compete com o rolagem de página, e certifique-se de que o controle deslizante libera rolagem no primeiro e último slide para que os visitantes não fiquem presos.
Devo usar o Slider Revolution com Elementor?
Só se precisar do que ele faz: linhas do tempo das camadas, partículas, paralaxe 3 D, fundos de vídeo Para um herói padrão ou um carrossel é mais plugin do que o trabalho precisa, e o peso aparece em Core Web Vitals Experimente primeiro a rota nativa do Elementor.
Próximo
Se o que você está construindo mostra vários itens de uma só vez, você está procurando um carrossel e o ferramental é diferente. O resumo do plugin do carrossel cobre essa categoria adequadamente.
Cada widget de controle deslizante e carrossel em um só lugar: Widgets Carrossel Elementor. E quando a lista de compras vai além dos controles deslizantes, o 100 melhores complementos Elementor roundup é a visão longa.
Quando você solicita uma licença, o Página de preços Master Addons mostra em qual nível cada design Pro está.
