O guia passo a passo para criar uma galeria de rolagem no WordPress

Publicados: 2023-04-03

Agora, mais do que nunca, fornecer uma experiência de usuário (UX) excepcional para os visitantes do seu site deve ser uma prioridade. As pessoas têm baixa tolerância para sites desajeitados e lentos. Anos atrás, você poderia ter se safado disso.

No mundo de hoje? Sem chance.

Oferecer uma galeria de rolagem mostrando seus trabalhos pode parecer complicado e pode tornar seu site lento. Longe disso; na verdade (graças ao Modula), além de ser fácil oferecer uma galeria de rolagem, seus visitantes não sofrerão com um site que demora a carregar!

Quer você prefira uma galeria de rolagem horizontal ou vertical, os recursos poderosos e fáceis de usar do Modula tornarão o processo simples e agradável.

Portanto, sem mais delongas, vamos mergulhar e aprender como criar uma impressionante galeria de rolagem para o seu site WordPress.


Índice

  • O que é uma galeria de rolagem e por que você deve considerar uma
  • Configurando o Módulo
  • Criando uma galeria
  • Criando uma galeria de rolagem horizontal com Modula
  • Criando uma galeria de rolagem vertical com Modula
  • Aprimorando sua galeria de rolagem com recursos do Modula
  • Visualizando e publicando sua galeria de rolagem
  • Empacotando…

O que é uma galeria de rolagem e por que você deve considerar uma

Uma galeria de rolagem é um tipo de galeria de imagens que exibe um conjunto de imagens ou outras mídias em um formato de rolagem. Isso significa que as imagens são exibidas uma após a outra e o usuário pode percorrê-las horizontal ou verticalmente usando o mouse, o touchpad ou outros dispositivos de entrada.

As galerias de rolagem tornaram-se cada vez mais populares porque oferecem vários benefícios em relação às galerias de imagens tradicionais. Aqui estão apenas algumas razões pelas quais você pode querer considerar o uso de uma galeria de rolagem em seu site:

Experiência do usuário aprimorada : as galerias de rolagem oferecem uma experiência de usuário mais envolvente e interativa do que as galerias de imagens tradicionais. Como o usuário pode rolar pelas imagens, ele pode dedicar seu tempo para visualizar cada imagem e explorar a galeria em seu próprio ritmo.

Design com economia de espaço : como as galerias de rolagem exibem imagens uma após a outra, elas podem ser uma alternativa que economiza espaço às galerias de imagens tradicionais. Isso pode ser particularmente útil se você tiver espaço limitado em seu site ou quiser exibir muitas imagens sem sobrecarregar o usuário.

Aparência moderna e elegante : as galerias de rolagem têm uma aparência moderna e elegante que pode ajudar a tornar seu site mais profissional e atualizado. Eles são uma ótima maneira de mostrar suas imagens e podem ser personalizados para combinar com a marca e o estilo do seu site.

Maior engajamento e conversões : esse método de galeria pode aumentar o engajamento e as conversões em seu site, incentivando os usuários a explorar mais seu conteúdo. Quanto mais eles investigam, mais beneficia você, o proprietário do site.


Configurando o Módulo

Para instalar o Modula, acesse o painel do WordPress e clique em Plugins . Em seguida, clique em Adicionar novo e procure por “Módulo”.

Depois de encontrar o plug-in, clique no botão Instalar agora e aguarde a conclusão da instalação. Por fim, clique em Ativar para ativar o plug-in.

Para uma explicação mais detalhada sobre a instalação e ativação do Modula, incluindo capturas de tela passo a passo, confira nossa documentação.

Criando uma galeria

Depois que o plug-in estiver instalado e ativado, você poderá criar uma nova galeria.

Para fazer isso, vá para o Painel do WordPress > Modula > Galerias e clique no botão Adicionar novo .

Criar nova galeria

Modula é super fácil de usar. (OK, então diríamos isso!) Mas temos certeza de que você também vai adorar!

Você pode enviar suas imagens e colocá-las em qualquer ordem que desejar. E a melhor parte? Você também pode personalizar a aparência da sua galeria, escolhendo o tamanho das imagens, adicionando legendas e muito mais.

Você pode começar a adicionar imagens à sua galeria a partir da sua biblioteca do WordPress ou fazer upload de suas fotos diretamente.

Carregue ou selecione imagens da biblioteca

Criando uma galeria de rolagem horizontal com Modula

Uma galeria de rolagem horizontal é uma ótima maneira de mostrar uma série de imagens que capturam a atenção do usuário. Com o Modula, você pode criar facilmente uma galeria de rolagem horizontal e personalizá-la para combinar com o design do seu site

Para começar, você precisará habilitar o recurso de apresentação de slides no Modula. Este recurso está disponível na versão Modula Pro. Certifique-se de ativar as extensões Lightbox Slideshow e Slider .

Selecione o tipo de galeria Slider na guia Geral da seção Configurações .

Tipo de galeria deslizante

Em seguida, vá para a guia Lightbox & Links e selecione Open images in a Lightbox no menu suspenso da opção Slider Lightbox & Links .

Depois de fazer isso, mais opções serão desbloqueadas.

Abra as imagens em um Lightbox

Role para baixo até encontrar a navegação da roda do mouse e ative a opção. Isso permitirá que os usuários usem a roda do mouse para rolar pelas imagens do lightbox.

Você pode adicionar um efeito de transição de rolagem para tornar a galeria de rolagem ainda mais elegante.

Role até a opção Efeito de transição e selecione uma no menu suspenso. Em seguida, você pode definir o valor da velocidade de transição. Será em milissegundos, portanto, mantê-lo abaixo de 600 ms seria ideal para que os usuários não sintam que a galeria de rolagem está atrasada.

Ninguém gosta de lag!

Efeito de transição de rolagem

Se tudo estiver bem, você pode publicar a galeria em sua página do WordPress ou postar copiando e colando o shortcode gerado pelo Modula.

Bem, isso foi fácil!

Criando uma galeria de rolagem vertical com Modula

Criar uma galeria de rolagem vertical com o Modula é tão fácil quanto criar uma horizontal. Deixe-me mostrar-lhe como se faz!

Observação: Para criar uma galeria de rolagem vertical, você precisará da extensão Paginação com a opção de rolagem infinita do plano Modula Pro Business.

No modo de edição da galeria, role para baixo até a seção Configurações . Na guia Geral , para exibir melhor uma galeria de rolagem vertical, escolha qualquer um dos tipos de galeria Criativa, Personalizada ou Alvenaria.

Role até o fim e ative a opção Ativar paginação . Depois de fazer isso, mais opções aparecerão.

Vá em frente e ative também a opção Ativar rolagem infinita .

Deste ponto em diante, você pode personalizar sua galeria ao seu gosto.

Aprimorando sua galeria de rolagem com recursos do Modula

Ao criar uma galeria de rolagem com o Modula, você pode aprimorar a experiência geral do usuário utilizando alguns dos recursos avançados do plug-in.

Vamos dar uma olhada nos recursos que são mais úteis para este caso de uso:

Carregamento lento : esse recurso é útil ao criar uma galeria de rolagem vertical com muitas imagens. Ajuda a reduzir o tempo de carregamento da página pré-carregando apenas as imagens visíveis na tela. No entanto, não é necessário para uma galeria de rolagem horizontal.

Caixa de luz personalizável : embora esse recurso seja opcional para uma galeria de rolagem vertical, é essencial para uma galeria de rolagem horizontal. Ele permite que você personalize a aparência do lightbox da galeria, aprimorando a experiência do usuário.

Galeria de vídeos : além das imagens, uma galeria de rolagem também pode consistir em vídeos. O recurso de galeria de vídeos do Modula pode tornar sua galeria mais dinâmica e interativa.

Experimente as opções e veja o que melhor se adapta ao seu site e à sua marca. Lembre-se de clicar nos botões Publicar ou Atualizar Galeria para garantir que suas alterações sejam salvas!

O Modula gerará um shortcode para você usar ao exibir sua galeria no front-end. Copie esse shortcode e vamos exibir sua impressionante galeria de rolagem

Visualizando e publicando sua galeria de rolagem

Depois de criar sua galeria de rolagem com o Modula, é hora de visualizá-la e publicá-la em seu site WordPress.

Para fazer isso, vá para a página ou post desejado e cole o shortcode diretamente no editor.

Cole o shortcode diretamente

Como alternativa, você pode procurar o bloco Modula Galleries e selecionar a galeria desejada no menu suspenso.

Procure o bloco Modula

Depois de adicionar sua galeria à sua página ou postagem, é essencial visualizá-la para garantir que ela seja exibida corretamente.

Quando estiver satisfeito com tudo, clique em Publicar ou Atualizar e veja a mágica acontecer

Se você precisar fazer alterações em sua galeria posteriormente, poderá modificá-la facilmente na seção Modula do painel do WordPress.

Depois de salvar suas alterações, sua galeria será atualizada automaticamente em seu site sem atualizar o shortcode.

Empacotando…

Criar uma galeria de rolagem vertical ou horizontal no WordPress pode ser uma ótima maneira de mostrar suas imagens e melhorar a experiência do usuário em seu site.

Com sua interface amigável, opções de personalização e tipos de galerias versáteis, o Modula é obrigatório para qualquer proprietário de site que queira exibir suas imagens e conquistar novos negócios!

Então, o que você está esperando? Baixe o Modula hoje e veja como ele pode transformar as galerias de imagens do seu site.

Adquira o Modula hoje!