Como Exibir Fotos do WordPress em Colunas e Linhas

Você quer exibir fotos do WordPress em colunas e linhas?

Por padrão, o WordPress adiciona imagens em uma coluna vertical, uma em cima da outra. No entanto, se você estiver adicionando várias fotos a uma postagem de blog, isso não fica muito limpo e exige muita rolagem para seus usuários.

Neste artigo, mostraremos como exibir facilmente fotos do WordPress em colunas e linhas.

Por que você precisa de fotos do WordPress em colunas e linhas

Por padrão, quando você adiciona várias imagens a uma postagem de blog do WordPress, elas apareceriam lado a lado ou uma em cima da outra.

Isso não fica muito bom, e seus usuários precisam rolar muito para ver várias imagens e fotos.

Você pode resolver facilmente esse problema exibindo fotos em linhas e colunas usando um layout baseado em grade. Dessa forma, as imagens aparecerão em um layout compacto e melhorarão a experiência do usuário em seu site.

Se você tem um site de fotografia, você pode mostrar seu portfólio de uma maneira mais envolvente. Ou você pode mostrar mais imagens de produtos em uma loja online exibindo-as em linhas e colunas.

Dito isso, vamos dar uma olhada em como exibir fotos do WordPress em colunas e linhas manualmente ou usar um plugin do WordPress. Simplesmente clique nos links abaixo para pular para a seção de sua preferência.

• Exibir fotos em colunas e linhas sem plugins
• Exibir fotos em colunas e linhas usando plugin
• Bônus: Crie um tema personalizado com colunas e linhas de imagens

1. Exibir fotos em colunas e linhas sem plugins

Este método não requer a instalação de um plugin no seu site WordPress. Se você não adiciona várias fotos com muita frequência, isso funcionará muito bem para você.

Você pode adicionar imagens manualmente a um bloco de colunas ou usar o bloco de galeria padrão no WordPress.

Adicionando Imagens a um Bloco de Colunas

Primeiro, você precisa criar uma nova postagem ou editar uma existente onde você deseja exibir suas fotos. Uma vez na tela do editor de conteúdo, clique no botão '+' para adicionar um bloco de colunas.

Em seguida, você pode escolher o número de colunas que deseja e seu layout.

Por exemplo, você pode escolher uma proporção de 50/50, 33/66, 25/50/25 e mais.

Depois disso, você pode adicionar um bloco de imagem a cada coluna.

Simplesmente clique no botão '+' e selecione o bloco 'Imagem'.

Em seguida, você precisará adicionar uma imagem ao bloco.

Você pode clicar no botão 'Upload' para adicionar uma imagem do seu computador ou selecionar a opção 'Biblioteca de Mídia' para usar uma imagem existente.

Assim que a biblioteca de mídia abrir, simplesmente selecione sua imagem preferida e clique no botão 'Selecionar'.

Uma das melhores práticas de otimização de imagens é adicionar um texto alternativo à sua imagem. Isso permite que os robôs dos motores de busca entendam sua imagem e a exibam nos resultados de pesquisa de imagens.

Agora você deve ver sua imagem em um dos blocos de colunas.

Agora, você pode fazer o mesmo para outros blocos na coluna e adicionar mais imagens.

Adicionando Imagens em um Bloco de Galeria

O WordPress também oferece um bloco de galeria padrão que você pode usar para exibir imagens em colunas e linhas.

Para começar, clique no botão ‘+’ e adicione um bloco de Galeria no editor de conteúdo.

Em seguida, você precisará fazer upload de imagens ou escolhê-las na biblioteca de mídia.

Para este tutorial, escolheremos a opção ‘Biblioteca de Mídia’.

A partir daí, basta selecionar as imagens que você gostaria de adicionar à sua galeria e exibi-las em linhas e colunas.

Depois de escolher as imagens, clique no botão ‘Criar uma nova galeria’.

Em seguida, o WordPress pedirá que você insira legendas para cada imagem e reorganize a ordem das fotos.

Após fazer isso, basta clicar no botão ‘Inserir galeria’.

Agora você deve ver suas imagens no bloco de galeria.

Você pode ajustar o número de linhas clicando no controle deslizante no painel Configurações à direita.

Quando terminar, basta publicar sua postagem para ver as imagens em colunas e linhas.

Simplesmente visite seu site para vê-las em ação.

Este método funcionaria para a maioria dos iniciantes. No entanto, se você administra um blog de fotografia ou compartilha fotos com frequência em seu site, este método carece de vários recursos importantes.

Por exemplo, a aparência das fotos depende do seu tema WordPress e você está limitado a esse único layout e estilo.

Suas imagens não abrirão em um popup lightbox e os usuários terão que carregá-las como uma nova página e, em seguida, pressionar o botão voltar para retornar à página original.

Para uma experiência de usuário mais profissional e bonita, você deve experimentar o método do plugin.

2. Exibir Fotos em Colunas e Linhas Usando um Plugin

O melhor plugin para adicionar fotos em colunas e linhas é o Envira Gallery. É o plugin de galeria do WordPress mais popular, super fácil de usar e oferece muitos recursos.

Primeiro, você deve instalar e ativar o plugin Envira Gallery. Para mais detalhes, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, você precisa visitar a página Envira Gallery » Configurações para inserir sua chave de licença. Você pode obter essa chave em sua conta no site do Envira Gallery.

Agora, você está pronto para criar belas galerias de imagens.

Simplesmente acesse Envira Gallery » Adicionar Nova no painel do WordPress para criar sua primeira galeria.

Primeiro, você precisará inserir um nome para sua galeria no topo. A partir daqui, você pode selecionar e enviar arquivos do seu computador, ou pode selecionar da biblioteca de mídia do WordPress.

Após enviar suas fotos, você as verá aparecer na caixa de configurações da galeria abaixo.

Em seguida, você precisa clicar na aba 'Configuração' para personalizar como deseja exibir suas fotos.

O Envira Gallery permite que você escolha diferentes layouts de galeria. Para exibir imagens em linhas e colunas, você pode selecionar os layouts de grade, mason e quadrado.

Após selecionar o layout, você pode clicar no menu suspenso ‘Número de Colunas da Galeria’ e escolher quantas colunas deseja exibir.

Se você rolar para baixo, verá mais opções para personalizar sua galeria. Por exemplo, existem configurações para editar as dimensões e o tamanho da sua galeria.

Depois disso, você pode clicar no botão ‘Publicar’ para deixar sua galeria de fotos pronta para ser adicionada ao seu site WordPress.

Agora, você precisa editar uma postagem ou criar uma nova. Uma vez que você esteja no editor de conteúdo, basta clicar no botão ‘+’ para adicionar o bloco ‘Envira Gallery’.

A partir daqui, você pode clicar no menu suspenso e selecionar a galeria que você criou anteriormente.

Agora você pode salvar sua postagem e visualizá-la para ver suas fotos em colunas e linhas em uma bela galeria de fotos responsiva para dispositivos móveis.

Agora, quando seus usuários clicarem em uma miniatura de foto, ela será aberta em um belo popup. Eles também poderão navegar pelas imagens sem sair da página.

Bônus: Crie um tema personalizado com colunas e linhas de imagens

Você também pode criar temas personalizados do WordPress que tenham um espaço reservado para adicionar imagens em colunas e linhas.

A melhor maneira de criar um tema personalizado é usando o SeedProd. É o melhor construtor de sites com arrastar e soltar que oferece temas pré-construídos e muitas opções de personalização.

Você pode adicionar um bloco de colunas aos seus designs de página de destino usando o SeedProd e adicionar imagens a linhas e colunas. O SeedProd ainda vem com um bloco de Galeria integrado que você pode usar para isso.

Para saber mais, consulte nosso guia sobre como criar um tema personalizado do WordPress sem código.

Esperamos que este artigo tenha ajudado você a aprender como exibir fotos do WordPress em colunas e linhas. Você também pode consultar nosso guia sobre como corrigir problemas comuns de imagem no WordPress e o melhor software de design para pequenas empresas.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.