Programação WordPress adamsilva

Como criar um Slider de imagens Profissional no WordPress

Como criar um Slider de imagens Profissional no WordPress

Nesse tutorial vou ensinar passo a passo como criar um Slider de imagens profissional em qualquer site WordPress.

Muitos sites profissionais (institucionais, blogs ou lojas virtuais) utilizam um slider de imagens na página principal do site. Esse Slider às vezes é chamado também de Carrossel ou banner de imagens rotativas.

Utilizar um Slider dá uma aparência mais moderna ao site, além disso, ele fornece a opção de fazer chamadas em destaque para determinadas seções, conteúdos ou ofertas do site.

O problema é que nem sempre os desenvolvedores conseguem deixar o Slider com um design profissional, ou do jeito que o cliente precisa.

Isso acontece porque para criar o carrossel perfeito, é necessário um plugin profissional que tenha todas as opções de personalização que precisamos. Estou falando de opções como camadas, largura 100%, paralax e efeitos de transição.

Deixa eu te mostrar na prática como funciona…

Vídeo Aula: Como criar um Slider de imagens Profissional no WordPress

Para esse tutorial você já precisa ter o WordPress instalado numa hospedagem ou em ambiente local.

Eu utilizei o plugin Premium Slider Revolution para criar nosso banner. Ele pode ser utilizado com qualquer template WordPress.

Passo a passo do tutorial:

  1. Faça o download do plugin premium Slider Revolution
  2. Suba os arquivos descompactados do plugin para a pasta do seu WordPress em wp-content/plugins
  3. Ative o plugin no painel do WordPress no menu Plugins
  4. Crie seu novo slider no menu Revolution Slider que irá aparecer.
  5. Para o banner do exemplo vamos utilizar as configurações do slider como padrão e largura Full Width. O height do slider foi definido como fixo para 599 pixels mas você pode usar o tamanho que quiser. Também habilitamos o navigation do slider com a opção arrows.
  6. Crie os slides, que são os banners do seu slider que vão ficar trocando.
  7. Salve o slider e nas configurações você vai encontrar a short tag do slider, que você deve copiar.
  8. Cole a short tag na página que você deseja exibir o slider.

O próximo passo ideal para você

Se você quer criar sites profissionais 10x mais rápido e com qualidade, dominando tudo que o WordPress pode te oferecer, tenho uma boa notícia para você. Nós temos um curso chamado Dollar Developer, que vai te ajudar a se tornar um Especialista no Desenvolvimento WordPress. Esse é o melhor caminho para você.

Clique aqui para saber mais e garantir sua vaga

adamsilva

| Website

Bacharel em Análise de Sistemas, trabalha com TI há 7 anos. Especializado em web, programador, blogueiro, baterista e entusiasta de tudo que envolva tecnologia.

Para enviar seu comentário, preencha os campos abaixo:

Deixe uma resposta

*

3 Comentários

  1. Avatar José Heleno da Silva disse:

    – E como valeu a pena, obrigado!…

  2. Top! ficou bem esclarecido.

    Parabéns

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.