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).
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.
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.
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.
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:
Se você enviar uma quarta imagem, o WordPress a colocará abaixo das outras.
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.
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.
É 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.
Aqui está uma demonstração de galeria finalizada de nossa postagem de exemplo:
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.
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’.
Veja como as imagens ficam depois de carregadas:
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.
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.
Quando terminar, certifique-se de clicar no botão ‘Salvar metadados’ antes de clicar no X para fechar a janela.
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.
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.
Você precisará clicar no menu suspenso para selecionar sua galeria.
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.
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.
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.
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.
Você também pode criar uma nova galeria clicando no botão ‘Adicionar Mídia’ e depois em ‘Criar Galeria’.
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 .
Uncategorized
