Crie galerias incríveis com o melhor gerenciador de galerias para Elementor

Os construtores de páginas e as galerias são, na maioria das vezes, essenciais para sites WordPress, pois as galerias permitem exibir imagens/produtos de forma atraente, enquanto os construtores de páginas permitem criar e adicionar conteúdo à sua página de maneira profissional.

Os construtores de páginas como o Elementor geralmente têm ferramentas/blocos para criar galerias, mas estes não são os melhores, pois não oferecem muitas opções de personalização. Mas não se preocupe, WP Media Folder pode te ajudar com isso ;)

WP Media Folder oferece um complemento de galeria que permite criar e personalizar galerias usando ferramentas e recursos incríveis.

Neste post, vamos ver como usá-los com o Elementor , o Google Fotos e também com suas pastas na nuvem . Então, vamos começar!

Galerias com widget para Elementor em vídeo

Configurando a integração do WordPress com o Google Fotos

Primeiramente, gostaria de apresentar os plugins que utilizaremos neste tutorial: Elementor, WP Media Foldere os dois Addons Pro (um para galerias e outro para conexão com a nuvem).

Agora que já sabemos disso, vamos começar. Vamos criar a galeria a partir do Google Fotos. Para isso, precisamos conectar nosso site WordPress à nossa conta do Google Fotos. Vejamos como fazer isso.

Primeiramente, precisamos de um aplicativo Google Developers para isso. Acesse: https://console.developers.google.com/project e crie um novo projeto.

Adicione um nome ao projeto; você pode adicionar o que quiser.

Aguarde um momento para que o projeto seja criado.

Se esta for a primeira vez que você está usando a API da Biblioteca de Fotos , será necessário ativá-la. Para isso, acesse o Marketplace no menu à esquerda.

Agora, na caixa de pesquisa, digite "API da Biblioteca de Fotos" e pesquise.

Clique nele e, em seguida, em Ativar .

Agora que está ativado, clique em "API e Serviços" no menu à esquerda e, nesse painel, acesse Credenciais .

Agora que você está aqui, no painel superior, vá para + Criar credenciais > ID do cliente OAuth e, se solicitado, adicione um nome à sua tela de consentimento do OAuth.

Agora, configure as credenciais da seguinte forma:

• Selecione "Aplicação Web" e adicione um nome de sua escolha.
• Origem JavaScript autorizada: https://seu-domínio.com (substitua pelo nome do seu domínio, sem barra no final).
  
• URIs de redirecionamento autorizadas: https://seu-domínio.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
  

Lembre-se de que o Google alterou sua política, portanto, você precisa preencher seus domínios autorizados na guia da tela de consentimento do OAuth > Editar aplicativo .

Na seção Domínios autorizados, clique em +Adicionar domínio e adicione seu domínio.

Adicione também à de Verificação de Domínio .

Pronto! Você receberá seu ID e Segredo para adicionar na configuração do WP Media Folder:)

Agora, vamos conectar sua conta do Google Fotos ao seu site WordPress. Para isso, acesse Configurações > WP Media Folder > Nuvem > guia Google Fotos.

Você pode usar o modo Automático, que é o mais fácil, pois você só precisa fazer login na sua conta do Google. Para isso, escolha Automático em "Modo de conexão" e, em seguida, Conectar o Google Fotos .

Uma janela pop-up será exibida; clique em Concordar .

A última etapa será fazer login na sua Conta do Google, conceder as permissões necessárias e concluir a conexão.

É só isso, muito fácil e rápido, não é? :)

Elementor + Plugin de Galeria, a melhor combinação

Agora que concluímos a conexão, acesse Mídia > Galerias de Pastas de Mídia . Nessa seção, clique em + Adicionar Nova Galeria e dê um nome à sua nova galeria. Para este tutorial, vamos chamá-la de Galeria Google P. Além disso, usaremos a galeria Grade Quadrada

Agora você terá todas as opções para configurar e adicionar imagens à sua galeria. Você verá o do Google Fotos ; clique nele.

Isso abrirá uma janela pop-up com todas as imagens disponíveis na sua conta do Google Fotos. Você tem a opção de selecionar várias imagens de um álbum ou selecionar um álbum inteiro. Neste tutorial, vamos selecionar um álbum inteiro. Para isso, selecione o álbum e, em seguida, " Importar álbum" .

Você verá uma notificação informando que o álbum foi importado.

Aguarde alguns minutos e pronto! Você verá todas as imagens carregadas no painel da galeria e poderá fazer todas as modificações, como selecionar uma nova galeria.

Agora, você pode acessar a Configurações de exibição e código curto para personalizar completamente sua galeria. Lá, você encontrará configurações como ordem, número de colunas e ação ao clicar.

Após finalizar as configurações da galeria, clique em Salvar e, em seguida, acesse a página/postagem onde deseja adicionar a galeria e clique em Editar com Elementor para que o construtor de páginas seja carregado.

Agora selecione a seção onde deseja adicionar a galeria e procure pela WP Media Folder blocos.

Como você pode ver, existem 4 blocos disponíveis. Para este tutorial, usaremos o bloco chamado WP Media Folder Gallery Addon , que carregará o complemento Gallery no construtor de páginas.

Após mover o bloco para a seção, você verá uma opção de pré-visualização e, no lado esquerdo, a opção para escolher uma galeria. Selecione a galeria que criamos anteriormente.

Na seção à direita, você verá a pré-visualização da galeria, que será atualizada automaticamente ao selecionar uma nova opção na seção à esquerda. Portanto, verifique, confirme se tudo está correto e clique em Publicar .

Pronto! Você criou uma galeria profissional com apenas alguns cliques e a configurou diretamente no Construtor de Páginas :)

Usando o Elementor para criar galerias do Google Drive no WordPress

 Além disso, veremos como criar galerias usando imagens da nuvem, já que WP Media Folder permite conectar sua biblioteca de mídia a serviços em nuvem (Dropbox, Google Drive, OneDrivee AWS).

Neste exemplo, usaremos a do Google Drive . Você pode ver como conectar aqui ; o processo é bem parecido com o da conexão do Google Fotos :)

Depois de configurado e de sincronizar/criar as pastas do Google Drive, você pode acessar a página/postagem que deseja editar e clicar em "Editar com Elementor" .

Na seção à esquerda, procure a WP Media Folder e clique no WP Media Folder Gallery" .

Agora, clique em + na seção "Adicionar imagens".

Isso abrirá uma janela pop-up com a Biblioteca de Mídia. Selecione a Pasta na Nuvem, clique em todas as imagens que deseja adicionar e, por fim, clique em Criar uma nova Galeria > Inserir Galeria .

Isso criará uma galeria usando as imagens diretamente da nuvem. Depois de adicioná-la, você poderá configurar as opções da galeria na seção à esquerda e verificar a pré-visualização na seção à direita. Assim, será muito fácil editar e garantir que a galeria fique como você deseja

Agora você pode criar galerias com o poder do WP Media Folder, de uma maneira muito fácil usando o Elementor, e também economizar espaço de armazenamento usando o Google Drive. O que mais você poderia querer? :)

Comece a usar o melhor plugin de galeria para WordPress

Neste post, explicamos apenas alguns recursos do WP Media Folder e, como você pode ver, ele tornou tudo muito mais fácil do que deveria, e ainda mais agora com o novo tema e interface ! Então, o que você está esperando? Acesse aqui e torne-se membro. Você verá que há muito mais galerias do que as mostradas neste post e diversas ferramentas incríveis :)