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 colocar imagens lado a lado no WordPress (facilmente)

Você está em:

Como colocar imagens lado a lado no WordPress (facilmente)

Você quer colocar imagens lado a lado em seu conteúdo WordPress?

Muitas vezes, os iniciantes lutam para descobrir como colocar duas fotos uma ao lado da outra em suas postagens e páginas do WordPress.

Neste guia passo a passo, mostraremos como colocar imagens lado a lado facilmente no WordPress (sem escrever nenhum código).

Colocando imagens lado a lado no WordPress

Usando o Editor de Blocos para Colocar Imagens Lado a Lado

A maneira mais fácil de colocar suas imagens lado a lado é usar o editor de blocos do WordPress .

O editor de blocos possui um bloco especial ‘Galeria’ que permite exibir imagens em linhas e colunas.

Primeiro, você precisará criar uma nova postagem/página ou editar uma existente para abrir o editor de conteúdo. Uma vez dentro, clique no símbolo (+) para adicionar um novo bloco.

Criando uma postagem e adicionando um bloco a ela

Em seguida, você precisa selecionar o bloco Galeria e adicioná-lo à sua página. Você pode encontrar o bloco Galeria na seção Blocos comuns ou pode usar a barra de pesquisa para localizá-lo rapidamente.

Selecionando o bloco Galeria para adicionar à sua postagem

Agora, você pode adicionar imagens facilmente ao seu bloco de galeria, arrastando-as para ele ou usando o botão Carregar. Você também pode selecionar imagens da sua biblioteca de mídia do WordPress .

Como você pode ver, adicionamos 2 imagens ao nosso bloco Galeria. O WordPress os posicionou automaticamente lado a lado.

Duas imagens na galeria (borboletas e maçã)

E se você quiser 3 imagens lado a lado? Aqui está o que acontece se adicionarmos uma terceira imagem. O WordPress simplesmente redimensiona os outros para caber todos os 3 lado a lado:

Três imagens na galeria (borboletas, maçã e flores azuis)

Se você enviar uma quarta imagem, o WordPress a colocará abaixo das outras.

Quatro imagens na galeria (borboletas, maçã, flores azuis e tordo)

Você pode alterar o número de imagens que o WordPress deve incluir lado a lado em uma única coluna.

Primeiro, clique no bloco Galeria, se ainda não estiver selecionado. No lado direito da tela, você verá as configurações de bloqueio da Galeria.

Alterando as configurações do bloco de galeria

Você pode ajustar o número de colunas aqui para qualquer número entre 1 e 4. Por exemplo, se você quiser duas imagens lado a lado e mais duas abaixo delas, você pode definir as Colunas como 2.

Configurando a galeria para ter 2 colunas em vez de 3

É simples assim!

Se você quiser alterar onde uma imagem está posicionada em sua galeria, basta clicar nela. Você verá setas que podem ser usadas para movê-lo para frente ou para trás na galeria.

Mover uma imagem para frente ou para trás na galeria

Aqui está uma demonstração de galeria finalizada de nossa postagem de exemplo:

A galeria de 2 colunas em uma postagem ao vivo

Usando um plugin para colocar imagens lado a lado no WordPress

Se você estiver usando o antigo editor clássico do WordPress ou se quiser criar galerias mais complexas do que o bloco Galeria padrão, precisará de um plug-in de galeria do WordPress.

Recomendamos usar o Envira Gallery porque é o melhor plugin de galeria do WordPress

Para este tutorial, usaremos a versão gratuita do Envira, mas você pode querer obter a versão Pro para obter recursos poderosos, como álbuns, apresentações de slides de imagens, etc.

Primeiro, você precisará instalar e ativar o plugin Envira Gallery . Se você não tiver certeza de como, confira nosso guia passo a passo sobre como instalar um plugin do WordPress .

Em seguida, você pode acessar a Galeria Envira » Adicionar novo no painel do WordPress.

Adicionar uma nova galeria na Galeria Envira

Você precisará dar um título à sua galeria. Chamamos a nossa de ‘Galeria de exemplos’. Em seguida, faça o upload das imagens que deseja usar.

Você pode arrastá-los e soltá-los na caixa de upload ou usar um dos botões ‘Selecionar arquivos’.

Dê um nome à sua nova galeria

Veja como as imagens ficam depois de carregadas:

Imagens enviadas para a Galeria Envira

Você pode querer dar às suas imagens um título e um texto alternativo aqui. O título aparece abaixo da sua imagem quando o usuário coloca o cursor do mouse sobre ela.

O título também aparece abaixo da imagem no modo pop-up lightbox, que veremos em breve.

Para editar o título e o texto alternativo , clique no botão Editar em uma imagem na galeria.

Clique no botão Editar para editar uma imagem em sua galeria

Você pode então alterar o título da sua imagem. O padrão é o nome do arquivo da imagem.

Você também deve inserir texto alternativo, pois isso é útil para o SEO do seu site WordPress . Se o seu título descreve a imagem, você pode simplesmente repeti-lo para o texto alternativo.

Configurando o título e o texto alternativo da imagem

Quando terminar, certifique-se de clicar no botão ‘Salvar metadados’ antes de clicar no X para fechar a janela.

Clique no botão Salvar Metadados para salvar suas alterações

Para adicionar sua galeria no site, primeiro você precisa publicá-la. Vá em frente e clique no botão Publicar no lado direito da tela.

Clique no botão Publicar para publicar sua galeria, para que você possa usá-la em seu site

Agora, edite uma postagem ou página ou crie uma nova. Dentro do editor de conteúdo , clique em (+) para adicionar um bloco à sua postagem e selecione o bloco Galeria Envira. Você pode encontrá-lo na seção Blocos Comuns ou pode usar a barra de pesquisa.

Adicione o bloco Envira Gallery ao seu post ou página

Você precisará clicar no menu suspenso para selecionar sua galeria.

Selecione sua galeria no bloco Galeria Envira

Você deve ver sua galeria no lugar em sua postagem.

Você pode ajustar as configurações no lado direito da tela. Por exemplo, você pode querer alterar o layout da coluna ou o tamanho da margem entre as imagens.

A Galeria Envira mostrada no editor de postagem

Decidimos configurar nossa galeria para sempre ser exibida em duas colunas. Também adicionamos uma margem maior entre as imagens.

O usuário pode clicar em uma imagem para ver a versão em tamanho real em um lightbox. Eles também podem rolar pelas imagens usando a caixa de luz.

Visualizando uma imagem da galeria Envira em um lightbox

Se você deseja adicionar mais imagens à sua galeria, pode voltar a ela visitando a Galeria Envira » Todas as Galerias no painel do WordPress. Basta clicar no nome da sua galeria para editá-la.

Editando uma galeria que você já criou na Envira Gallery

Todas as alterações que você fizer em sua galeria aparecerão onde quer que você a tenha colocado em suas postagens, páginas ou barras laterais. Você não precisa adicioná-lo a estes novamente.

Dica: se você estiver usando o editor clássico em vez do editor de blocos , ainda poderá usar a Galeria Envira.

Você verá um botão ‘Adicionar Galeria’ acima do editor clássico que pode ser usado para adicionar uma galeria existente à sua postagem.

Adicionando uma galeria Envira no editor clássico

Você também pode criar uma nova galeria clicando no botão ‘Adicionar Mídia’ e depois em ‘Criar Galeria’.

Criando uma nova galeria usando a Biblioteca de Mídia no Editor Clássico

Esperamos que este tutorial tenha ajudado você a aprender como colocar imagens lado a lado no WordPress. Você também pode querer ler nosso guia sobre como alinhar imagens no editor de blocos do WordPress e nossa lista abrangente dos plugins WordPress obrigatórios (escolha especializada) .

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

plugins premium WordPress
O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.