Ver categorias

Tutorial: Como Adicionar Novos Slides no Plugin Slider Revolution

4 minutos de leitura

Tabela de conteúdos

Nível de Dificuldade: Intermediário

O Slider Revolution é um dos Plugins mais populares para a criação de sliders no wordpress, permitindo a criação de animações atraentes e personalizáveis. Neste tutorial, vamos detalhar os passos para adicionar novos slides, incluir links e ajustá-los para dispositivos móveis.

Passo 1: Acessar o Slider Revolution #

  1. Login no wordpress:
    • Comece fazendo login no painel de administração do seu site wordpress. Para isso, acesse seusite.com/wp-admin e insira suas credenciais.
  2. Navegar até o Slider Revolution:
    • No menu lateral à esquerda, localize a opção Revolution Slider e clique nela. Isso o levará à lista de sliders existentes que você já criou.

Passo 2: Criar um Novo Slider #

  1. Adicionar um Novo Slider:
  2. Configurar o Slider:
    • Uma nova tela aparecerá para que você configure seu slider.
      • Título: Insira um nome descritivo para o seu slider na seção de título.
      • Tamanho: Selecione as dimensões do seu slider. Você pode escolher opções como “Full Width” (Largura Total), “Boxed” (Agrupado) ou definir uma largura e altura customizadas.
      • Outras Configurações: Explore outras opções de configuração como animações de entrada, animações de saída, tempo de transição e se o slider deve ser exibido de forma automática.
  3. Salvar o Novo Slider:
    • Após configurar, role para baixo e clique no botão Salvar para garantir que suas configurações sejam mantidas.

Passo 3: Adicionar Novos Slides #

  1. Adicionar Slide:
    • Acesse a aba Slides dentro do seu novo slider.
    • Clique no botão Adicionar (Add Slide). Um novo slide em branco será criado.
  2. Configuração do Slide:
    • Fundo: Clique na seção de fundo do slide. Você pode optar por adicionar uma imagem, vídeo ou uma cor sólida. Para isso, clique em Background e escolha a opção correspondente:
      • Image: Carregue uma nova imagem ou selecione uma já existente na sua biblioteca de mídia.
      • Video: Se preferir, insira um link de vídeo hospedado em serviços como YouTube ou Vimeo.
    • Edição de Conteúdo:
      • Após configurar o fundo, você pode adicionar elementos ao slide. Para isso, clique em Adicionar Elemento (+) e escolha entre textos, botões, imagens, ícones, entre outros.
      • Arraste e solte os elementos na posição desejada dentro do slide e use as opções de edição para personalizá-los conforme necessário (mudar fonte, cor, tamanho, etc.).

Passo 4: Adicionar Links nos Slides #

  1. Selecionar o Elemento para Linkar:
    • Depois de adicionar um elemento, como um botão ou texto, clique sobre ele para editar.
  2. Adicionar Link:
    • No painel de edição à direita, localize a opção Link to.
    • No campo URL, insira a URL do site ou página que deseja vincular ao elemento. Você também pode escolher entre as opções para abrir o link em uma nova aba (New Window) ou na mesma aba (Same Window).
    • Caso deseje que o link leve a uma âncora dentro da mesma página, insira apenas o ID do elemento que desejar vincular, precedido por uma hash (#).

Passo 5: Ajustar para Mobile #

  1. Configurações para Dispositivos Móveis:
    • No painel do Slider Revolution, você verá opções para Desktop, Tablet e Mobile. Selecione Mobile para ajustar as configurações específicas para dispositivos móveis.
  2. Visualização e Edição do Slide para Mobile:
    • A visualização mudará automaticamente para mostrar como o slide ficará em dispositivos móveis. Você pode editar cada slide especificamente para esta visualização.
    • Ajuste a posição dos elementos para que fiquem bem centralizados e ajustados para telas menores. Isso pode incluir redimensionar textos, mover botões ou alterar a imagem de fundo.
    • Utilize a opção de pré-visualização para testar como os slides se comportarão em diferentes tamanhos de tela.
  3. Configurações de Responsividade:
    • Verifique se você configurou a opção de responsividade na seção Configurações do Slider para garantir que os elementos se ajustem automaticamente em diferentes dispositivos.

Passo 6: Salvar e Publicar #

  1. Salvar Alterações:
    • Após ter feito todas as edições necessárias, não se esqueça de clicar em Salvar novamente no canto superior direito para garantir que suas alterações sejam mantidas.
  2. Publicar o Slider:

Conclusão #

Neste tutorial, cobrimos como adicionar novos slides, incluir links e ajustar o conteúdo para dispositivos móveis no Slider Revolution. Experimentar com diferentes elementos e opções de configuração ajudará a maximizar o impacto visual do seu slider.

Links de Referência #

Quais são seus sentimentos
Rolar para cima