Como configurar um controle deslizante de imagem vertical no WordPress

A maioria dos controles deslizantes do WordPress lidam com imagens horizontais, mas você sabia que existem imagens verticais? É isso mesmo, com o plugin WordPress Vertical Image Slider, você pode adicioná-los facilmente ao seu site. E é muito fácil de usar!

Basta escolher suas imagens, personalizar o controle deslizante e colocá-lo com um código de acesso. E graças a isso, você pode até colocá-lo na barra lateral por meio de um widget de texto. Apenas lembre-se de dimensioná-lo adequadamente se fizer isso.

Hoje, vou demonstrar como usar o plugin WordPress Vertical Image Slider.

Por que adicionar uma apresentação de slides vertical no WordPress

Um controle deslizante vertical oferece aos usuários oportunidades únicas de layout de página, sendo a maior a adição potencial a uma área da barra lateral. Os controles deslizantes, horizontais ou verticais, são uma ótima maneira de compartilhar várias imagens em uma área pequena e têm vários usos.

Um dos lugares mais comuns onde você vê os dois tipos de controles deslizantes é nas páginas dos produtos. É bastante comum incluir várias imagens de um produto em uma página de vendas, e os controles deslizantes são uma ótima maneira de exibir o máximo possível.

Outro uso comum é para comparações antes e depois. Um controle deslizante vertical pode ser uma opção melhor para certas imagens do que um controle deslizante horizontal; realmente depende da orientação das imagens.

Ler:  Como monitorar o desempenho do servidor e os melhores aplicativos para usar

Uma das principais vantagens do controle deslizante vertical é a capacidade de fazer com que o texto apareça na lateral, o que torna a experiência de leitura mais natural. Com imagens horizontais, os leitores precisam rolar a imagem para continuar lendo, enquanto a vertical permite que leiam e visualizem a imagem ao mesmo tempo.

Como adicionar um controle deslizante de imagem vertical no WordPress

Etapa 1: Instale o controle deslizante de imagem vertical do WordPress

O Controle deslizante de imagem vertical WordPress O plugin é simples de usar, cheio de opções de personalização e fácil de implementar graças aos códigos de acesso. O tamanho do controle deslizante é totalmente personalizável, podendo caber em qualquer site. E graças ao seu design responsivo, funciona em qualquer dispositivo.

Há também uma versão Pro que vale a pena atualizar se você quiser usar vários controles deslizantes e permite fazer upload de várias imagens de uma vez.

Vamos começar clicando em Plugins e selecionando a opção Adicionar Novo no painel de administração esquerdo.

Pesquise WordPress Vertical Image Slider na caixa de pesquisa disponível. Isso abrirá plug-ins adicionais que podem ser úteis.

Role para baixo até encontrar o plugin WordPress Vertical Image Slider e clique no botão “Instalar agora” e ative-o para uso.

Etapa 2: gerenciar configurações do controle deslizante

Você pode começar a enviar imagens ou definir a configuração a seguir, mas vamos começar com as configurações.

No painel de administração esquerdo, clique em Vertical Thumbnail Slider e selecione a opção Slider Setting.

Ler:  Os 10 principais plug-ins de compactação de imagens do WordPress para acelerar seu site

A primeira opção é se você deseja que seu controle deslizante seja responsivo. Embora existam vários usos quando você não deseja um controle deslizante responsivo, a maioria dos proprietários de sites deve ativar esse recurso.

A seguir, você pode escolher se deseja que a imagem tenha um link. Dessa forma, cada vez que um visitante clica nele, ele vai para uma página específica. Isso pode ser muito útil se você estiver usando o controle deslizante em uma página inicial para exibir produtos ou promoções especiais.

Abaixo disso, você pode escolher como a rolagem se comportará. O plugin oferece três opções: automaticamente, use as setas para a esquerda e para a direita ou role automaticamente com a seta. E abaixo disso, você pode determinar o quão rápida é a velocidade de rolagem.

Se você não tiver certeza do que escolher, não se preocupe, você pode alterar isso mais tarde.

O restante das configurações trata da aparência do seu controle deslizante e inclui se você deseja que as imagens sejam arredondadas, a cor de fundo do controle deslizante, quantas imagens estão visíveis ao mesmo tempo, quantos itens rolam por vez, se o controle deslizante deve pausar se um visitante passar o mouse sobre ele e a altura e largura da imagem.

Depois que todas as configurações estiverem definidas, clique no botão “Salvar alterações”.

Observação: Se você planeja usar o controle deslizante vertical em um widget de texto, certifique-se de que ele esteja dimensionado corretamente para a barra lateral. Cada tema tem dimensões únicas, portanto consulte o seu tema para medidas específicas.

Ler:  A hospedagem WordPress vale a pena?

Etapa 3: fazer upload de imagens

Agora é hora de começar a adicionar imagens ao plugin. Embora o plug-in se refira a isso como upload, você também pode simplesmente escolher as imagens da sua biblioteca de mídia.

Primeiro, clique na opção Gerenciar Imagens.

Clique no botão “Adicionar Novo”.

Clique no link “Clique aqui para fazer upload”. Isso abrirá a biblioteca de mídia. Você pode selecionar imagens que já estão em sua biblioteca ou fazer upload de uma nova.

Em seguida, você pode adicionar um título à imagem, apenas para ajudá-lo a encontrá-la. E se você optou por adicionar um link à imagem durante o processo de configuração, poderá inserir essas informações na caixa de texto apropriada.

Clique no botão “Salvar alterações” quando terminar.

Você pode visualizar todas as imagens adicionadas e editá-las ou excluí-las a qualquer momento. Isso é útil se você precisar atualizar um link. Repita este processo para adicionar todas as imagens que você planeja usar no plugin.

Etapa 4: visualizar e posicionar o controle deslizante

Com as imagens adicionadas, você pode visualizar o controle deslizante clicando na opção “Visualizar controle deslizante”. Dito isso, você não pode visualizá-lo em seu site até adicioná-lo via shortcode ou PHP.

Abaixo da visualização, você encontra o shortcode e o código PHP para adicioná-lo no WordPress.

O código PHP lhe dará mais controle sobre o posicionamento do controle deslizante, mas o shortcode é muito mais fácil. Na verdade, é assim que você pode adicionar texto na lateral do controle deslizante; no entanto, o local onde você o coloca depende do tema. Portanto, pode ser necessário entrar em contato com o desenvolvedor do tema para obter mais informações.

Ler:  Destaque da agência: como a Ciphers Digital...

Você pode adicionar o shortcode a qualquer postagem, página ou widget de texto. Adicioná-lo a um widget de texto basicamente cria um widget deslizante de imagem vertical do WordPress, que pode ser muito útil. E apenas como lembrete, certifique-se de dimensionar corretamente o controle deslizante para uso do widget.

Depois que o código de acesso estiver instalado, você poderá visualizá-lo em seu site.

Parabéns por configurar o plugin WordPress Verticle Image Slider. Lembre-se de que você pode personalizar as configurações a qualquer momento para ajustá-las ainda mais. Você também pode alterar quais imagens estão presentes a qualquer momento.

Para ter acesso a vários controles deslizantes, você precisará atualizar para a versão Pro.

Economize espaço com um controle deslizante vertical hoje

Os controles deslizantes verticais são uma ótima maneira de economizar espaço e podem ajudar seu site a usar layouts de página mais criativos. Alguns temas podem ter espaço extra de widget para ajudá-lo a aproveitar as vantagens dos códigos de acesso. Por exemplo, ColorMag tem um tom de espaço extra de widget específico para a página inicial.

Assim, você pode realmente ajudar sua página inicial a se destacar da concorrência.

No entanto, os controles deslizantes verticais são mais utilizados na barra lateral. Eles são uma ótima maneira de promover eventos, novos produtos e praticamente tudo relacionado ao seu negócio. E como parte da barra lateral, eles ficam visíveis em todas as páginas.

Qual plugin de controle deslizante de imagem você usa no WordPress? Você prefere controles deslizantes de imagem verticais ou horizontais?

Novas publicações:

Recomendação