Como Colocar Imagens lado a Lado no WordPress (Facilmente)
você quer colocar imagens lado a lado em seu conteúdo do WordPress?
muitas vezes, os iniciantes lutam para encontrar como colocar duas fotos um ao lado do outro em suas postagens e páginas do WordPress.
neste guia passo a passo, mostraremos como colocar facilmente imagens lado a lado no WordPress (sem escrever nenhum código).
, Utilizando o Editor de Bloco de Colocar Imagens lado a Lado
A maneira mais fácil de obter suas imagens, lado a lado, é usar o WordPress editor de bloco.
o editor de blocos possui um bloco especial de ‘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 a Galeria de bloco 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 facilmente adicionar imagens para a sua galeria de bloco, arrastando-os ou usando o botão de Upload. Você também pode selecionar imagens de sua biblioteca de mídia WordPress.
como você pode ver, adicionamos 2 imagens ao nosso bloco de Galeria. O WordPress os posicionou automaticamente lado a lado.
o Que se pretende 3 imagens lado a lado? Aqui está o que acontece se adicionarmos uma terceira imagem. WordPress simplesmente redimensiona os outros para caber todos os 3 lado a lado:
Se você fizer upload de um quarto de imagem e, em seguida, o WordPress irá colocá-lo sob a outros.
Você pode alterar o número de imagens do 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 bloco 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 para 2.
É como simples como isso!
se você quiser alterar onde uma imagem está posicionada em sua galeria, basta clicar nela. Você verá as setas que pode usar para movê-lo para frente ou para trás na galeria.
Aqui está acabado galeria demo a partir do nosso post de exemplo:
Usando um Plugin para Colocar Imagens lado a Lado no WordPress
Se você estiver usando o clássico antigo editor do WordPress, ou se você quiser criar mais complexo de galerias de que o padrão de Galeria de bloco, então você vai precisar de um WordPress plugin galeria.
recomendamos o uso do Envira Gallery porque é o melhor plugin de galeria do WordPress
por causa deste 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 tem certeza de como, Basta verificar nosso guia passo a passo sobre como instalar um plugin WordPress.
em seguida, você pode ir para a Galeria Envira ” Adicionar novo no seu painel do WordPress.
você precisará dar um título à sua galeria. Chamamos a nossa “galeria de exemplos”. Em seguida, carregue as 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 texto alternativo aqui. O título aparece abaixo da sua imagem quando o Usuário traz o cursor do mouse sobre ele.
o título também aparece abaixo da imagem no modo pop-up lightbox, que veremos em um momento.
para editar o Título e o texto alternativo, clique no botão Editar em uma imagem na galeria.
em seguida, Você pode alterar o título para 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 descrever a imagem, você pode simplesmente repeti-la para o texto alternativo.
uma Vez que você é feito, certifique-se de que você clique em ‘Salvar Metadados’ botão antes de clicar no X para fechar a janela.
Para adicionar sua galeria no site, primeiro você precisa publicá-lo. Vá em frente e clique no botão Publicar no lado direito da tela.
Agora, editar um post ou página, ou criar uma nova. Dentro do editor de conteúdo, clique em ( + ) para adicionar um bloco à sua postagem e selecione o bloco Envira Gallery. 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 definir nossa galeria para exibir sempre em duas colunas. Também adicionamos uma margem mais ampla entre as imagens.
o usuário pode clicar em uma imagem para ver a versão em tamanho real em uma caixa de luz. Eles também podem percorrer as imagens usando a lightbox.
Se você quiser adicionar mais imagens na galeria, então você pode voltar para lá visitando Envira Galeria ” Todas as Galerias em seu painel do WordPress. Basta clicar no nome da sua galeria para editá-la.
quaisquer alterações feitas na 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 o Envira Gallery.
você verá um botão ‘Adicionar galeria’ acima do editor clássico que você pode usar para adicionar uma galeria existente à sua postagem.
Você também pode criar uma nova galeria, clicando em ‘Adicionar’ no botão ‘Criar Galeria”.
esperamos que este tutorial ajudou a aprender como colocar imagens lado a lado no WordPress. Você também pode querer passar pelo nosso guia sobre como alinhar imagens no editor de blocos do WordPress, e nossa lista abrangente de plugins do WordPress (expert pick).
se você gostou deste artigo, 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.