fbpx

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Como exibir fotos do WordPress em colunas e linhas

Você está em:

Como exibir fotos do WordPress em colunas e linhas

Deseja exibir fotos do WordPress em colunas e linhas? Por padrão, o WordPress adiciona imagens em uma coluna vertical umas sobre as outras. No entanto, se você estiver adicionando várias fotos a uma postagem no blog, isso não parecerá muito limpo e exigirá muita rolagem para seus usuários. Neste artigo, mostraremos como exibir facilmente fotos do WordPress em colunas e linhas.

Exibir fotos do WordPress em linhas e colunas

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

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

exibição de rolagem padrão de fotos no WordPress

Isso não parece muito bom, e seus usuários terão que rolar muito para ver 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.

fotos em colunas e linhas

Dito isso, vamos dar uma olhada em como exibir fotos do WordPress em colunas e linhas.

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

Este método não requer que você instale nenhum novo plugin em seu site. Se você não adicionar várias fotos com muita frequência, isso funcionará bem para você.

Primeiro, você precisa criar uma nova postagem ou editar uma já existente onde deseja exibir suas fotos. Na tela de edição de postagem, clique no botão ‘Adicionar mídia’ para iniciar o pop-up do carregador de mídia do WordPress.

Clique no botão adicionar mídia para fazer upload de suas fotos no WordPress

Em seguida, você precisa fazer upload de todas as fotos que deseja exibir em linhas e colunas. Após o upload, você verá suas fotos na biblioteca de mídia.

Criar galeria no WordPress

As imagens que você acabou de enviar já estarão selecionadas. Se você deseja incluir fotos enviadas anteriormente, também pode selecioná-las clicando nelas na biblioteca de mídia.

Depois disso, você precisa clicar no link ‘Criar Galeria’ na coluna da esquerda e, em seguida, clicar no botão ‘Criar uma nova galeria’.

Clique para criar uma nova galeria de fotos selecionadas

A janela pop-up agora mudará para mostrar as opções de configurações da galeria.

Você pode selecionar o número de colunas, onde cada imagem deve ser vinculada, o tamanho da imagem a ser exibida e a ordem de exibição aleatória.

Opção de configurações da galeria

Depois disso, você precisa clicar no botão inserir galeria e o WordPress inserirá a galeria na postagem do seu blog.

Fotos em colunas e linhas como uma galeria no WordPress

Se você quiser alterar o número de colunas ou outras configurações, basta clicar nas fotos no editor de postagem.

O WordPress selecionará sua galeria e você poderá clicar no ícone de lápis para editar as configurações da sua galeria.

Editar configurações da galeria

Isso é tudo, você pode continuar escrevendo sua postagem ou salvar suas alterações. Você pode visualizar a postagem agora para ver suas fotos em linhas e colunas.

Fotos em layout de linhas e colunas no WordPress

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, esse método não possui vários recursos importantes.

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

Suas imagens não serão abertas em um pop-up lightbox e os usuários terão que carregá-las como uma nova página e depois clicar no botão Voltar para retornar à página original.

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

2. Exiba fotos em colunas e linhas usando o plug-in

A primeira coisa que você precisa fazer é instalar e ativar o plugin Envira Gallery . Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress .

O Envira Gallery é um dos nossos plugins premium do WordPress e os preços começam a partir de $ 19 para uma licença de site único.

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 de sua conta no site da Galeria Envira.

Insira a chave de licença do Envira Gallery

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

Vá até a Envira Gallery » Adicionar nova página para criar sua primeira galeria.

Carregar fotos para criar uma nova galeria

Você pode selecionar e fazer upload de arquivos do seu computador ou selecionar da biblioteca de mídia do WordPress.

Depois de carregar suas fotos, elas aparecerão na caixa de configurações da galeria abaixo.

Fotos adicionadas à Galeria Envira

Em seguida, você precisa clicar na guia de configuração para personalizar como deseja exibir suas fotos.

Em ‘Número de colunas da galeria’, você pode selecionar o número de colunas para suas fotos.

Configure o número de colunas para suas fotos

Você também pode especificar o tamanho exato das miniaturas que deseja exibir e o espaçamento desejado entre as imagens nas colunas.

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. Você notará o novo botão ‘Adicionar Galeria’ na parte superior do editor de postagem.

Botão Adicionar galeria

Clicar nele abrirá um pop-up onde você precisa selecionar a galeria que acabou de criar e clicar no botão Inserir.

Inserir galeria

O plug-in agora adicionará o código de acesso da galeria ao editor de postagem.

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

Colunas de fotos na Galeria Envira

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

Procurando fotos em uma postagem

Esperamos que este artigo tenha ajudado você a aprender como exibir fotos do WordPress em colunas e linhas. Você também pode querer ver nosso guia sobre como corrigir problemas comuns de imagem no WordPress .

Se você gostou deste artigo, assine nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook .

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

Meu carrinho
🎁 Faltam R$100,00 para liberar a Black da FULL
Seu carrinho está vazio.

Parece que você não adicionou nada ao seu carrinho =(