Blog de notícias: WordPress e extensões Joomla

Crie galerias impressionantes com o melhor gerenciador de galerias para DIVI

CRIAR GALERIAS-IMPRESSIONANTES-COM-O-MELHOR-GERENTE-GALERIA-PARA-DIV_20210609-071125_1

É verdade que o uso de galerias é geralmente uma das melhores maneiras de mostrar nosso conteúdo em um site, pois parece mais profissional do que apenas adicionar imagens, mas também é verdade que criar galerias e adicionar estilos pode ser um trabalho realmente tedioso, assim como o fato de adicionar elementos a uma página e torná-los adequados ao seu site.

DIVI é normalmente o que usamos nesses casos, pois é um construtor de páginas conhecido com ferramentas perfeitas, mas pode ser limitado ao adicionar imagens e é aqui que o WP Media Folder ajuda você.

WP Media Folder e seu gerenciador de galeria permitem que você gerencie e adicione galerias diretamente do DIVI, neste tutorial veremos como é fácil;)

Para este post, vamos usar DIVI , WP Media Folder , WP Media Folder Addon e WP Media Folder Gallery .

Conecte o WordPress e os Álbuns do Google Fotos para criar galerias incríveis

Um dos tópicos desta postagem é criar essas galerias usando imagens importadas diretamente de sua conta do Google Fotos, para que você possa facilmente fazer upload de imagens de seu telefone para o Google Fotos e usá-las em seu site WordPress.

Então, vamos começar com a conexão.

Primeiro de tudo, precisamos de um Google Dev APP para isso, vá aqui: https://console.developers.google.com/project e crie um novo projeto.


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



Agora, aguarde alguns instantes para que o projeto seja criado.



Se é a primeira vez que você está usando esta API da Biblioteca de Fotos , você precisará ativá-la, para ativá-la acesse o MarketPlace no menu à esquerda.



Agora, na caixa de pesquisa, digite API de biblioteca de fotos e pesquise.



Clique nele e, em seguida, em Ativar .



Agora que está habilitado, clique em “API e Serviços” no menu à esquerda, neste painel, vá até Credenciais .



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



Agora, configure as credenciais como a seguir:

  • Selecione "aplicativo da Web" e adicione um nome de sua escolha.
  • Origem autorizada de JavaScript: https://seu-dominio.com (substitua por seu nome de domínio, sem nenhuma barra final).
  • URIs de redirecionamento autorizados: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
(substitua pelo seu nome de domínio)


Lembre-se de que o Google mudou sua política, então 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-o também à seção Verificação de domínio .



E feito! Você obterá 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 vá para Configurações> WP Media Folder > Nuvem> guia Google Foto .



Você pode usar o modo Automático que é o mais fácil, pois você só precisa fazer o login na sua conta do Google, para isso, escolha Automático no "Modo de conexão" e depois Conecte o Google Foto .



Uma janela pop-up aparecerá, clique em Concordo .



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



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


 Do Google Fotos a uma Galeria Divi do WordPress

Assim como o título diz, do Google Fotos a uma Galeria Divi do WordPress, agora que o Google Fotos está conectado, podemos continuar a criar nossas galerias a partir dos álbuns em nossa conta.

Em primeiro lugar, vamos criar uma nova galeria a partir do gerenciador.

Vá para Mídia> Galerias de pasta de mídia .



Aqui, poderemos criar muitas galerias diferentes para imagens de nosso site WordPress, nosso computador ou (neste caso) do Google Fotos.

Clique em + Adicionar nova galeria .



Isso abrirá um pop-up onde você pode digitar o nome da galeria, selecionar o tema e outras coisas, como se você deseja adicioná-lo como uma galeria PArent ou talvez uma sub-galeria.



Selecione todas as suas opções, mas não se preocupe, pois você pode editar isso após a criação da galeria, então não é algo que não poderemos alterar;)

Nesta tela, você tem 3 opções para adicionar imagens à sua galeria, você pode adicioná-las do WordPress (sua biblioteca de mídia), do seu computador e do Google Fotos.

Para este tutorial, vamos selecionar o Google Fotos, mas você pode escolher o que quiser.



Se você escolher o Google Fotos , verá todos os álbuns e imagens da conta que você conectou ao seu site antes.



Você pode importar um álbum completo clicando em Importar álbum ou também, selecionar várias imagens e clicar em Importar seleção .

Por exemplo, aqui vamos selecionar 5 imagens e importar apenas estas.

Basta clicar nas imagens que deseja e clicar, conforme explicado anteriormente, em Importar Seleção .



Agora que adicionou as imagens à galeria, você as verá no gerenciador, nessa primeira tela você tem a opção de ordenar, definir uma imagem na capa da galeria e também editar a própria imagem.



Você notará outra guia chamada Configurações de exibição e código de acesso .

Nesta seção, você terá a opção de editar mais configurações da galeria, como o tema que deseja usar, o número de colunas, o tamanho da imagem, a ação ao clicar e o tamanho do lightbox se você selecionar um lightbox como ação em clique.

Há também o código de acesso para essa galeria, caso você queira usá-la;)



Você também terá essas opções no Divi, então não se preocupe em ter que vir toda vez que quiser editar algo na galeria.

Agora que você concluiu a criação da Galeria, clique em salvar e vá para a página / postagem que deseja editar e clique em Usar o Divi Builder , você pode usá-lo no front end ou backend sem problemas;)

Selecione a coluna como você costuma fazer e, em seguida, procure o módulo
Complemento WPMF Gallery .



No próximo pop-up, você verá a opção de adicionar uma galeria já criada, e também todas as outras opções que você viu na guia Exibir do Gerenciador de galeria para que você possa editar a galeria facilmente.

Vamos selecionar a galeria que criamos antes.



A Galeria será exibida e você poderá editar todas as configurações de exibição com uma visualização ao vivo para que cada alteração seja refletida automaticamente.



A melhor ferramenta para verificar como estão as coisas sem ter que clicar na visualização ou recarregar a página toda vez que uma alteração é feita.

Agora você pode terminar a criação de sua página e ir publicá-la sem se preocupar em não saber como a galeria ficará no frontend.

Uma ferramenta realmente incrível, não é?


 Crie galerias da nuvem diretamente para Divi

Então, talvez você estivesse pensando que era tudo, mas a resposta é não! Você também pode criar galerias com imagens hospedadas na nuvem, você vai poder economizar espaço de armazenamento e também, usar o Divi para colocar a galeria;)

Vamos usar uma pasta do Google Drive para isso, mas lembre-se de que outras integrações de nuvem estão disponíveis com o WP Media Folder e o Addon (Dropbox, AWS, OneDrive).

Para poder conectar o Google Drive ao seu site WordPress, você pode seguir o guia detalhado aqui, o processo é semelhante ao do Google Fotos, então você não deve ter problemas.

Após criar / sincronizar as Pastas do Google Drive, você pode ir até a página / post que deseja editar e clicar em Usar o Divi Builder , adicionar sua coluna e, nos módulos, procurar por uma chamada Galeria WPMF .



Este Módulo permitirá que você crie a galeria diretamente no Divi Builder, antes de mais nada, vamos adicionar as imagens clicando em Adicionar Imagens da Galeria na seção
Imagens .



Isso irá carregar sua Biblioteca de mídia como um pop-up, procure a pasta que contém as imagens que você deseja adicionar e clique nela.

Usaremos a pasta do Google Drive para este caso.



Agora, na seção certa, selecione todas as imagens que deseja adicionar clicando nelas e, a seguir, clique em Selecionar .



Isso irá carregar todas as imagens do módulo Divi e você verá todas as opções disponíveis para a edição da galeria, como o tema, colunas, tamanho, ação ao clicar, bordas, sombras, raio da borda e uma opção para adicionar Blur a a imagem.



A melhor parte disso é que cada alteração que você fizer será exibida automaticamente na visualização, para que você não tenha que recarregar a página ou salvar o modelo em cada alteração.

Como você pode ver, esses plug-ins são uma combinação perfeita;)


 Obtenha o site WordPress mais profissional com a melhor combinação

Mostramos apenas alguns recursos de todos os disponíveis no WP Media Folder , há outros como descarregar completamente sua mídia para AWS, PDF Embedded e mais conexões de nuvem como OneDrive e Dropbox, então o que você está esperando para começar a usar todos eles recursos incríveis? Acesse aqui e obtenha sua própria assinatura :)

2
Pré-visualizações da galeria e vídeos remotos no WordPress para ...
Crie galerias impressionantes com o melhor ma ...
 

Comentários

Ainda não foram feitos comentários. Seja o primeiro a enviar um comentário
Já registrado? Entre aqui
Hóspede
Segunda-feira, 27 de setembro de 2021

Imagem Captcha