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 criar uma galeria de imagens no WordPress (passo a passo)

Você está em:

Como criar uma galeria de imagens no WordPress (passo a passo)

Você está procurando criar uma galeria de imagens no WordPress?

Uma galeria de imagens permite adicionar fotos em linhas e colunas. Isso permite exibir mais fotos em menos espaço, além de facilitar a navegação dos usuários.

Neste artigo, mostraremos como criar facilmente uma galeria de imagens no WordPress que deixa suas fotos ainda melhores.

Como criar uma galeria de imagens no WordPress

Por que criar uma galeria de imagens no WordPress?

O WordPress torna super fácil adicionar uma imagem às postagens e páginas do seu blog . Você só precisa adicionar o bloco de imagem e fazer upload de sua imagem.

No entanto, se você estiver adicionando várias imagens, todas essas imagens aparecerão uma após a outra. Não parece ótimo, e seus usuários terão que rolar muito para ver todos eles.

Adicionando várias imagens na postagem do WordPress sem criar uma galeria

Ao criar uma galeria, você pode exibir imagens em um layout de grade com colunas e linhas. Você pode mostrar miniaturas de suas fotos e os usuários podem clicar nelas para ver a imagem completa.

Dessa forma, você poderá mostrar mais fotos em menos espaço e parecerá muito mais profissional.

Visualização da Galeria de fotos do WordPress usando o bloco de galeria padrão

Na verdade, o WordPress vem com um recurso de galeria integrado para criar galerias de fotos rapidamente. O novo editor de blocos do WordPress inclui um bloco de galeria para permitir que você crie uma galeria do WordPress em apenas alguns cliques.

Você também pode usar os plugins da galeria de imagens do WordPress para criar galerias ainda mais robustas com mais recursos.

Neste tutorial, mostraremos os dois métodos para criar uma galeria de fotos no WordPress.

Vamos começar com o bloco de galeria padrão do WordPress.

Vídeo tutorial

Inscreva-se no WPBeginner

Se você não gostar do vídeo ou precisar de mais instruções, continue lendo.

Método 1. Crie uma Galeria de Imagens sem um Plugin

O WordPress vem com um recurso integrado que permite criar uma galeria. Esse recurso é muito básico e não tem muitas opções, mas faz o trabalho.

Aqui está como você criaria uma galeria de imagens no WordPress sem usar um plugin.

Primeiro, você precisa editar a postagem ou página onde deseja adicionar a galeria de imagens. Na tela de pós-edição, clique no ícone Adicionar novo bloco e selecione o bloco Galeria.

Adicionar bloco de galeria ao editor de postagem do WordPress

Isso adicionará o bloco Galeria ao seu editor WordPress, onde você pode clicar no botão ‘Upload’ para fazer upload de fotos do seu computador. Você também pode selecionar fotos carregadas anteriormente na biblioteca de mídia.

Opções de upload de imagem no bloco de galeria do WordPress

Se você clicar no botão Carregar, geralmente poderá carregar uma foto de cada vez. No entanto, você pode selecionar e abrir várias imagens com a tecla Ctrl pressionada no teclado.

Carregar imagens para sua galeria de fotos do WordPress a partir do computador

Depois de carregar todas as imagens, você pode adicionar legendas às suas imagens. Basta clicar nas fotos e você verá a opção ‘Escrever legenda…’ onde você precisa inserir a legenda.

Escreva legendas nas imagens da sua galeria

Se você selecionar o botão Biblioteca de mídia, poderá escolher imagens para sua galeria de uma só vez. Ao selecionar as imagens, você também pode inserir o texto alternativo, o título e a legenda da imagem no painel de detalhes do anexo no lado direito.

Selecionar imagens da biblioteca de mídia do WordPress

Selecione as imagens que deseja adicionar e clique no botão ‘Criar uma nova galeria’ no canto inferior direito.

Em seguida, você verá a página ‘Editar Galeria’ onde você pode adicionar/revisar suas legendas de imagem. Uma vez feito, clique no botão ‘Atualizar Galeria’ no canto inferior direito.

Atualize sua biblioteca do WordPress

Depois disso, sua tela de edição de postagem será aberta com o painel de configurações do bloco de galeria no lado direito. Agora, você pode escolher o número de colunas para cada linha, ativar ou desativar a opção Cortar imagens e escolher onde vincular suas imagens da galeria.

Configurações do bloco de galeria do WordPress

Nas opções Vincular a, você pode escolher Nenhum se quiser que seus usuários visualizem apenas sua foto. Esta opção desativa o recurso de clique para suas imagens.

Se você selecionar a opção Arquivo de mídia, as imagens serão clicáveis e o arquivo de imagem será aberto quando clicado. Da mesma forma, a página de anexos será aberta se você selecionar a opção Página de anexos.

Quando estiver satisfeito com as configurações, você poderá publicar a postagem e visualizar a galeria em seu site ao vivo.

Por exemplo, aqui está como a galeria de imagens apareceu em nosso site de demonstração.

Visualização da Galeria de fotos do WordPress usando o bloco de galeria padrão

Não foi rápido e fácil?

Parece bonito também. No entanto, se você criar galerias de imagens regularmente, logo perceberá que faltam alguns recursos essenciais.

Por exemplo, suas imagens não poderão ser clicadas ou serão abertas em uma nova página. Se você vincular as imagens da sua galeria ao arquivo de mídia ou à página de anexos, os usuários terão que clicar no botão Voltar para visualizar a galeria novamente.

Não é fácil de usar e a aparência da sua galeria depende do seu tema. Na maioria dos casos, você obtém apenas um estilo muito genérico.

Você não pode organizar suas galerias em tópicos, álbuns, tags, etc. Sua galeria não está armazenada em nenhum lugar e se você precisar adicionar a mesma galeria novamente, terá que recriá-la.

Se você deseja adicionar galerias de imagens com aparência mais profissional em seu site, use o próximo método.

Método 2. Crie uma Galeria de Imagens usando a Galeria Envira

Para este método, usaremos o plugin Envira Gallery . É o melhor plugin de galeria de imagens do WordPress no mercado.

O Envira permite que você crie facilmente galerias de imagens totalmente responsivas, bonitas e modernas no WordPress. É super rápido e vem com muitos recursos, como pop- up lightbox , navegação fácil de imagens, construtor de arrastar e soltar e modelos de galeria profissionais.

Vamos começar.

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 .

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

Depois de verificar sua chave de licença, você pode ir para a Envira Gallery » Adicionar nova página para criar sua primeira galeria.

Criando uma nova galeria com o plugin WordPress Envira Gallery

Primeiro, você precisa fornecer um título para sua galeria e, em seguida, clicar no botão ‘Selecionar arquivos do computador’ para enviar suas imagens.

Você também pode selecionar arquivos da sua biblioteca de mídia do WordPress clicando no botão ‘Selecionar arquivos de outras fontes’.

Depois de fazer o upload das imagens, elas aparecerão na seção Galeria.

Imagens no Envira Gallery Builder

Você pode clicar no ícone de lápis em uma imagem para adicionar legenda, título e texto alternativo para cada imagem.

Editar metadados de imagem da galeria

Em seguida, você precisa clicar na guia ‘Configuração’.

A partir daqui, você pode alterar as configurações da sua galeria, como o número de colunas, carregamento lento da imagem, posicionamento do título e legenda, margens, alturas, tamanhos de miniaturas, dimensões da imagem etc.

Definir as configurações da Galeria Envira

Depois disso, você precisa clicar na guia ‘Lightbox’.

O pop-up lightbox permite que os usuários ampliem imagens e naveguem nelas sem sair da página.

As configurações padrão funcionarão muito bem para a maioria dos sites, mas você pode revisar as opções e alterá-las, se desejar.

Opções do Lightbox da Galeria Envira

Em seguida, você pode clicar na guia ‘Celular’ para definir as configurações da sua galeria para dispositivos móveis. Ele permite que você escolha as dimensões da imagem para dispositivos móveis, ative ou desative a lightbox e muito mais.

Configurações do Envira Mobile Gallery

Depois disso, você pode revisar mais opções como slug de galeria e adicionar CSS personalizado na seção ‘Misc’.

Agora você pode publicar sua galeria, o que a tornará disponível para ser adicionada em qualquer lugar do seu site WordPress.

Em seguida, você precisa editar uma postagem ou página na qual deseja exibir sua galeria.

Na tela de pós-edição, clique no ícone Add New Block e selecione o bloco Envira Gallery.

Adicionar bloco Envira ao editor de postagem do WordPress

Clicar nele adicionará o bloco Envira Gallery no editor de postagem. Agora você pode pesquisar uma galeria pelo nome ou encontrá-la clicando no ícone de seta suspensa.

Escolha uma Galeria Envira para adicionar à sua postagem do WordPress

Depois disso, o plug-in carregará sua galeria no editor de postagem.

Galeria Envira adicionada ao editor de postagem do WordPress

Em seguida, você pode revisar as configurações da sua galeria mais uma vez no painel de configurações do bloco no lado direito.

Configurações do Bloco de Galeria do Envira

Agora você pode salvar sua postagem e visualizá-la para ver a galeria em seu site ao vivo.

Galeria de fotos do WordPress criada com a Galeria Envira

Clicar em qualquer imagem na galeria irá abri-la no pop-up lightbox. Você pode navegar pelas imagens na lightbox pressionando as teclas de seta para a esquerda e para a direita na tela ou no teclado.

Imagem da Galeria Envira no pop-up Lightbox

Sua galeria também ficará ótima no celular. Os usuários poderão tocar em uma imagem para ampliá-la e deslizar para ver a imagem seguinte ou anterior.

Galeria de fotos responsiva do WordPress

Esperamos que este artigo tenha ajudado você a aprender como criar uma galeria de imagens no WordPress. 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 =(