Como criar galerias no WordPress usando mídias do Google Drive

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

Conectando o Google Drive ao seu site

O primeiro passo deste tutorial é conectar o Google Drive ao seu site, e você verá como é fácil. Primeiramente, você precisará do Cloud Addon da WP Media Folder , que permitirá conectar seu site ao Google Drive.

Agora que instalamos WP Media Folder e o Cloud Addon , podemos começar a configuração. Para isso, existem duas opções: Manual e Automática . Vamos explicá-las.

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

• Unidade Pessoal : sua conta pessoal.
• Unidade compartilhada : sua conta do G Suite.

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

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

Em seguida, prossiga com a conexão:

Primeiramente, para utilizar este recurso, você precisa vincular sua conta Joomunited em Configurações do Menu > Geral . Caso ainda não tenha feito isso, clique no link de configurações do WordPress.

Após fazer isso, volte para Configurações > WP Media Folder > Nuvem > Google Drive , selecione o Modo Automático e, em seguida, conecte ao Google Drive .

Siga os passos para conectar sua conta do Google e pronto, seu site está conectado :)

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

Modo manual : primeiro você precisa criar um aplicativo do Google Developers para conectá-lo ao seu site. Para isso, acesse este link e crie um projeto .

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

Se for a primeira vez que você usa a API do Google Drive , acesse APIs e serviços > Biblioteca , procure a API do Google Drive e clique em Ativar .

Agora que você habilitou a opção, vamos criar as chaves para conectar seu site WordPress. Vá novamente ao menu à esquerda e clique em API e Serviços > Credenciais .

Clique em + Criar credenciais > ID do cliente OAuth . Se solicitado, adicione um nome à sua tela de consentimento do OAuth.

Ao executar o aplicativo, você pode selecionar "Aplicativo Web" e adicionar um nome de sua escolha. Para os demais parâmetros, utilize as seguintes instruções:

• 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_authenticated
  (substitua pelo nome do seu domínio)

Lembre-se de que, se aparecer o aviso: "Para criar um ID de cliente OAuth, você deve primeiro definir um nome de produto na tela de consentimento", clique no botão Configurar tela de consentimento ou acesse APIs e Serviços >> Tela de consentimento OAuth e adicione seu nome de domínio em Domínios autorizados.

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

Você pode escolher entre:

• Uso interno : seu aplicativo está 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 do Google.
  

Como etapa final, acesse Configurações > WP Media Folder > Nuvem > Google Drive e selecione o modo manual. Nessa tela, você verá a opção para adicionar o Segredo do Cliente e o ID do Cliente; basta colá-los e clicar em Conectar ao Google Drive .

Permita que WP Media Folder acesse o aplicativo e pronto! Sua conta do Google estará conectada!

Vamos criar galerias na nuvem do WordPress

Agora que conectamos o Google Drive à nossa Biblioteca de Mídia, a conexão funcionará de forma muito simples: será criada uma pasta raiz na sua conta do Google Drive e todos os arquivos/pastas adicionados a ela aparecerão na sua Biblioteca de Mídia, dentro das pastas do Google Drive. Da mesma forma, todos os arquivos/pastas adicionados à sua Biblioteca de Mídia, dentro das pastas do Google Drive, aparecerão na sua conta do Google Drive.

Vamos começar criando a galeria. Para isso, acesse sua Biblioteca de Mídia > Google Drive e adicione uma nova pasta para manter tudo organizado. Por exemplo, vamos adicionar uma pasta chamada "Galeria" para usar neste tutorial.

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

E vamos à parte mais divertida: criar as galerias! Para isso, acesse Postagens/Páginas > Adicionar nova (ou edite uma já criada).

Neste caso, usaremos o Editor Gutenberg, 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 + > Galeria WP Media Folder .

Isso mostrará todas as pastas disponíveis, incluindo as do Google Drive. Selecionaremos a pasta que criamos chamada "Galeria" e, em seguida, clicaremos em "Criar galeria" .

Você verá uma prévia do tema e poderá alterá-lo no painel à direita.

Pré-visualizações do tema:

Padrão

Masonry

MAIS SOBRE CONTROLE DE ACESSO À MÍDIA

Controle deslizante

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

Você pode confirmar no seu servidor que as imagens não existirão, pois elas estão hospedadas apenas no Google Drive ;)

Usando o complemento Galeria para criar galerias profissionais

Outra opção para criar galerias é usar o Gallery Addon . Este incrível complemento oferece mais temas e opções de edição para as galerias, com uma interface que permite personalizá-las antes da publicação.

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

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

Aqui você pode ver todas as opções disponíveis para adicionar imagens. Neste caso, em que usaremos o complemento do Google Drive, selecione o ícone do WordPress.

Isso 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. Por fim, 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, como o nome alternativo e o título :)

Agora, tudo o que precisamos fazer é escolher a galeria, ajustá-la para que se encaixe no seu conteúdo, confirmar a galeria com a pré-visualização e salvá-la!

Nas configurações de Exibição e Código curto , você pode definir:

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

Você também pode copiar o código curto desta tela se quiser usá-lo em vez do bloco predefinido para cada Construtor de Páginas.

Agora, o último passo é visualizar a galeria para confirmar se está tudo bem. Isso pode ser feito na terceira aba, chamada " Visualizar" .

Os temas adicionais disponíveis com o complemento são os seguintes:

Slide de fluxo

Grade quadrada

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

Agora que você selecionou o tema e concluiu a configuração, pode prosseguir com a publicação da galeria. Para isso, acesse sua postagem/página , edite-a no Editor Gutenberg e clique em + > Complemento WPMF Gallery.

Clique em Selecionar ou Criar Galeria . Isso carregará o painel de controle do complemento de galeria para que você possa selecionar a galeria ou criar uma nova diretamente de lá. Confira a pré-visualização e clique em Inserir .

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

Crie sua primeira galeria do Google Drive no WordPress

Você economiza espaço no servidor ao utilizar o Google Drive para galerias do WordPress e criar 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, controles de exibição e recursos como a adição de vídeos remotos de serviços de streaming !

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