Passando da revolução do controle deslizante para o controle deslizante inteligente 3

Publicados: 2023-06-08

Para fazer sliders, dois plugins altamente conceituados são Smart Slider e Slider Revolution. Ambos são realmente poderosos e permitem que você crie controles deslizantes impressionantes. Por outro lado, você pode decidir mudar para o Smart Slider. Isso pode levar à consulta de como mudar do Slider Revolution.

Qual é a maneira mais rápida de fazer seus controles deslizantes funcionarem?

Como posso passar da revolução do controle deslizante?

É vital compreender as principais distinções entre Smart Slider e Slider Revolution antes de iniciar o procedimento de transferência. Os “níveis” onde você trabalha são uma das variações mais significativas entre os dois plugins. Um painel e um editor de slides são as duas camadas do Slider Revolution.

Cada módulo que você criou é mostrado no Painel. Qualquer módulo pode ser selecionado para acessar sua configuração. Em uma única tela, tudo acontece. O painel direito onde você modifica suas camadas também é onde você pode definir seu módulo, incluindo seu tamanho e layout.

Três níveis compõem o Smart Slider – O Dashboard é o primeiro lugar onde você pode ver os controles deslizantes que você criou. Você chega à página de configurações do controle deslizante depois de visitar qualquer controle deslizante. Aqui, você pode personalizar o controle deslizante alterando suas dimensões, design ou controles.

A lista de seus slides está localizada na parte superior desta página. Você precisa primeiro acessar o Editor de slides para trabalhar com camadas. Ao clicar em qualquer um dos slides, você pode fazer isso. Você pode alterar o plano de fundo do slide aqui. Nesta página, você também pode adicionar e modificar suas configurações de camada.

Existem diferenças significativas entre os dois plugins, embora ambos ofereçam muitos dos mesmos recursos.

Por exemplo, suas interfaces de usuário são muito diferentes, dificultando a navegação entre elas. Abordarei as diferenças mais significativas entre os dois plug-ins neste guia para que você possa começar a criar seu controle deslizante.

Neste blog, abordaremos esses pontos indicados :

  • O controle deslizante inteligente pode reconhecer o controle deslizante na revolução do controle deslizante automaticamente?
  • Sua primeira criação de slider
  • Como um controle deslizante pode ser construído?
  • Como o tamanho do controle deslizante pode ser alterado?
  • Alterar o layout e o tipo do controle deslizante
  • Ativando e personalizando a reprodução automática
  • Como o controle deslizante inteligente lida com as camadas?
  • Camadas usadas com mais frequência
  • Como a camada é projetada?
  • Adicionando animações nas camadas
  • Colocando seu controle deslizante no site
O controle deslizante inteligente pode reconhecer o controle deslizante na revolução do controle deslizante automaticamente?

Cada plug-in tem um método exclusivo para manipular e armazenar dados. Por causa disso, os controles deslizantes que você criou em um plug-in não serão reconhecidos nem pelo Smart Slider nem pelo Revolution Slider.

Infelizmente, mover os controles deslizantes do Slider Revolution manualmente não é uma opção. Para usar os controles deslizantes gerados anteriormente no Revolution Slider no Smart Slider, você deve construí-los novamente.

Sua primeira criação de slider

Fazer um controle deslizante é um dos trabalhos mais cruciais de um programa de controle deslizante. Cada plug-in de controle deslizante tem um procedimento exato um pouco diferente. Antes de construir o slider, eles poderiam, por exemplo, solicitar mais informações (como um nome ou algumas dimensões). Ou eles podem apenas usar as configurações padrão sem fazer perguntas.

Como um controle deslizante pode ser construído?

Para começar a construir um slider no Smart Slider, clique no ícone New Project. O plug-in solicita que você escolha entre começar do zero e importar um modelo. Você deve decidir que tipo de controle deslizante deseja criar se optar por começar do zero. Você deve decidir sobre o tipo, tamanho e layout do seu controle deslizante, por exemplo.

Controle deslizante simples, bloco, vitrine e carrossel são os quatro tipos de controle deslizante oferecidos pelo Smart Slider. O tipo Slider em Slider Revolution é equivalente ao tipo Simple. O bloco e a cena são idênticos. Showcase é o que o Smart Slider chama de carrossel no Revolution Slider.

O tipo Carrossel usado pelo Smart Slider é comparável ao tipo Showcase. A principal distinção é que ele só pode mostrar slides não cortados. Ele também tem a capacidade de exibir um número par de slides.

(IMAGEM- carrosséis e imagem de controle deslizante único)

Como o tamanho do controle deslizante pode ser alterado?

Antes de criar um novo controle deslizante, o Smart Slider solicita que você especifique seu tamanho. Você sempre pode ajustá-lo na guia Tamanho das configurações do controle deslizante, se necessário.

Alterar o layout e o tipo do controle deslizante

Antes de gerar seu controle deslizante, o Smart Slider solicita que você escolha seu tipo e layout. Você tem a opção de alterá-los mais tarde se fizer a escolha incorreta/mudar de ideia.

Navegue até a guia Tamanho das configurações do controle deslizante para modificar o layout do controle deslizante. Altere o tipo de controle deslizante em Ações do controle deslizante Altere o tipo de controle deslizante se precisar de um tipo de controle deslizante diferente.

(Slider de imagem com layouts)

Ativando e personalizando a reprodução automática

Por padrão, o Smart Slider não possui o recurso de reprodução automática ativado. Você deve ativar a reprodução automática em Opções do controle deslizante Reprodução automática se quiser que o controle deslizante gire automaticamente. Aqui, você pode escolher a ação que pausa e retoma os slides, bem como sua duração.

Como o controle deslizante inteligente lida com as camadas?

Você pode manipular as camadas no Slider Revolution de maneira semelhante aos editores de imagens. A camada pode ser movida pela tela à vontade. Mas o Smart Slider inclui um modo de edição especial que chamamos de posicionamento padrão. Com esta edição, você pode manipular suas camadas como faria com um construtor de páginas.

Digamos que você deseja transferir os cinco níveis que estão no meio do seu slide para a esquerda. As camadas no Slider Revolution devem ser movidas uma de cada vez. Além disso, você deve ter cuidado para evitar qualquer alteração nas distâncias selecionadas.

Todo o processo é muito mais fácil usando o Smart Slider. Você pode modificar o alinhamento interno no elemento pai de cada camada em vez de deslocar cada camada individualmente. Todas as camadas deslizam para a esquerda sem ter que se tocar como resultado. Além disso, todo espaçamento será constante.

Camadas usadas com mais frequência

Um título separado e uma camada de texto podem ser encontrados no Smart Slider. Um cabeçalho ou div h1-h6 pode ser criado usando a camada de cabeçalho.

A camada de vídeo é a outra distinção importante. Existe uma camada de vídeo no Slider Revolution. Você pode selecionar se deseja mostrar um vídeo HTML, YouTube ou Vimeo nesta camada. No entanto, cada vídeo tem sua própria camada no Smart Slider. Portanto, uma camada do YouTube deve ser adicionada se você deseja exibir um vídeo do YouTube.

Como a camada é projetada?

Ao selecionar a guia Personalizar na Janela de Camadas, você pode personalizar suas camadas. Você pode escolher a cor, a família da fonte, o tamanho e o peso de suas mensagens aqui. Você também pode escolher uma cor de fundo para melhorar a legibilidade. Você também pode definir a opção de raio da borda no menu Estilo ao criar um botão para produzir cantos arredondados.

Adicionando animações na camada

Cada camada no Smart Slider pode ter uma animação de camada adicionada a ela. Vá para a guia Animações da Janela de Camadas para adicionar uma animação à sua camada.

Três animações diferentes podem ser adicionadas a cada camada:

In – A animação que faz com que sua camada seja exibida no slide.
Loop – Este movimento é contínuo. Por exemplo, você pode usá-lo para girar uma imagem.
Fora – A camada fica “ oculta ” da visualização por esta animação, tornando-a invisível.

Colocando seu controle deslizante no site

Tudo o que resta a fazer é publicar seu slider assim que terminar de criá-lo. O shortcode do seu slider ou módulo Gutenberg pode ser usado para publicá-lo. O código de acesso do seu controle deslizante está localizado na guia Geral da janela Configurações do controle deslizante.

Alguns dos criadores de páginas mais populares, como Divi ou Elementor, também possuem um plug-in Smart Slider. Tenha o cuidado de trocar todos os controles deslizantes antigos pelos novos quando sair do Slider Revolution.

Conclusão

Ótimas ferramentas de criação de sliders incluem Smart Slider e Slider Revolution. Mas eles diferem muito em termos de interface do usuário, nomes e locais da funcionalidade e outros fatores.

Converter manualmente seus controles deslizantes é uma tarefa enorme e desafiadora. Esperançosamente, esta instrução tornará mais simples para você mudar do Revolution Slider.