O guia definitivo para criar um controle deslizante Divi

Publicados: 2020-09-04

O Divi by Elegant Themes é um dos temas e construtores de páginas mais populares do WordPress disponíveis atualmente. Este construtor de páginas é um editor de arrastar e soltar no qual você pode criar um site inteiro . Existem muitos módulos disponíveis que você pode escolher e o que facilita a criação de um site. Neste artigo, apresentarei os módulos deslizantes disponíveis no Divi . Além disso, mostrarei uma alternativa de plug-in deslizante que pode tornar seu site mais exclusivo.

Módulos Divi Slider

Usar um controle deslizante ou um bloco em seu site não é uma novidade hoje em dia. Construtores de páginas como o Divi já têm opções para criar um módulo de slider para sua página, que é a solução mais fácil e rápida para criar um slider . O Divi oferece 3 tipos de módulos de controle deslizante: um controle deslizante simples, um controle deslizante de vídeo e um módulo deslizante de postagem.

Módulos deslizantes Divi
Módulos deslizantes Divi disponíveis

Vamos dar uma olhada nesses módulos!

Módulo deslizante

O módulo deslizante Divi pode ser uma ótima solução se você quiser colocar um controle deslizante básico em sua página. Cada configuração está dentro do construtor Divi e você pode verificar instantaneamente se o design se encaixa ou não.

Módulo deslizante Divi

Este controle deslizante é um ótimo módulo deslizante que você pode usar para exibir imagens ou vídeos, exibir algum texto e também colocar um CTA nele. Por esse motivo, pode ser uma maneira rápida de criar um controle deslizante de herói. Você também tem opções de personalização, como definir a tipografia, cores ou o estilo de seus marcadores. O controle deslizante tem uma opção para definir uma imagem de fundo do controle deslizante, onde você pode ajustar o tamanho da imagem. Além disso, você pode colocar uma sobreposição nele. E você pode até adicionar um efeito de paralaxe que pode tornar seu site mais profissional.

👍 BOM
  • Fácil de usar
  • Fundo de paralaxe
  • Plano de fundo do vídeo
  • Ocultar controle deslizante nos dispositivos
👎 RUIM
  • Você não pode alterar a ordem do conteúdo do slide
  • Estrutura limitada

Controle deslizante de vídeo

O Divi oferece outro módulo de controle deslizante para criar um controle deslizante de vídeo em sua página. Com este módulo, você pode organizar seus vídeos . Você pode usar qualquer fonte , por exemplo, pode colocar qualquer link do YouTube ou Vimeo, ou pode enviar seu próprio vídeo mp4. Então fica a seu critério qual você quer usar. Existem opções de personalização semelhantes ao outro módulo deslizante. Além disso, você pode personalizar as imagens em miniatura e o botão de reprodução também.

Módulo de controle deslizante de vídeo

👍 BOM
  • Você pode usar qualquer tipo de vídeo
  • Maneira fácil de criar uma galeria de vídeos
👎 RUIM
  • Sem opção de reprodução automática
  • Toda vez que o vídeo começa do início

Controle deslizante de postagem

Controle deslizante de postagem no Divi
Criar um controle deslizante de postagem que muda dinamicamente é ótimo para mostrar nossas postagens mais recentes ou em destaque . O Divi oferece um módulo de controle deslizante de postagem onde você pode exibir sua postagem mais recente, definir quantos artigos deseja exibir e em que ordem. Você pode definir a imagem em destaque como plano de fundo do slide, exibir o título e a meta da postagem e colocar um botão leia mais com link para a postagem em si.

👍 BOM
  • Alterando o conteúdo dinamicamente
  • Você pode escolher entre as categorias
  • Contagem e ordem de postagem personalizáveis
👎 RUIM
  • Design e estrutura limitados

Como criar melhores controles deslizantes Divi?

Os módulos deslizantes do Divi são ótimos, mas acho que são um pouco limitados. Se você deseja criar um controle deslizante mais personalizável , vale a pena encontrar um plug-in de controle deslizante compatível com o Divi. O Smart Slider é um dos melhores plugins de slider do WordPress. Mesmo a versão gratuita tem ótimos recursos com os quais você pode começar. O Smart Slider ajuda a criar designs personalizados e você pode personalizar cada camada . Este plugin possui um módulo Divi, para que você possa publicá-lo normalmente.

Espero que você queira saber como o plug-in Smart Slider 3 pode atualizar a funcionalidade do controle deslizante Divi. Uma das melhorias mais importantes é que você pode criar apresentações de slides com mais de 4 camadas em ordem e posicionamento personalizados.

Exemplo de slider de portfólio de página inteira

Smart Slider tem uma lista de camadas onde você pode escolher entre mais tipos de camadas. As linhas e colunas ajudam você a estruturá-las. Você tem a opção de alinhar suas camadas na vertical e na horizontal, definir uma largura máxima, alterar qualquer cor ou tipografia, para poder criar um design exclusivo . Se não for suficiente, você pode usar o posicionamento absoluto em suas camadas para projetar o controle deslizante. Ao combinar as diferentes camadas e posições, você pode criar alguns sites verdadeiramente únicos com o Smart Slider 3 e o Divi.

Como usar o Smart Slider 3?

Smart Slider é um plugin de slider que está disponível gratuitamente no repositório do WordPress. Basta fazer o download e ativá-lo. Então você pode começar a criar seu controle deslizante. Existem muitos modelos pré-criados com os quais você pode começar, mas você tem a opção de começar do zero.

Se você estiver pronto com seu controle deslizante, publique-o com o módulo Smart Slider Divi.

Módulo de controle deslizante inteligente

Comparando o módulo deslizante Divi e o Smart Slider

Deixe-me comparar o controle deslizante Divi básico e as versões gratuita e profissional do Smart Slider. Eu realmente acho que o módulo deslizante Divi é um ótimo módulo do Divi, porque tem muitas opções de personalização e está dentro do Divi. Tudo está em um só lugar , e você não precisa conhecer uma nova interface. Mas a funcionalidade é limitada porque você não pode criar o layout desejado.

Se você deseja um layout mais específico onde você pode colocar suas camadas onde quiser e pode criar um conteúdo mais exclusivo, considere usar o Smart Slider 3 . A versão gratuita oferece muitos recursos como o módulo Divi e, com o Pro, você não tem limites.

Vamos ver algumas diferenças relevantes!

Módulo deslizante Divi
Smart Slider 3 Grátis
Smart Slider 3 Pro
Camadas 5 6 23
Opções de tipografia
Interface de arrastar e soltar
Imagem de fundo
Vídeo de fundo mp4, WEBM mp4
Efeito de paralaxe
Animações de camada
Transições
Controles 2 5 7
Variáveis ​​dinâmicas
Sobreposição estática
Reprodução automática

Interface

Interface de controle deslizante inteligente

A principal diferença é a interface. Não há dúvida de que o Divi facilita a adição de controles deslizantes ao seu site WordPress. Basta digitar o texto nos campos definidos e, em seguida, fazer upload de algumas imagens e seu controle deslizante está pronto para ser usado. No entanto, quando se trata de funcionalidade e permitir que você crie controles deslizantes impressionantes, o controle deslizante Divi tem algumas limitações. No entanto, no Smart Slider, você pode usar um editor de slides de arrastar e soltar e colocar suas camadas onde quiser.

Animações e efeitos

Com os modos de animação em segundo plano, você pode facilmente dar vida ao seu design. Divi tem uma opção de animação básica, que você pode animar seu slider, mas no Smart Slider 3 Pro você pode escolher entre 3 tipos de animações : animação principal, animação de fundo e animações de camada exclusivas.

Controles personalizáveis

Cada módulo deslizante tem opções para personalizar os controles, mas no Smart Slider, você tem mais maneiras de torná-los únicos. Você pode colocar os controles em outras posições, alterar as cores, espaçamento ou ocultá-los em diferentes dispositivos. Além disso, no Smart Slider 3 você tem opções para exibir miniaturas que você pode criar um slider de miniaturas com estilo de galeria de imagens.

Controle deslizante de miniaturas gratuito

Reprodução automática do controle deslizante

O Smart Slider oferece reprodução automática de slider, que é um recurso popular na maioria dos plugins de slider. Desta forma, o controle deslizante alterna os slides depois de um tempo. Isso pode chamar a atenção dos visitantes, mas se você não gosta de controles deslizantes de reprodução automática, basta desativar essa configuração.

Por que você deve escolher o Smart Slider 3 como seu Divi Slider?

Se você gosta de coisas simples e básicas, talvez não queira instalar outro plugin e aprender como funciona para criar um slider. O Divi também possui módulos deslizantes, então por que você deve usar um plug-in diferente para criar um controle deslizante? Vamos ver alguns recursos que podem ajudá-lo a decidir escolher o Smart Slider ou não.

Tipos de controle deslizante disponíveis no Smart Slider
Tipos de slider no Smart Slider. Linha superior: Simples (Free) e Carrossel (Pro). Linha inferior: Block (Free) e Showcase (Pro)

Razões para escolher o Smart Slider 3 Free

  • É grátis. A versão gratuita do Smart Slider está disponível no repositório do WordPress, você não precisa pagar por isso.
  • A liberdade de criar um controle deslizante. Você pode criar um layout complicado graças às linhas, colunas e opções de posicionamento.
  • Controles personalizáveis. Use suas setas, marcadores, miniaturas, barra de texto do jeito que você imaginou. Posicione-os, altere suas cores ou desative-os se não quiser exibi-los.
  • Modelos prontos para usar. No Smart Slider 3, você pode começar com modelos pré-criados, que são totalmente personalizáveis. Basta alterar o conteúdo ou as imagens e você tem um controle deslizante pronto.
  • Modelos de Slider Inteligentes Gratuitos
    Modelos de Slider Inteligentes Gratuitos
  • Controles deslizantes responsivos. Com esforço mínimo, você pode criar um controle deslizante que fica bem em qualquer dispositivo.

Razões para escolher o Smart Slider 3 Pro

Espero que agora você tenha uma ideia melhor de como o Smart Slider 3 pode atualizar sua capacidade de adicionar apresentações de slides ao seu site Divi. Mas se você ainda não tem certeza vamos ver alguns recursos do Smart Slider 3 Pro!