Você provavelmente conhece Revolução Slider, é um dos plug-ins premium do WordPress mais baixados no CodeCanyon. Também é o mais recomendado para pessoas que desejam adicionar um slider (slideshow) em seu site ou blog WordPress.

É um plugin disponível em CodeCanyon.com. Lembre-se, nós lhe apresentamos um pouco como faça o download de um plugin nesta plataforma.

Então a primeira coisa é baixar, instale e ative-o.

Se você nunca instalou o último, descubra Como instalar o Revolution Slider no WordPress.Você também pode descubra este outro tutorial detalhado e bastante completo.

Recomendado.

Como configurar Slider Revolução

Slider Revolution oferece configurações básicas. Você deve primeiro acessar a página inicial do plugin, através do menu " Revolução Slider »Disponível no menu do lado esquerdo do seu painel, após a instalação e ativação do plugin.

revolução de acesso slider.jpg

Isso o redirecionará para o painel do plugin Slider Revolution. Então vamos configurar o plugin. Você deve clicar no link " Configurações Gerais Localizado no submenu Revolução Slider.

parâmetros gerais resolução slider.jpg

Clicando nele, você será levado a uma nova página. Esta página contém algumas opções, incluindo:

  • As funções que têm acesso permissão plugin de vista »
  • Carregando recursos do plug-in em qualquer lugar " on Ou apenas nas páginas que o utilizam. Carregar recursos em todas as suas páginas pode atrasar seu site.
  • Você também pode integrar os recursos do plugin em certas páginas, adicionando o identificador de cada página no " Páginas para RevSlider inclui bibliotecas ".
  • Para uma melhor renderização, você pode escolher carregar os recursos do plugin após a página ser exibida com a opção " Inset JavaScript para rodapé ".
  • Você pode ativar as opções para exportar os dados do controle deslizante para serem usados ​​em vários outros sites.
  • A última opção diz respeito aos relatórios de atividades do controle deslizante.

controle deslizante de revolução geral parameters.jpg

As configurações padrão são aceitáveis. Mas você pode personalizá-los como quiser. Não se esqueça de clicar em " Salvar configurações »Para salvar suas configurações.

Retornar para « Revolução Slider Porque agora vamos criar um novo controle deslizante.

configurar o plugin WordPress Slider Revolution

Como criar um controle deslizante com o plugin Revolution Slider

Revolution Slider é muito flexível e se adapta a praticamente qualquer tipo de controle deslizante, do mais simples ao mais complexo com camadas (este é um recurso muito interessante).

Na nova página, você pode notar que existem duas colunas principais. Esta página deve ser considerada como a página de configurações do novo controle deslizante. Não é possível a partir deste local adicionar imagens e textos. No entanto, vamos modificar algumas configurações do controle deslizante.

Descubra nossos Os melhores plug-ins WordPress premium da 10 para criar controles deslizantes em seu blog

Na seção "Param Slider"

Temos vários campos obrigatórios que devem ser preenchidos, incluindo:

  • Título
  • O alias que será usado no shortcode. Você deve necessariamente fornecer um alias.

título shortcode revolution slider.jpg

Existem vários tipos de controle deslizante alcançáveis ​​com Slider Revolução

  • Você pode optar por exibir os artigos como um slide, em particular definindo um limite dos resultados, modificando a ordem de exibição, escolhendo um modelo, etc ...
  • Escolha artigos específicos, especificando seus identificadores
  • Escolha o modo galeria para o controle deslizante, o que nos permitirá criar slides mais complexos e bonitos.

slider revolution tipo seleção slider.jpg

A seguinte opção permite que você modifique o layout do controle deslizante: fixo, personalizado, resposta automática, tela inteira. Além dessas opções, existem aquelas para tamanhos de grade e dimensões de layout.

revolução de configuração de tamanho slider.jpg

Estas são as opções da primeira coluna. A segunda coluna oferece várias outras opções. Entre outros, temos: A duração de cada slide, que por padrão é de 9 segundos.

Exibição aleatória (modo aleatório)

revolução dos parâmetros gerais slider.jpg

A seção Layout e Visual

Esta seção agrupa as opções de configuração da sombra, do plano de fundo na sub-aba "Aparência". Você também encontrará uma guia "Spinner", que permite modificar a animação enquanto o controle deslizante está carregando, a guia "Celular" que permite determinar como o controle deslizante é exibido no celular e a guia "Posição" que permite configurar a localização do controle deslizante em relação ao conteúdo.

layout e revolução visual slider.jpg

A seção de navegação

A guia de navegação é subdividida em várias subguias que permitem configurar vários aspectos da navegação do controle deslizante. Por exemplo, você terá a guia "setas" que permite escolher o tipo de botão de navegação entre os controles deslizantes (você pode ativar ou não as setas). Com a guia "Marcador", você também tem a possibilidade de configurar marcadores de navegação, com a guia "Guias" que adicionará um efeito de controle deslizante da guia e assim por diante.

guia de navegação revolução slider.jpg

Configure as condições de animação dos "Parâmetros Gerais"

Oferece opções de slides, por exemplo, você pode definir que o controle deslizante parará automaticamente após um determinado slide " Pare Depois Loops »Ou escolha a posição da barra deslizante (a barra de progresso permite que você veja quanto tempo um slide leva antes de outro ser exibido).

configuração animação slider revolution slider.jpg

Estas são as primeiras seções do plugin e as que você mais usará. Você pode usar mais opções para adicionar mais funcionalidades ao controle deslizante.

Discover Como criar uma página da Web Pro com o WPBakery e adicione um belo Slider.

Assim que terminar, salve o controle deslizante abaixo usando o " Salvar configurações ".

registrar slider revolução sliders.jpg

Depois de clicar em " Salvar configurações », Você será redirecionado para a interface de criação do controle deslizante. O que criará um controle deslizante padrão vazio.

slider creation interface.jpg

Como adicionar um novo slide a um controle deslizante

Se você não lembra o que é isso, em um post anterior eu defini um conjunto de termos técnicos do WordPress, incluindo « Slider "e" Slides ».

Antes da interface para modificar as opções do controle deslizante, você verá uma seção com 3 zonas por padrão, onde você encontrará a última com o rótulo " Adicionar Slide" Ao colocar o mouse sobre ele, serão exibidas opções adicionais. Escolha Adicionar slide vazio.

adicione um controle deslizante a um slider.jpg

Observação : Todos os novos slides que você criar serão adicionados a esta barra. Cada slide criado oferece opções de gerenciamento adicionais: Excluir, Duplicar, Adicionar ao modelo.

A interface de um controle deslizante consiste em:

  • Opções avançadas de slides
  • Na interface de design do controle deslizante (interface de criação)

Interface de opções avançadas

Essas opções são organizadas em várias guias diferentes. A seção principal do plano de fundo permite configurar diferentes aspectos que afetam o plano de fundo do slide. Por exemplo, você pode escolher usar um vídeo do YouTube como plano de fundo.

revolução em vídeo em segundo plano slider.jpg

A guia Parâmetros gerais permite que você configure elementos como a duração do slide, vários eventos que farão com que o slide pare (interrompa a animação).

revolução dos parâmetros gerais slider.jpg

A guia de miniaturas permite que você escolha uma visualização para o slide criado. Isso será usado se seu controle deslizante oferecer visualizações de slides. 

revolução da vinheta da criação slider.jpg

A guia de animação do slide permite definir qual é a animação de entrada e saída do slide. Você tem uma ampla escolha entre as opções disponíveis.

escolha animação slide revolution slider.jpg

A aba link & seo permite que você modifique alguns atributos HTML do slide. Em princípio, você não precisará usar essa guia com frequência.

Interface de design Revolution Slider

A interface de design é o local de teste onde você fará sua composição. É constituído por uma superfície composta por quadrados brancos e cinzentos, que constituem o super de trabalho (onde serão colocados os diferentes elementos).

revolução de design de interface slider.jpg

O que saber sobre camadas (camada)

Cada objeto colocado na interface de composição constitui uma camada. Essas camadas podem ser sobrepostas umas às outras, assim como você faz com os esboços. A camada pode, portanto, consistir em uma imagem, um código html, um vídeo, uma forma, um objeto e muito mais. Você pode adicionar uma camada pairando sobre o botão "Adicionar camada", que oferece mais opções.

navegue por uma camada de revolução slider.jpg

Se você clicar em "Texto / html", será adicionada uma zona de texto na interface de design que você pode personalizar (adicionar texto, alterar a fonte ou mover).

adicione o slider da revolução do texto

Cada camada adicionada pode oferecer opções diferentes. Normalmente, para acessar as opções de uma camada, basta clicar duas vezes sobre ela. Agora vamos adicionar uma imagem.

add image revolution slider.gif

Cada camada tem suas próprias opções. Essas opções são a barra localizada logo acima da interface de design.

opção para a revolução da camada slider.jpg

Essas são guias que oferecem opções avançadas. Por exemplo, se quisermos alterar a animação da camada, temos que ir para a guia de animação e escolher uma animação de entrada e saída da seguinte maneira.

escolha uma animação para uma camada

Cada guia tem suas próprias opções. Ao tomar alguns minutos, você poderá entender como a maioria das guias funciona.

Isso é tudo o que há para saber sobre como configurar o WordPress Plugin Revolução deslizante para começar. Voltaremos mais tarde para mostrar técnicas mais avançadas.

Mas antes de deixá-lo, gostaríamos de oferecer a você mais 2 alternativas premium projetadas para ajudá-lo a criar controles deslizantes em seu site.

1. RoyalSlider

O controle deslizante mais baixado do CodeCanyon, Royal Slider vem carregado com recursos irresistíveis. Usado por empresas tão diversas como a Coca-Cola, Ralph Lauren e Land Rover, este plug-in faz quase tudo que você espera de um controle deslizante. O recurso mais atraente é o suporte nativo para tela inteira.

Controle deslizante de conteúdo de toque Royalslider para wordpress

Perfeito para exibir fotografias de alta resolução. Este plugin certamente irá impressionar seus visitantes com seus recursos profissionais. Como funcionalidades teremos entre outras: a possibilidade de criar vários sliders com diferentes estilos por página, suporte para navegação tátil, um design responsivo, a miniatura vertical ou horizontal A, marcadores ou tabs para navegação, e muito mais.

Descarregar | Demo | hospedagem na web

2. . WP Slick Slider e Image Carousel Pro

Se você é um seguidor incondicional da sequela Visual Composer, usar o plug-in WP Slick Slider é uma opção que você precisará considerar. Com quase modelos predefinidos do 100, você definitivamente encontrará o que está procurando sem codificar nada.Wp slick slider e carrossel de imagens profissional

Essa é uma opção para levar a sério, especialmente para usuários de Visual Composer - WPBakery -.

Suas características são, entre outras: a mpágina totalmente responsiva com suporte a arrastar e soltar, ashortcodes builder, oportes da RTL e dos multilingues, dedesign grandioso e muito mais

Descarregar | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.

Conclusão

Esperamos que este artigo tenha ajudado você a configurar o WordPress Plugin Revolução deslizante premium. Se você tiver alguma dúvida, não hesite em deixá-la na seção Comentários. E se você gostou deste artigo, compartilhe-o nas suas diferentes redes sociais