Saltar para o conteúdo principal
Tempo de leitura: 9 minutos (1886 palavras)

Adicione e edite galerias de imagens como um profissional no Elementor

Adicionar-e-editar-galeria-de-imagens-como-um-profissional-no-Elementor

 Embora usar o Elementor ajude bastante ao criar uma página ou publicação, também é verdade que podemos precisar de mais ferramentas para que funcione perfeitamente; uma dessas ferramentas que é importante mencionar seria um gerenciador de galeria que nos permitisse melhorar o já poderoso construtor de páginas. Vamos ver como é fácil adicionar e editar galerias com o WP Media folder diretamente no Elementor.

Com ferramentas incríveis como um gestor de galerias e uma integração com todos os principais Page Builders, WP Media Folder permite-nos criar galerias realmente incríveis, bem como organizar a nossa biblioteca de media em apenas alguns cliques! 

Neste tutorial, vamos criar uma galeria do zero usando o Gerenciador de Galeria e diretamente do Elementor.

Criar uma Galeria WordPress com WP Media Folder

Primeiramente, veremos como é fácil criar uma galeria usando o Addon de Galeria WP Media Folder .

Este Gestor de Galerias pode ser encontrado após instalar o WP Media Folder e o Addon de Galeria em Biblioteca de Media > Galerias de Pastas de Media



Nesta tela, precisamos passar o mouse sobre o + Add New Gallery  e clicar em + Create New Media Gallery.



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

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



Isto levar-nos-á ao painel de criação de galerias com muitas opções para configurar e construir a nossa galeria; primeiro, vamos adicionar imagens à nossa galeria.

Vamos notar muitas opções para adicionar mídia à galeria, as principais são adicioná-las a partir da Biblioteca de Mídia ou enviá-las diretamente do nosso Explorador de Arquivos do PC, vamos ver ambas.

Em primeiro lugar, temos a opção Biblioteca de Mídia , que é o ícone do WordPress, clique nela.



Clicar aqui abrirá a biblioteca de mídia, você notará que há pastas na minha biblioteca de mídia, isso é graças ao WP Media Folder que me permite organizar toda a minha mídia da melhor forma possível com pastas de mídia e filtros, você pode ver mais sobre isso aqui mas isso é para outro post ;) 

Agora, para adicionar as imagens, tudo o que precisamos fazer aqui é ir até a pasta de mídia onde adicionamos as imagens que queremos adicionar e selecionar as imagens usando ctrl + clique para selecioná-las e, por fim, clicar em Importar Imagens.



Isto irá adicionar todas as imagens selecionadas ao Gestor de Galerias, permitindo-nos usá-las e ajustá-las.

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



Depois de fazer isto, o seu explorador de ficheiros abrirá instantaneamente para lhe permitir navegar dentro das suas pastas e selecionar as imagens que deseja adicionar à Galeria.

Selecione as imagens que deseja enviar e depois clique em Abrir.


Depois de fazer isso, estaremos prontos! Agora temos todas as imagens no nosso Gerenciador de Galerias prontas para serem usadas na 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.



No primeiro caso, podemos ver que temos 8 galerias, cada galeria com as suas próprias configurações.



Vamos ver o Masonry, esta é a parede clássica com muitas imagens exibidas em tamanhos diferentes, como podemos ver no Preview separador.



Nas configurações, podemos escolher entre todas as opções, por exemplo, o dimensionamento da imagem e o layout masonry , vamos editá-lo do atual vertical para Horizontal e tornar as imagens menores.



Agora, verificando o separador Pré-visualização para confirmar como está agora.


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


Adicionar galerias do WordPress no Elementor

Agora que vimos como criar uma galeria usando o WP Media Folder Gallery Manager, vamos ver como adicioná-la ao nosso Post ou Páginas usando o Elementor.

Para fazer isso, vá para a sua página ou post (ou crie um) e clique em Editar com Elementor o Page Builder será carregado.



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



Um bloco será carregado, informando que o Bloco do Addon da Galeria de Mídia foi adicionado.


No separador da esquerda, poderemos selecionar a galeria que queremos e também poderemos ajustá-la.

Antes de mais nada, vamos selecionar a galeria que criámos em Escolher uma Galeria.



A galeria que criámos anteriormente será carregada automaticamente no construtor de páginas sob os blocos.



Isto está a mostrar o tema Masonry que selecionámos no Gerenciador de Galerias, vamos verificar todas as opções disponíveis nos temas que podem ser selecionados diretamente nas configurações do bloco.

Masonry

Um tema realmente bom que poderia encaixar perfeitamente em quase todas as páginas, permitindo-nos mostrar muitas imagens.



Predefinido

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



Portefólio

Isto permite-nos mostrar as nossas imagens de forma semelhante ao tema Predefinido, mas usando outro tipo de letra, perfeito para mostrar arte.



Slider

O slider clássico que nos permite focar um pequeno número de imagens por slide.



Slide de Fluxo

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



Square Grid

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



Material

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



Grelha personalizada

Um tema de grelha que nos permite redimensionar as imagens para que fiquem como queremos é a melhor opção quando queremos criar uma galeria com os nossos próprios tamanhos/dimensões de imagem. Vamos ver rapidamente como funciona no Gestor de Galerias.



Agora vamos ver as opções disponíveis no menu esquerdo para todas as galerias.



Em primeiro lugar, temos a Navegação da Galeria, ativar esta opção permitirá usar as galerias de navegação disponíveis no WP Media Folder Gallery Addon, o que nos permite usar galerias principais e sub-galerias , e também pode ver uma demonstração funcional aqui



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



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

Podemos continuar a verificar e encontraremos a Escolher uma Galeria opção que nos permitirá selecionar entre todas as galerias que criámos no nosso Gestor de Galerias de Media.

Tamanho da imagem, esta opção permite-nos selecionar entre todos os tamanhos de imagem disponíveis, permitindo-nos ajustar as imagens para que fiquem e se adaptem perfeitamente ao nosso conteúdo.



A opção Tamanho da LightBox permite-nos, tal como o tamanho da imagem, selecionar o tamanho da lightbox que será apresentada se a selecionarmos como ação ao clicar.

Teremos também a Ação ao Clicar que nos permitirá escolher entre mostrar uma lightbox que é 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 mostrar as nossas imagens na galeria.

É claro que, além dessas, teremos as configurações para adicionar margem entre as imagens, alterar a cor do hover, adicionar uma borda e uma sombra.

Como pode ver, é realmente fácil usar o Elementor para ajustar as nossas galerias WP Media Folder e adaptá-las à nossa página!


Crie galerias rápidas usando pastas de media

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

Este recurso também nos permitirá adicionar imagens automaticamente à galeria quando estas forem adicionadas à pasta.

Em primeiro lugar, vá para a Galeria de Pastas de Mídia em Biblioteca de Mídia onde criamos a galeria anteriormente; nesta página, passe o mouse sobre o  + Adicionar Nova Galeria botão e, em seguida, clique em Criar Galeria a partir da pasta.


Será apresentado um explorador de pastas onde podemos selecionar a pasta que vamos utilizar.



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

Também poderemos adicionar imagens automaticamente quando estas forem adicionadas à biblioteca de mídia na mesma pasta que acabámos de selecionar, poupando-nos o tempo de ir ao gestor de galerias e adicionar a imagem manualmente.

Para usar esta opção, a adição automática de imagens na pasta deve estar ativada, disponível no canto superior direito, logo abaixo do botão Guardar .



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


Comece a usar o WP Media Folder com o seu construtor favorito

Também temos um vídeo que explica tudo passo a passo, para que possa ver o plugin a funcionar em tempo real, veja-o!



Um plugin com funcionalidades incríveis que nos permitirá não só criar galerias, mas também organizar os nossos ficheiros multimédia, importar do Google Photos e também descarregá-los! 

Compatível com todos os principais construtores, permitir-nos-á organizar e mostrar os nossos conteúdos multimédia da forma mais profissional com apenas alguns passos, então o que está à espera? Vá aqui e obtenha-o agora!

Mantenha-se Informado

Ao subscrever o blog, enviaremos um e-mail quando houver novas atualizações no site para que não as perca.

Posts Relacionados