Gostaria de saber como criar uma galeria de imagens com Elementor ?

A galeria de imagens é um dos tipos de plugins que podem ser substituídos por Elementor. Com Elementor instalado e ativado em seu site WordPress, você não precisa instalar um novo plugin para criar uma galeria de imagens.

O Elementor possui dois widgets que você pode usar para criar uma galeria de imagens: Galeria Básica e Galeria. Você pode usar o widget Galeria básica para criar uma galeria de imagens. Enquanto para o widget Gallery, você pode usá-lo para criar uma galeria mais avançada.

Leia também: Como criar uma barra de progresso gradiente no Elementor

Caso você não saiba, Elementor é um WordPress Plugin criação de página. Você pode usá-lo para criar uma página da Web em seu site sem ter que lidar com CSS.

Como criar uma galeria de imagens em WordPress com Elementor

Antes de começar, certifique-se de ter o Elementor instalado e ativado em seu site WordPress. Você pode adicionar a imagem em um artigo ou em uma página. Para editar um artigo/página com Elementor, clique no botão Editar com Elementor acima do editor de Gutenberg.

Você será levado ao Editor Elementor depois de clicar Editar com Elementor acima de. Antes de começar a adicionar conteúdo à caixa de edição, você pode primeiro definir o layout. Para fazer isso, abra o painel de configurações clicando no ícone de engrenagem no canto inferior esquerdo. Você pode definir o layout na opção Layout.

Crie uma galeria de imagens usando o widget Basic Gallery

Quando estiver pronto, adicione uma nova seção e arraste o widget Basic Gallery do painel esquerdo para a caixa de edição.

Clique no seletor de imagens para selecionar as imagens que deseja adicionar à galeria. Se as imagens ainda não existem em sua galeria de mídia do WordPress, basta carregá-las.

Clique no botão Crie uma nova galeria para adicionar as imagens selecionadas à galeria. Em seguida, reorganize-os.

Veja também: Como adicionar imagem ao texto no Elementor

Você pode definir o tamanho da imagem, o número de colunas e a área de luz no bloco Galeria de imagens em a guia Conteúdo.

Você pode acessar a guia Style para personalizar a galeria. Você pode definir o espaçamento e tipo de borda no bloco Imagens. Para personalizar a legenda, você pode abrir o bloco Lenda.

Crie uma galeria de imagens usando o widget Gallery

O widget Gallery oferece mais opções de personalização do que o widget Gallery básico. Você pode usar três layouts diferentes: Grade, Justificado e Maçonaria. Você também pode definir a cor da sobreposição, descrição, animação apontadora, etc.

Leia também: Como consertar a reprodução automática de vídeo que não funciona no Elementor

Observe que o widget Gallery está disponível apenas na versão pro do Elementor.

Para começar a criar uma galeria de imagens com o widget Galeria, arraste-o do painel esquerdo para a área de edição. Clique no seletor de imagens e selecione as imagens que deseja adicionar à galeria, como fez acima.

Assim que terminar de adicionar as imagens, clique no bloco Configurações sob a guia Contente. Defina o tipo de galeria para a opção Tipo.

O widget Galeria permite que você crie uma galeria de imagens com várias guias, como segue. Basta selecionar a opção Múltiplo se você deseja criar uma galeria com várias guias como a que está abaixo.

Ainda no bloco Configurações definir o layout da galeria, número de colunas, espaço entre as imagens, proporção e tamanho da imagem.

Abra o bloco Sobreposição para ativar a sobreposição. Você pode exibir o título e a descrição da imagem na dica de sobreposição, se desejar.

Se você optar por mostrar o título ou a descrição da imagem, precisará editar a imagem individual na galeria. Edite o texto alternativo, título, legenda ou descrição, dependendo do que você deseja exibir na pontuação da imagem.

Vá para a guia Style para personalizar sua galeria. Existem 3 blocos de opções disponíveis (4 se você estiver criando várias galerias de guias).

• Imagem

A partir deste bloco você pode definir a cor da borda da imagem, o raio da borda, a animação da imagem e o filtro CSS.

• Sobreposição

Este bloco permite que você personalize a sobreposição. Você pode definir a cor de sobreposição, animação de ponto e modo de mesclagem.

• Conteúdo

Este bloco permite que você personalize o conteúdo da sua imagem. Conteúdo refere-se ao título e descrição da imagem que você definiu no bloco Sobreposição aba Contente.

Você pode definir o alinhamento, a posição vertical, o preenchimento, a cor do texto, a tipografia (estilo da fonte, família da fonte, tamanho da fonte) e animação apontada.

Quando terminar de personalizar sua galeria, você pode clicar no botão PUBLICAR na parte inferior do painel esquerdo. Você também pode visualizar sua página primeiro clicando no ícone de olho.

Obtenha o Elementor Pro agora!

Conclusão

Aqui está ! É isso neste artigo que mostra como criar uma galeria de imagens com o Elementor. Se você tiver alguma dúvida sobre como chegar lá fdeixe-nos saber no Comentários.

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.

...