Como criar galerias WordPress usando mídia do Google Drive

Vamos dar uma olhada em uma maneira prática de criar galerias WordPress usando o Google Drive que é totalmente possível com WP Media Folder, que permite acessar mídia diretamente do Google Drive sem ocupar espaço no seu servidor.

Conectando o Google Drive ao seu Site

O primeiro passo neste tutorial é conectar o Google Drive com o seu site e você verá como é fácil, primeiro de tudo, você precisará do Complemento de Nuvem da WP Media Folder que é o que permitirá que você conecte seu site ao Google Drive.

Agora que instalamos WP Media Folder, e o Complemento de Nuvem podemos começar com a configuração, para isso, existem duas opções, Manual e Automática então vamos explicá-las.

Para iniciar a configuração, vá para Configurações > WP Media Folder > Nuvem > Google Drive. Aqui você poderá selecionar o Tipo de Drive:

• Drive Pessoal: sua conta pessoal.
• Unidade compartilhada: sua conta Gsuite.

Em seguida, selecione o tipo de link para suas imagens:

• Link público: gere um link acessível ao público para seus arquivos e afete os direitos apropriados nos arquivos da nuvem (Link compartilhado). Por exemplo: https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
• Link privado: link AJAX, oculte o link da nuvem para manter o direito de acesso original do seu arquivo (Os usuários precisam fazer login para visualizar as imagens). Por exemplo: https://yourdomain.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0

E então, prossiga com a conexão:

Primeiro, para usar este recurso, você precisa vincular sua conta Joomunited no Menu Configurações > Geral, por favor clique no link de configurações do WordPress se você ainda não conectou.

Depois de fazer isso, volte para Configurações > WP Media Folder > Nuvem > Google Drive, selecione o Modo automático, e então em Conectar Google Drive.

Siga os passos para conectar sua conta Google, e pronto, você tem seu site conectado :)

Realmente fácil e rápido, não é?

Modo manual: primeiro de tudo, você precisa criar um APP de desenvolvimento Google para conectá-lo ao seu site, para isso, vá aqui e crie um Criar Projeto.

Em seguida, selecione o nome do projeto e a localização.

Se é a primeira vez que usa a API do Google Drive, vá para APIs & Serviços > Biblioteca, procure a API do Google Drive e clique em Habilitar.

Agora que você habilitou, vamos criar as chaves para conectar seu site WordPress, vá para o menu à esquerda novamente e clique em APIs & Serviços > Credenciais.

Clique em + Criar Credenciais > ID do Cliente OAuth, se solicitado, adicione um nome à tela de consentimento OAuth.

No aplicativo, você pode selecionar Aplicativo Web, e adicionar um nome de sua escolha, para os outros parâmetros use o seguinte:

• Origem autorizada do JavaScript: https://seu-dominio.com (substitua pelo nome do seu domínio, sem barra no final)
• URIs de redirecionamento autorizadas: https://seu-dominio.com/wp-admin/options-general.php?page=pasta-opcao&task=wpmf&function=wpmf_autenticado
  (substitua pelo nome do seu domínio)

Por favor, tenha em mente que se este aviso aparecer: "Para criar um ID de cliente OAuth, você deve primeiro definir um nome de produto na tela de consentimento" você deve clicar no botão Configurar tela de consentimento ou ir para APIs & Serviços >> Tela de consentimento OAuth, em seguida, adicione o nome do seu domínio em Domínios autorizados.

Primeiro, você precisará selecionar um Tipo de Usuário.

Você pode selecionar entre:

• Interno: seu aplicativo é limitado a usuários do G Suite dentro da sua organização.
• Externo: seu aplicativo estará disponível para qualquer usuário com uma conta Google.
  

Como etapa final, vá para Configurações > WP Media Folder > Nuvem > Google Drive, e selecione o modo manual, nesta tela, você verá a opção para adicionar o Segredo do Cliente e o ID do Cliente, então basicamente, cole-os lá e clique em Conectar ao Google Drive.

Permitir WP Media Folder acessar o APP e pronto! Você terá a conta Google conectada!

Vamos criar Galerias de Nuvem WordPress

Agora que conectamos o Google Drive à nossa Biblioteca de Mídia, a conexão funcionará de forma muito simples, irá gerar uma pasta raiz em sua conta do Google Drive e todas as mídias/pastas adicionadas lá aparecerão em sua Biblioteca de Mídia sob as pastas do Google Drive, e todas as mídias/pastas adicionadas à sua Biblioteca de Mídia sob as pastas do Google Drive aparecerão em sua conta do Google Drive.

Então, vamos começar com a criação da galeria, para isso, vá para Biblioteca de Mídia > Google Drive e você pode adicionar uma nova pasta para manter as coisas organizadas, por exemplo, adicionamos uma nova chamada Galeria para usar neste tutorial.

Faça o upload das imagens lá e você as verá refletidas no Google Drive.

E vamos prosseguir com a parte mais divertida, criar as galerias! Para isso, vá para Postagem/Página > Adicionar Nova (Ou edite uma já criada).

Usaremos o Editor Gutenberg para este caso, mas você pode usar qualquer outro Construtor de Páginas, pois todos são compatíveis com WP Media Folder ;)

Agora que estamos aqui, clique em + > WP Media Folder Galeria.

Isso mostrará todas as pastas disponíveis, incluindo as do Google Drive, selecionaremos a que criamos chamada Galeria, e então clique em Criar Galeria.

Você verá uma pré-visualização do tema, podendo alterá-lo no painel direito.

Pré-visualizações do tema:

Padrão

Masonry

Portfólio

Slider

Como você pode ver, é tão fácil quanto selecionar as imagens, o tema e publicá-lo, existem outras opções para que você possa ajustar as galerias como quiser, como a ordem, ação ao clicar e o tamanho do Lightbox.

Você pode confirmar em seu servidor que as imagens não existirão porque elas são hospedadas apenas no Google Drive ;)

Usando o complemento de galeria para criar galerias profissionais

A outra opção quando você deseja criar galerias é usar o Complemento de Galeria, este complemento incrível oferece mais temas de galeria e opções para editá-los com uma interface para personalizá-los antes de serem publicados.

Você pode encontrá-lo indo para Mídia > Galerias de Pastas de Mídia, nesta tela, clique em +Adicionar Nova Galeria e configure as opções da galeria, você pode selecionar um nome para a galeria e também selecionar o tema da galeria que você vai usar.

Escolha o nome, o nível da galeria e o tema da galeria, e então clique em Criar.

Agora, aqui você pode ver todas as opções disponíveis para adicionar imagens. Para este caso, onde vamos usar o add-on do Google Drive, selecione o ícone do WordPress.

Isto irá abrir a Biblioteca de Mídia, vamos selecionar a pasta do Google Drive que criamos anteriormente, neste caso, chamada Galeria, e selecionar todas as imagens que você deseja adicionar à galeria, finalmente, clique em Importar

Você verá as imagens nesta tela para que possa reordená-las, definir uma imagem como capa ou alterar as configurações de uma imagem específica, coisas como o nome alternativo e título :)

Então agora, tudo o que temos a fazer é escolher a galeria, ajustá-la para se adequar ao seu conteúdo, confirmar sua galeria com a pré-visualização e salvá-la!

Em Configurações de Exibição e Shortcode, você pode definir:

• Tema
• Tamanho da Imagem da Galeria
• Tamanho da Lightbox
• Ação ao clicar(abrir uma nova página ou uma lightbox)
• Colunas
• Ordem
• Configurações de navegação(como o botão e o tamanho dos botões)

Você também pode copiar o shortcode desta tela se quiser usá-lo em vez do bloco predefinido para cada Construtor de Página.

Agora a última etapa é visualizar a galeria para confirmar que tudo está ok, isso pode ser feito na terceira aba chamada Visualizar.

Os temas extras disponíveis com o addon são os seguintes:

Deslize de Fluxo

Grade Quadrada

Material

Agora que você selecionou o tema e terminou a configuração, você pode prosseguir com a publicação da galeria, para isso vá para sua Postagem/Página e edite-a, para o Editor Gutenberg, e clique em + > WPMF Gallery Addon.

Clique em Selecionar ou Criar Galeria, isso carregará o painel do complemento de galeria para que você possa selecionar a galeria ou criar uma nova diretamente de lá, verificar a pré-visualização e, em seguida, clicar em Inserir.

Agora insira sua galeria e, finalmente, publique-a! Como você pode ver, o complemento de galeria oferece mais possibilidades do que as galerias normais, é como ir para o próximo nível :)

Crie sua primeira galeria do Google Drive no WordPress

Economize espaço no servidor aproveitando o Google Drive para galerias do WordPress e criando um fluxo de trabalho de mídia mais eficiente e organizado. WP Media Folder oferece uma opção fácil e flexível para criar galerias diretamente conectadas ao Google Drive, com temas atraentes e controles de exibição, e recursos como adicionar vídeos remotos de serviços de streaming!

Então, você está pronto para levar seu site ao próximo nível? Crie sua primeira galeria no WordPress com o Google Drive hoje e desfrute de uma experiência de gerenciamento de mídia mais simples e profissional!