Adicione e edite galerias de imagens como um profissional no Elementor

 Embora o Elementor seja uma ferramenta muito útil na criação de páginas e posts, também é verdade que podemos precisar de outras ferramentas para que ele funcione perfeitamente. Uma dessas ferramentas importantes é um gerenciador de galerias, que permite aprimorar ainda mais esse construtor de páginas já poderoso. Vamos ver como é fácil adicionar e editar galerias com WP Media folder diretamente no Elementor.

Com ferramentas incríveis como um gerenciador de galerias e integração com os principais construtores de páginas, WP Media Folder nos permite criar galerias realmente impressionantes e organizar nossa biblioteca de mídia com apenas alguns cliques!

Neste tutorial, criaremos uma galeria do zero usando o Gerenciador de Galerias e diretamente do Elementor.

Crie uma galeria no WordPress com WP Media Folder

Primeiramente, veremos como é fácil criar uma galeria usando o complemento WP Media Folder Gallery.

Você pode encontrar este Gerenciador de Galerias após instalar WP Media Folder e o complemento Gallery em sua Biblioteca de Mídia > Galerias do Media Folder.

Nessa tela, precisamos passar o cursor sobre + Adicionar nova galeria e clicar em + Criar nova galeria de mídia .

Isso abrirá uma janela modal onde poderemos digitar o título da galeria e selecionar um tema.

Por enquanto, vamos chamá-la de "Minha Galeria" e manter o tema padrão.

Isso nos levará ao painel de criação da galeria, com muitas opções para configurar e construir nossa galeria. Primeiro, adicionaremos imagens à nossa galeria.

Você verá várias opções para adicionar mídia à galeria, sendo as principais adicioná-las da Biblioteca de Mídia ou carregá-las diretamente do
Explorador de Arquivos do seu PC . Vamos ver ambas.

Em primeiro lugar, temos a Biblioteca de Mídia , que é o ícone do WordPress; clique nele.

Clicar aqui abrirá a biblioteca de mídia. Você notará que existem pastas na minha biblioteca de mídia. Isso é possível graças ao WP Media Folder , que me permite organizar todas as minhas mídias da melhor maneira possível, com pastas e filtros. Você pode ver mais sobre isso aqui , mas isso é assunto para outro post ;)

Para adicionar as imagens, basta acessar a pasta de mídia onde as imagens desejadas foram adicionadas, selecioná-las usando Ctrl + clique e, por fim, clicar em " Importar imagens" .

Isso adicionará todas as imagens selecionadas ao Gerenciador de Galeria, permitindo que as utilizemos e ajustemos.

Agora vamos ver a opção de carregar imagens diretamente do Explorador de Arquivos . Para isso, clique no ícone da pasta.

Após fazer isso, o explorador de arquivos será aberto instantaneamente, permitindo que você navegue pelas pastas e selecione as imagens que deseja adicionar à Galeria.

Selecione as imagens que deseja carregar e clique em Abrir .

Depois disso, devemos ter terminado! Agora temos todas as imagens em nosso Gerenciador de Galeria, prontas para serem usadas em nossa galeria.

Agora que temos todas as nossas imagens no lugar, vamos verificar as configurações da galeria. Para isso, clique na segunda aba, Configurações de Exibição e Shortcode .

Em primeiro lugar, podemos ver que temos 8 galerias, cada uma com suas próprias configurações.

Vamos ver a Masonry , que é o clássico mural com várias imagens em tamanhos diferentes, como podemos ver na de pré-visualização .

Nas configurações, podemos escolher entre todas as opções, por exemplo, o tamanho da imagem e o layout masonry . Vamos editar, alterando o layout vertical atual para horizontal e diminuindo o tamanho das imagens.

Agora estou verificando a de Pré-visualização para confirmar como está ficando.

Como você pode ver, é uma ferramenta realmente boa, com recursos incríveis, que nos permite fazer alterações e verificar como fica com apenas alguns cliques e em poucos segundos! Criar uma galeria nunca foi tão fácil!

Adicionando galerias do WordPress no Elementor

Agora que vimos como criar uma galeria usando o WP Media Folder Gallery Manager, vamos ver como adicioná-la às nossas postagens ou páginas usando o Elementor .

Para fazer isso, acesse sua página ou postagem (ou crie uma) e clique em Editar com Elementor . O Construtor de Páginas será carregado.

No editor, procure o WP Media Folder Addon Gallery e adicione-o ao seu conteúdo.

Um bloco será carregado informando que o bloco complementar da Galeria de Mídia foi adicionado.

Na aba à esquerda, poderemos selecionar a galeria desejada e também ajustá-la.

Primeiramente, vamos selecionar a galeria que criamos em Escolher uma Galeria .

A galeria que criamos anteriormente será carregada automaticamente no construtor de páginas, abaixo dos blocos.

Esta imagem mostra o tema Masonry que selecionamos no Gerenciador de Galeria. Vamos verificar todas as opções disponíveis nos temas que podem ser selecionadas diretamente nas configurações do bloco.

Masonry

Um tema realmente bom que se adapta perfeitamente a quase todas as páginas, permitindo-nos exibir muitas imagens.

Padrão

Este tema permite-nos mostrar as imagens de forma clássica, incluindo o título da imagem.

MAIS SOBRE CONTROLE DE ACESSO À MÍDIA

Isso nos permite exibir nossas imagens de forma semelhante ao tema padrão, mas usando uma fonte diferente, perfeito para exibir obras de arte.

Controle deslizante

O clássico controle deslizante que nos permite focar em um número limitado de imagens por slide.

Slide de fluxo

Semelhante ao tema Slider, mas com outra animação, focando em uma imagem por slide, porém permitindo visualizar as outras imagens.

Grade quadrada

Uma galeria clássica com imagens quadradas que exibe o título da imagem ao passar o cursor sobre ela.

MAIS SOBRE IMPORTAÇÃO E SINCRONIZAÇÃO DE MÍDIA

Um tema realmente incrível que nos permite exibir imagens quadradas com uma bela sombra e os títulos.

Grade personalizada

Um tema em grade que nos permite redimensionar as imagens para que fiquem com a aparência desejada é a melhor opção quando queremos criar uma galeria com tamanhos/dimensões de imagem personalizados. Vamos ver rapidamente como funciona no Gerenciador de Galerias.

Agora vejamos as opções disponíveis no menu à esquerda para todas as galerias.

Em primeiro lugar, temos a Navegação da Galeria . Habilitar esta opção permitirá o uso das galerias de navegação disponíveis no WP Media Folder Gallery, que nos permite usar galerias principais e subgalerias . Você pode ver uma demonstração funcionando aqui.

Como segunda opção, temos a Tag de Imagem de Exibição , útil quando temos muitas imagens em uma galeria e queremos permitir que nossos usuários as filtrem no frontend usando o sistema de tags do WP Media Folder .

Em seguida, temos o seletor de temas , que nos permite escolher entre os temas disponíveis (que mostramos anteriormente) e também exibirá configurações específicas dependendo do tema selecionado, como o layout e, por exemplo, a duração da transição do slider.

Podemos continuar verificando e encontraremos a "Escolher uma galeria" , que nos permitirá selecionar entre todas as galerias que criamos em nosso Gerenciador de Galerias de Mídia.

Tamanho da imagem : esta opção permite selecionar entre todos os tamanhos de imagem disponíveis, possibilitando o ajuste das imagens para que se adaptem perfeitamente ao conteúdo.

A Tamanho da Lightbox nos permitirá, assim como o tamanho da imagem, selecionar o tamanho da lightbox que será exibida se a selecionarmos como ação ao clicar.

Teremos também a opção "Ação ao clicar" que nos permitirá escolher entre exibir uma janela pop-up com uma versão maior da imagem, ir para outra página ou simplesmente não fazer nada ao clicar na imagem.

E a última opção são as configurações de ordenação, onde poderemos ver e selecionar como queremos exibir nossas imagens na galeria.

Claro que, além dessas, teremos as configurações para adicionar margem entre as imagens, alterar a cor ao passar o mouse, adicionar uma borda e uma sombra.

Como você pode ver, é muito fácil usar o Elementor para ajustar nossas galerias de WP Media Folder e fazê-las se adequarem à nossa página!

Crie galerias rapidamente usando pastas de mídia

Como tópico adicional, mostraremos em poucos segundos como criar galerias usando as pastas criadas pelo WP Media Folder .

Essa funcionalidade também nos permitirá adicionar imagens automaticamente à galeria quando elas forem adicionadas à pasta.

Primeiramente, acesse a Galeria de Pastas de Mídia na  Biblioteca de Mídia , onde criamos a galeria anteriormente. Nessa página, passe o mouse sobre o + Adicionar Nova Galeria e clique em Criar Galeria a partir da pasta .

Um explorador de pastas será exibido, onde poderemos selecionar a pasta que utilizaremos.

Após clicar em Criar , as imagens dentro da pasta serão carregadas automaticamente na galeria, permitindo-nos criar uma galeria em apenas alguns segundos!

Também poderemos adicionar imagens automaticamente quando elas forem adicionadas à biblioteca de mídia na mesma pasta que acabamos de selecionar, economizando o tempo de acessar o gerenciador de galeria e adicionar a imagem manualmente.

Para usar essa opção, a opção "Adicionar imagem automaticamente à pasta" deve estar ativada, disponível no canto superior direito, logo abaixo do Salvar" .

E a mágica está feita! Pastas que também são imagens, exibidas automaticamente na interface, o que mais poderíamos pedir? :) 

Comece a usar WP Media Folder com seu construtor favorito

Também temos um vídeo explicando tudo passo a passo para que você possa ver o plugin funcionando na prática. Confira!

Um plugin com funcionalidades incríveis que nos permitirá não só criar galerias, mas também organizar nossas mídias, importar do Google Fotos e descarregar arquivos!

Compatível com todos os principais navegadores, permite organizar e exibir seus conteúdos de forma profissional em poucos passos. Então, o que você está esperando? Acesse aqui e baixe agora mesmo!