Como exibir fotos do WordPress em colunas e linhas

Deseja exibir as 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 publicação de blog, isso não terá uma aparência muito limpa e exigirá muita rolagem para os usuários.

Neste artigo, mostraremos como exibir facilmente as 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 publicação de blog do WordPress, elas aparecem uma ao lado da outra ou uma em cima da outra.

Isso não parece muito bom, e seus usuários precisam rolar muito a tela para visualizar várias imagens e fotos.

Você pode resolver esse problema facilmente 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ê tiver um site de fotografia, poderá mostrar seu portfólio de uma forma mais envolvente. Ou você pode mostrar mais imagens de produtos em uma loja on-line, 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 plug-in do WordPress. Basta clicar nos links abaixo para ir para a seção de sua preferência.

1. Exibir fotos em colunas e linhas sem plug-ins

Esse método não requer a instalação de um plug-in em seu site WordPress. Se você não adiciona várias fotos com muita frequência, esse método funcionaria muito bem para você.

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

Adição de imagens a um bloco de colunas

Primeiro, você precisa criar uma nova postagem ou editar uma postagem existente na qual deseja exibir suas fotos. Quando estiver 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 muito mais.

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

Basta clicar no botão “+” e selecionar 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 “Media Library” para usar uma imagem existente.

Quando a biblioteca de mídia for aberta, basta selecionar a imagem de sua preferência e clicar no botão “Select” (Selecionar).

Uma das práticas recomendadas de otimização de imagens é adicionar um texto alternativo à sua imagem. Isso permite que os bots dos mecanismos de pesquisa entendam sua imagem e a mostrem nos resultados da pesquisa de imagens.

Agora você deve ver sua imagem em um dos blocos da coluna.

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

Adição de 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 Gallery no editor de conteúdo.

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

Para este tutorial, escolheremos a opção “Biblioteca de mídia”.

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

Depois de escolher as imagens, clique no botão “Create a new gallery” (Criar uma nova galeria).

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

Depois de fazer isso, basta clicar no botão “Insert gallery” (Inserir galeria).

Agora você deve ver suas imagens no bloco da 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 visualizar as imagens em colunas e linhas.

Basta visitar seu site para vê-los em ação.

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

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

Suas imagens não abrirão em um pop-up de 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 obter uma experiência de usuário mais profissional e bonita, experimente o método de plug-in.

2. Exibir fotos em colunas e linhas usando um plug-in

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

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

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

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

Basta acessar Envira Gallery ” Add New no painel do WordPress para criar sua primeira galeria.

Primeiro, você precisará inserir um nome para sua galeria na parte superior. A partir daí, você pode selecionar e carregar arquivos do seu computador ou selecionar na biblioteca de mídia do WordPress.

Depois de carregar suas fotos, você as verá aparecer na caixa de configurações da galeria abaixo.

Em seguida, você precisa clicar na guia “Configuration” (Configuração) para personalizar a forma como deseja exibir suas fotos.

O Envira Gallery permite que você escolha diferentes layouts de galeria. Para mostrar as imagens em linhas e colunas, você pode selecionar os layouts de grade, maçom e quadrado.

Depois de selecionar o layout, você pode clicar no menu suspenso “Number of Gallery Columns” (Número de colunas da galeria) e escolher quantas colunas deseja exibir.

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

Depois disso, você pode clicar no botão “Publish” (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. Quando você estiver no editor de conteúdo, basta clicar no botão “+” para adicionar o bloco “Envira Gallery”.

Aqui, você pode clicar no menu suspenso e selecionar a galeria que 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 os usuários clicarem na miniatura de uma foto, ela será aberta em um belo pop-up. 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 é usar o SeedProd. Ele é o melhor construtor de sites de arrastar e soltar que oferece temas pré-construídos e muitas opções de personalização.

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

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

Esperamos que este artigo tenha ajudado você a aprender como exibir fotos do WordPress em colunas e linhas. Talvez você também queira ver 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, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.