Como criar uma galeria de imagens do WordPress com miniaturas

Publicados: 2021-02-04

Muitos usuários do WordPress não sabem que podem tirar proveito de plugins com recursos poderosos que lhes permitem ter controle total sobre as galerias. Para sua sorte, preparamos um tutorial direto sobre como criar uma galeria de imagens com miniaturas usando o editor do WordPress (também conhecido como Gutenberg Block Editor), bem como um plugin de galeria.


Neste artigo, mostraremos a você:

  • uma comparação entre a galeria principal do WordPress e o Modula;
  • como você pode adicionar miniaturas com a galeria padrão do WordPress ;
  • passos a seguir ao criar uma galeria de imagens com miniaturas ;
  • soluções alternativas para criar uma galeria de miniaturas do WordPress;
  • e muito mais .

Índice

  • Crie uma galeria de miniaturas com o editor de blocos do WordPress
  • Criando uma galeria de miniaturas com Modula
    • Etapa 1: criar uma galeria de imagens
    • Etapa 2: adicione miniaturas à sua galeria de imagens
    • Etapa 3: salve sua galeria de imagens e adicione-a ao seu site
  • Pensamentos finais

As galerias de miniaturas são uma das soluções mais utilizadas na web para exibir várias imagens porque não ocupam tanto espaço, permitem uma navegação rápida e uma inspeção mais próxima quando necessário. Então, suponha que você seja um usuário do WordPress procurando criar galerias de imagens com miniaturas. Nesse caso, você tem duas opções: o Gutenberg Block Editor (sem emoções, sem frescuras fácil na solução de orçamento) ou um plugin de galeria (mais recursos).

Ferramenta Galeria de miniaturas Abrir imagens em um Lightbox Miniaturas na parte inferior Navegação do teclado Rolagem vertical/horizontal para miniaturas Inserir link externo
Editor de Blocos Gutenberg
Módulo

Dependendo de suas necessidades, você pode ver o que obterá para a galeria de miniaturas com cada solução i na tabela acima. Tanto o editor WordPress quanto o Modula permitem que você crie uma galeria de miniaturas e abra imagens em um Lightbox (a janela que se abre quando você clica em uma imagem e aparece em sua totalidade) – a única desvantagem aqui é que você não pode personalizar seu Lightbox com a galeria padrão do WordPress.

Claro, você pode escolher um plugin Lightbox que funcione muito bem com o editor WordPress, mas se você precisar instalar mais plugins que não são feitos pelo mesmo desenvolvedor, eles podem não funcionar perfeitamente juntos e você acabará com galerias quebradas. Além disso, você não se beneficiará de suporte e atualizações, pois se beneficia de uma solução comercial como Modula.

Embora útil para galerias básicas, a galeria padrão do WordPress pode ser bastante limitada em comparação com outros plugins completos. Aqui estão apenas algumas das coisas que a galeria nativa do WordPress não pode fazer:

  • você não pode permitir que as pessoas naveguem pelas suas miniaturas com o teclado - elas terão que fechar e abrir uma imagem por vez, um problema que pode frustrar seus usuários e fazê-los sair do seu site,
  • você não pode colocar miniaturas na parte inferior do Lightbox - isso dificultará a navegação pelas miniaturas e a experiência do usuário poderá ser afetada,
  • ele não oferece um eixo de miniaturas – se você não permitir que as pessoas rolem pelas miniaturas, elas não poderão acessar todas as suas imagens ou encontrar o que estão procurando;
  • você não pode adicionar links externos a imagens – em alguns casos, você desejará vincular miniaturas em sua galeria a URLs externos.

Se você ainda não tem certeza de qual ferramenta é mais adequada para você, vamos ver como elas funcionam.


Crie uma galeria de miniaturas com o editor de blocos do WordPress

Digamos que você seja um fotógrafo de design de interiores ou ajude as pessoas a decorar suas casas e queira criar uma página com algumas imagens de design de interiores para mostrar às pessoas seu portfólio. Vá para o painel do WordPress > Páginas > Adicionar novo. Criaremos uma nova página em seu site com suas fotos.

criar uma nova página
Adicionar uma nova página

Vou dar um nome à minha página, depois clicar no ícone “+” e adicionar o bloco Galeria .

Criar uma galeria
Adicionar uma galeria

Agora, você precisa enviar suas imagens ou, se já as tiver carregado no WordPress, pode adicioná-las da sua Biblioteca de mídia.

Adicione imagens à sua galeria
Enviar imagens

Depois de enviar suas fotos, vamos criar uma galeria de imagens com miniaturas. Na barra lateral direita, você verá algumas configurações da galeria. Vá para Tamanho da imagem e defina Miniatura . Em seguida, certifique-se de selecionar quantas imagens exibir por coluna (adicionei 8 imagens, mas você pode adicionar quantas quiser).

Na última parte, você deve vincular suas imagens ao arquivo de mídia ou a uma página de anexo (se você não fizer isso, as pessoas não poderão clicar em uma imagem e vê-la na íntegra).

personalize sua galeria
Personalize sua galeria com miniaturas

Então, é assim que você pode criar uma galeria de imagens com miniaturas com o editor padrão do WordPress. Depois de configurar sua galeria, clique em Publicar e sua galeria de miniaturas estará ativa.

A galeria de miniaturas criada com o Gutenberg Block Editor

Criando uma galeria de miniaturas com Modula

Antes de criar nossa galeria de miniaturas do WordPress, você precisa instalar e ativar o Modula – o processo é super fácil e levará menos de 1 minuto.


Etapa 1: criar uma galeria de imagens

Toda vez, a partir de agora, quando você quiser criar uma galeria de imagens, clique no ícone Modula e, em seguida, pressione Adicionar novo .

Crie suas galerias com Modula
Crie sua primeira galeria

Agora, você pode começar adicionando um título descritivo à sua galeria de miniaturas do WordPress e carregando suas imagens. Se você já tiver suas imagens carregadas no WordPress, também poderá selecioná-las na sua Biblioteca.

Enviar imagens
Adicione títulos e faça upload de arquivos de imagem

Graças à interface de arrastar e soltar do Modula, você pode organizar as imagens em suas galerias de acordo com suas preferências.

organize suas fotos
Organize suas fotos

Etapa 2: adicione miniaturas à sua galeria de imagens

A coisa mais fantástica que você pode fazer com suas galerias é adicionar um tipo de galeria. Como? Role para baixo e vá para Configurações gerais. No tipo de galeria, você pode optar por adicionar uma galeria com grades personalizadas, uma galeria com colunas, um controle deslizante ou uma galeria de criativos.

escolha um tipo de galeria
Selecione um tipo de galeria

Em seguida, vamos alterar o tamanho da imagem. Na mesma seção, clique na caixa suspensa Tamanho da imagem e clique em Miniatura .

adicionar tamanho de imagem
Tamanho da imagem da miniatura

Depois de configurar o tamanho das suas imagens, vá para Lightbox and Links . Aqui você pode optar por abrir sua galeria de imagens em um belo Lightbox.

permitir abrir imagens em um Lightbox
Abrir imagens em um Lightbox

O plugin Modula também permite que você personalize a exibição de miniaturas. Rolando a página, você encontrará as configurações de miniatura.

O que você pode fazer nesta seção?

  • Adicione o botão de miniaturas na barra de ferramentas Lightbox;
  • Miniaturas de início automático – exibe miniaturas na abertura do lightbox;
  • Eixo do polegar – selecione a rolagem vertical ou horizontal para miniaturas;
  • Miniaturas na parte inferior – coloque as miniaturas na parte inferior da caixa de luz;
Adicione miniaturas à sua galeria de imagens
Configurações de miniaturas

Você também pode adicionar animação fechar/abrir, efeito de transição e muitos outros efeitos dinâmicos.

Adicione galerias de miniaturas ao seu site hoje mesmo!

Solução de galeria de miniaturas moderna para uso diário.

Comece agora

Se você precisar adicionar links externos às suas miniaturas, aqui está um artigo sobre como adicionar links a imagens.


Etapa 3: salve sua galeria de imagens e adicione-a ao seu site

Depois de personalizar sua galeria de miniaturas, não se esqueça de clicar em Salvar Galeria . Você não quer perder todas as mudanças e começar de novo.

salvar galeria
Salve sua galeria

Depois de salvar sua galeria de miniaturas do WordPress, o Modula gerará um código de acesso para sua galeria.

código de acesso da galeria
Shortcode da galeria de miniaturas

Tudo o que você precisa fazer agora é copiar o código de acesso e colá-lo em sua página.

cole o shortcode
Adicionar galeria do Modula à página

Clique em Publicar e vamos dar uma olhada na galeria de miniaturas do Modula.

Galeria de miniaturas criada com Modula

Pensamentos finais

Se você deseja criar galerias básicas, pode usar a galeria padrão do WordPress. Mas se você deseja melhorar a experiência do usuário, agilizar o processo de navegação e criar galerias visualmente atraentes, o Modula é uma solução melhor. Você não apenas pode exibir galerias de imagens em miniatura, mas também pode ter controle total sobre a aparência de suas galerias.

Tudo que você precisa fazer é:

  1. Crie uma nova galeria e defina o tamanho da imagem em miniatura
  2. Permitir que as imagens sejam abertas em um Lightbox com miniaturas na parte inferior, adicione um eixo de miniatura e uma navegação pelo teclado
  3. Adicione a galeria de imagens com miniaturas ao seu site.

Você pode fazer uso de todas essas funcionalidades obtendo o Plano de Preços Iniciais .

Comece com Modula