Documentação do Addon WP Media Folder Cloud

Introdução

O plugin WP Media Folder Addon traz uma conexão ao Dropbox, Google Drive e OneDrive, juntamente com novos recursos, como a incorporação de arquivos PDF, ao gerenciador de mídia nativo do WordPress.

 

Nuvem-banners-addon

 

I. WP MEDIA FOLDER CLOUD ADDON INSTALAR

1.1 Instale

O addon WP Media Folder Cloud é um plugin separado que precisa ser ativado separadamente. Para instalar nosso plugin você deve usar o instalador padrão do WordPress, ou descompactar o plugin e colocar a pasta em / wp-content / plugin.

 

install-wp-media-folder

 

Então clique em ativar plugin para ver o menu do WP Media Folder Cloud Addon aparecer no menu lateral do WordPress.

O WP Media Folder Addon pode ser acessado no menu de mídia e no botão de mídia acima do editor. Você também tem os parâmetros no menu "Configurações".

 

1.2 Atualize o plugin

Para atualizar o complemento WP Media Folder Cloud, você pode usar o atualizador padrão do WordPress. Você também pode removê-lo e instalar a nova versão a partir de um arquivo .zip baixado do site www.joomunited.com. Em qualquer caso, você não perderá nenhum conteúdo porque tudo está armazenado no banco de dados.

 

wpmf-addon-update

 

Certifique-se de sempre ter a versão mais recente para evitar problemas de segurança e estabilidade.

Para atualizar para a versão paga, você precisa fazer o login em sua conta do JoomUnited a partir das configurações do WordPress: Configurações> Geral

 

link da conta

 

Em seguida, use o login e a senha da sua conta do JoomUnited. Após um login bem-sucedido, o botão fica azul com o texto Desconectar minha conta do JoomUnited.

 

image9

 

Desta forma, você pode atualizar todos os plugins comerciais do JoomUnited usando o atualizador padrão do WordPress.

 

wpmf-addon-update1

 

II. CONECTE O GOOGLE DRIVE

2.1 Crie um aplicativo do Google Drive


A integração do Google Drive com o WP Media Folder está incluída no complemento. Você precisa instalar este complemento (plugin) além do WP Media Folder. O addon inclui integração para Dropbox, OneDrive Personal, OneDrive Business e Amazon S3 também.

Primeiro, para usar o Google Drive, você precisa de um aplicativo do Google Dev para conectar seu site. Vamos para https://console.developers.google.com/project e crie um novo projeto.

 

image79

 

Em seguida, configure um nome de projeto - você pode fornecer qualquer nome que desejar, mas não incluir espaços ou acentos.

 

image31


Então espere alguns segundos para a criação do projeto.

 

image62

 

Se é a primeira vez que você usa a API do Google Drive, é necessário ativá-la.

 

enable-drive-api

 

No menu à esquerda, clique em "API Manager".

 

image53


No menu à esquerda, navegue até "Credenciais" >> "Novas credenciais" >> ID do cliente OAuth; se solicitado, adicione um nome à sua tela de consentimento do OAuth.

 

oAuth-google-drive


Agora, o passo mais importante:

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

 

credenciais de aplicativos

 

O Google mudou sua política recentemente, então você precisa preencher seu Domínios autorizados a Guia da tela de consentimento do OAuth.

 

domínio autorizado

 

Além disso, você deve adicionar seu domínio em Guia de verificação de domínio. Por favor clique em Adicionar domínio botão e seguindo as instruções.

 

add-domain

 

Agora você pode voltar para a etapa anterior para criar as credenciais.

Então… voilà! Você tem seu ID e Secret para adicionar a configuração do WP Media Folder.

2.2 Faça o login no Google Drive em WP Media Folder


Então volte no WordPress admin e clique no menu Configurações> WP Media Folder> Cloud> guia do Google Drive.

Por favor, selecione o seu Tipo de link de mídia:

  • Link público: gerar um link acessível ao público para seus arquivos e afetar os direitos apropriados nos arquivos da nuvem (link compartilhado)
  • Link privado: Link AJAX, oculte o link da nuvem para manter o acesso original à direita do seu arquivo (os usuários precisam de um login para visualizar as imagens)

 

tipo de link de mídia

 

Depois disso, você pode colar o seu

  • ID do Cliente
  • Segredo do cliente

Salve a configuração e clique no Conecte o botão do Google Drive.

 

google-login

 

Se você não cometeu nenhum erro, valide a autorização em uma nova janela, como mostrado:

 

google-api-permission

 
A conexão deve ser um sucesso ☺ Se for bem-sucedida, você poderá criar e gerenciar mídia do Google Drive diretamente do gerenciador de mídia do WordPress.

 

2.3 O que posso fazer com a mídia do Google Drive?

Como funciona?

O WP Media Folder gerará uma pasta raiz no seu Google Drive com o nome do site.

 

google-drive-folder


Todas as pastas e subpastas adicionadas no WP Media Folder Google Drive serão sincronizadas nesta pasta.

 

Quais são as direções de sincronização?

Funciona em ambas as direções! Você pode adicionar um arquivo do Google Drive e vê-lo no WP Media Folder ou adicionar um arquivo no WP Media Folder e vê-lo no Google Drive. Isso também significa que você pode gerenciar arquivos do WordPress em sua área de trabalho usando o software de sincronização do Google Drive. Isso é loucura - nós sabemos! ☺

 

google-drive-sync

 

A integração do WP Media Folder com o Google Drive permite dois tipos de ações com sua mídia:

A primeira opção é importar a mídia do Google Drive em WP Media Folder (seleção de pasta para importação).

 

import-media-google-drive

 

A segunda opção é incorporar a mídia do Google Drive em seu conteúdo diretamente. Nesse caso, a mídia será carregada do Google Drive, não do seu servidor.

 

incorporar-google-drive

 

Livrar-se do erro: erro: "invalid_scope ao conectar WP Media Folder com o Google Drive"

O Google introduziu recentemente uma nova camada de segurança que força os aplicativos a serem verificados. Se você criou o aplicativo com sua conta do Google e depois faz o login no WordPress com a mesma conta, você não verá este erro.
Este erro só será exibido se você tiver criado um aplicativo com uma conta do Google e estiver tentando se conectar ao Google a partir do WordPress com outra conta.

Nesse caso, você precisa que seu aplicativo seja aprovado pelo Google seguindo este processo: https://support.google.com/code/contact/oauth_app_verification

 

OAuth-Developer-Verification-Form

 

III INTEGRAÇÃO DO DROPBOX

3.1 Criar um aplicativo do Dropbox


A integração do Dropbox é distribuída como um complemento separado. Você precisa instalar este complemento (plugin) adicionalmente ao WP Media Folder. O addon inclui integração para o Google Drive, OneDrive Personal, OneDrive Business e Amazon S3 também.

Primeiro, você precisa de um aplicativo do Dropbox para conectar seu site a uma conta do Dropbox. Vamos para https://www.dropbox.com/developers e crie um novo aplicativo.

 

criar-dropbox-app

 

Em seguida, configure um tipo de aplicativo: "API do Dropbox", "Caixa de depósito cheia" ou "App Folder" e fornecer um nome de aplicativo.

Dropbox Completo: As categorias de arquivo do WP Media Folder serão adicionadas como pastas na raiz da sua conta do Dropbox (Um site = uma conta do Dropbox).
"Pasta de aplicativos": todas as pastas / arquivos serão armazenados em uma única pasta (para evitar uma bagunça na sua conta do Dropbox).

 

dropbox-app-info

 
Você está quase pronto - seu aplicativo foi criado e você tem sua chave de aplicativo e seu segredo.

 

app-create-dropbox


3.2 Login no Dropbox em WP Media Folder


Para finalizar a integração, volte ao painel do WordPress e clique no menu Configurações> WP Media Folder> Cloud> guia Dropbox.

Por favor, selecione o seu Tipo de link de mídia:

  • Link público: gerar um link acessível ao público para seus arquivos e afetar os direitos apropriados nos arquivos da nuvem (link compartilhado)
  • Link privado: Link AJAX, oculte o link da nuvem para manter o acesso original à direita do seu arquivo (os usuários precisam de um login para visualizar as imagens)

 

tipo de link de mídia

 

Depois disso, cole o seu

  • Chave do aplicativo
  • Segredo de aplicativo

Então você Salve  a configuração, depois disso, clique em Conecte o botão do Dropbox.

 

dropbox-wp-connection

 

Você terá que validar a autorização de acesso para acesso ao aplicativo - basta clicar no Permitir botão.

 

dropbox-app-allow

 

Finalmente, um código de autorização será gerado. Copie este código para a configuração do WP Media Folder.

 

copy-autho-code

 

A conexão deve ser um sucesso ☺ Se for bem sucedida, você pode criar pastas e subpastas no Dropbox e no WP Media Folder. Tudo será sincronizado automaticamente!

 

3.3 Como isso funciona? O que posso fazer com o Dropbox?

Como funciona?

O Dropbox pode sincronizar pastas ou sub-pastas e arquivos na sua interface WP Media Folder, e o mesmo é possível ao contrário (do WP Media Folder ao Dropbox).

 

dropbox-web


Quais são as direções de sincronização?

Funciona em ambas as direções! Você pode adicionar um arquivo ao Dropbox e vê-lo em WP Media Folder, ou adicionar um arquivo usando WP Media Folder e vê-lo no Dropbox. Isso também significa que você pode gerenciar arquivos WP Media Folder a partir do seu desktop usando o software de sincronização Dropbox. Isso é loucura - nós sabemos! ☺

 

Dropbox-two-way-sync

 

A integração com o Dropbox WP Media Folder permite que você execute 2 tipos de ações com sua mídia:

A primeira opção é Importe o Dropbox mídia em WP Media Folder selecionando uma pasta para copiar.

 

import-dropbox-folder

 

A segunda alternativa é Incorporar o Dropbox mídia em seu conteúdo diretamente. Nesse caso, a mídia será carregada no seu conteúdo pelo Dropbox, não pelo seu servidor.

 

dropbox-media-embed

 

IV. INTEGRAÇÃO ONEDRIVE

4.1 Registro do aplicativo Microsoft OneDrive


A integração do OneDrive é distribuída como um addon separado. Você precisa instalar este complemento (plugin) além do WP Media Folder. O addon inclui integração para o Google Drive, Dropbox, OneDrive Business e Amazon S3 também.

Primeiro, você precisa de um aplicativo do Microsoft Azure para conectar seu site a uma conta do OneDrive Personal. Vamos para https://portal.azure.com/, faça o login e clique em Novo registro botão.

 

add-microsoft-app

 

Em Registrar um formulário de inscrição, configure um nome de aplicativo e copie o URL do site no Campo de URL de redirecionamento e clique no registo botão.

 

registrar-app


 
Você está quase pronto - a partir daqui você tem um ID de aplicativo (ID do cliente), apenas a senha está faltando. No menu à esquerda, vá para Certificados e segredos, depois clique no Novo segredo do cliente botão para criar um. Depois disso, preencha o Descrição e definir o Expira por isso.

 

new-password-1

 

Uma senha (Client Secret) é gerada imediatamente após pressionar Adicionar botão; Copie-o porque você precisará dele em breve.

 

new-password-2


4.2 Faça o login no OneDrive a partir do WP Media Folder


Volte para o painel do WordPress e clique no menu Configurações> WP Media Folder> Nuvem> guia do OneDrive> configurações do OneDrive Personal.

Por favor, selecione o seu Tipo de link de mídia:

  • Link público: gerar um link acessível ao público para seus arquivos e afetar os direitos apropriados nos arquivos da nuvem (link compartilhado)
  • Link privado: Link AJAX, oculte o link da nuvem para manter o acesso original à direita do seu arquivo (os usuários precisam de um login para visualizar as imagens)

 

tipo de link de mídia

 

Depois disso, cole o seguinte nos campos do formulário:

  • ID do Cliente
  • Segredo do Cliente

 

cópia de credenciais

 

Depois disso, salve a configuração e aperte o botão Conecte o OneDrive botão.

 

connect-onedrive

 

Você terá que validar a autorização de acesso para conceder acesso ao WordPress; apenas clique sim na nova janela.

 

autorização de aplicativo

 

A conexão deve ser um sucesso ☺ Se for bem-sucedida, você pode criar pastas e subpastas no OneDrive e no WP Media Folder - tudo será sincronizado automaticamente!

4.3 Como isso funciona? O que posso fazer com o OneDrive?

Como funciona?

O OneDrive pode sincronizar pastas e subpastas e arquivos na sua interface WP Media Folder e o mesmo é possível ao contrário (do WP Media Folder ao OneDrive).


Quais são as direções de sincronização?

Funciona em ambas as direções! Você pode adicionar um arquivo ao OneDrive e vê-lo no WP Media Folder, ou adicionar um arquivo no WP Media Folder e vê-lo no OneDrive. Isso também significa que você pode gerenciar arquivos WP Media Folder a partir do seu desktop usando o software de sincronização OneDrive.

A integração do WP Media Folder Onedrive permite que você execute 3 tipos de ações com sua mídia:

  • Importar mídia do OneDrive no WP Media Folder (funciona automaticamente após a conexão)
  • Importar mídia do OneDrive para a biblioteca de mídia do WordPress

 

WordPress-Import-Media-OneDrive

 

  • Incorporar a mídia do OneDrive em seu conteúdo diretamente. Nesse caso, a mídia será carregada no conteúdo do OneDrive, não do servidor.

 

incorporar-OneDrive-image

 

V. INTEGRAÇÃO DE NEGÓCIOS ONEDRIVE

5.1 Registro do Aplicativo Corporativo do Microsoft OneDrive


A integração do OneDrive Business é distribuída como um addon separado. Você precisa instalar este complemento (plugin) além do WP Media Folder. O addon inclui integração para o Google Drive, Dropbox, OneDrive Personal e Amazon S3 também.

Primeiro, você precisa de um aplicativo do Microsoft Azure para conectar seu site a uma conta do OneDrive Business. Vamos para https://portal.azure.com/, faça o login e clique em Novo registro botão.

 

add-microsoft-app

 

Em Registrar um formulário de inscrição, configure um nome de aplicativo e copie o URL do site no Campo de URL de redirecionamento e clique no registo botão.

 

registrar-app-business


 
Você está quase pronto - a partir daqui você tem um ID de aplicativo (ID do cliente), apenas a senha está faltando. No menu à esquerda, vá para Certificados e segredos, depois clique no Novo segredo do cliente botão para criar um. Depois disso, preencha o Descrição e definir o Expira por isso.

 

new-password-1

 

Uma senha (Client Secret) é gerada imediatamente após pressionar Adicionar botão; Copie-o porque você precisará dele em breve.

 

novo-senha-negócio


5.2 Faça o login no OneDrive Business a partir do WP Media Folder


Volte para o painel do WordPress e clique no menu Configurações> WP Media Folder> Nuvem> guia do OneDrive> configurações do OneDrive Business.

Por favor, selecione o seu Tipo de link de mídia:

  • Link público: gerar um link acessível ao público para seus arquivos e afetar os direitos apropriados nos arquivos da nuvem (link compartilhado)
  • Link privado: Link AJAX, oculte o link da nuvem para manter o acesso original à direita do seu arquivo (os usuários precisam de um login para visualizar as imagens)

 

tipo de link de mídia

 

Em seguida, cole o seguinte nos campos do formulário:

  • ID do Cliente
  • Segredo do Cliente

 

credenciais-copy-business

 

Depois disso, salve a configuração e aperte o botão Conecte o OneDrive Business botão.

 

conexão-onedrive-business

 

Você terá que validar a autorização de acesso para conceder acesso ao WordPress; apenas clique sim na nova janela.

 

autorização de aplicativo

 

A conexão deve ser um sucesso ☺ Se for bem-sucedida, você poderá criar pastas e subpastas no OneDrive Business e no WP Media Folder - tudo será sincronizado automaticamente!

5.3 Como isso funciona? O que posso fazer com o OneDrive Business?

Como funciona?

O OneDrive Business pode sincronizar pastas e subpastas e arquivos na sua interface WP Media Folder e o mesmo é possível ao contrário (do WP Media Folder ao OneDrive Business).


Quais são as direções de sincronização?

Funciona em ambas as direções! Você pode adicionar um arquivo ao OneDrive Business e vê-lo no WP Media Folder ou adicionar um arquivo no WP Media Folder e vê-lo no OneDrive Business. Isso também significa que você pode gerenciar arquivos WP Media Folder a partir do seu desktop usando o software de sincronização OneDrive.

A integração do WP Media Folder Onedrive Business permite que você execute 3 tipos de ações com sua mídia:

  • Importar mídia do OneDrive Business no WP Media Folder (funciona automaticamente após a conexão)
  • Importe mídia do OneDrive Business para a biblioteca de mídia do WordPress

 

Import-Media-OneDrive-business

 

  • Incorpore a mídia do OneDrive Business em seu conteúdo diretamente. Nesse caso, a mídia será carregada no seu conteúdo do OneDrive Business, não do seu servidor.

 

incorporar-OneDrive-business-image

 

VI. INTEGRAÇÃO AMAZON S3

6.1 Criar um usuário do IAM


A integração do Amazon S3 com o WP Media Folder está incluída no complemento. Você precisa instalar este complemento (plugin) além do WP Media Folder. O addon inclui integração para o Google Drive, Dropbox e OneDrive também.

Primeiro, você precisa fazer o login para Amazon Console ou inscreva-se se você não tiver uma conta do AWS S3.

Depois de efetuar login no console, você precisará criar um novo usuário do IAM. Então vá para o Página de usuários do IAM no AWS Console, clique no botão Adicionar usuário.

Em seguida, insira um nome para o usuário e marque a caixa de seleção Acesso programático como tipo de acessoe clique no Próximo: permissões botão.

 

criar usuário

 

Para permitir que o novo usuário gerencie blocos e objetos no serviço S3, você precisa conceder permissões específicas. Clique no "Anexar políticas existentes diretamente" e insira “S3” na caixa de entrada de políticas de filtro. Selecione a política “AmazonS3FullAccess” e clique no botão Próximo: Tags botão.

 

permissão do usuário

 

Você pode pular esta etapa ou adicionar sua chave, se necessário. Então clique no Próximo: botão Rever.

 

adicionar etiqueta

 

Se tudo parece bom, clique no Criar usuário botão.

 

revisão-usuário

 

Uma tela de segurança será exibida com credenciais de segurança para o usuário, que consiste em uma ID de chave de acesso e uma chave de acesso secreta. A Amazon não mostrará isso novamente, então faça o download deles como .csv e copie-os em algum lugar seguro. Se você os perder, poderá sempre criar um novo conjunto de chaves a partir do console, mas não poderá recuperar a chave secreta novamente mais tarde.

 

aws-s3-key

 

 

6.2 Faça o login no Amazon S3 a partir do WP Media Folder

Volte para o painel do WordPress e clique no menu Configurações> WP Media Folder> Cloud> Amazon S3 aba. Cole o seguinte nos campos de formulário:

  • ID da chave de acesso
  • Chave de acesso secreto

 

chave de entrada

 

Depois disso, salve as configurações e a conexão deve ser um sucesso. Por favor, vá para a próxima etapa para descobrir os recursos do AWS S3.

 

6.3 Como isso funciona? O que posso fazer com o Amazon S3?

Como funciona?

Depois de conectar WP Media Folder com o Amazon S3 e habilitar Copiar para o Amazon S3 opção, todas as suas novas mídias enviadas serão enviadas para o Amazon S3.

 

cópia para aws

 

Lembre-se de criar e selecionar o bloco onde todos os seus dados serão armazenados.

 

criar-balde

 

E se você quiser sincronizar sua mídia carregada antes de usar a integração do Amazon S3, clique em Sincronize com o Amazon S3 botão. Em seguida, ele enviará toda a sua biblioteca de mídia existente para o seu bucket do S3.

Nota: Quando você faz essa ação, a URL da sua mídia será substituída pelo URL do Amazon S3. Por favor, veja o exemplo abaixo.
De https://joomunited.com/wp-content/uploads/2019/02/image.jpg para >> https://s3-us-west-1.amazonaws.com/joom-united/WP+Media+Folder+ - + eStore / wp-content / uploads / 2019/02 / image.jpg

 

Para descarregar a mídia em seu site, você deve ativar Remover após o upload do Amazon S3 opção, sua biblioteca de mídia será completamente armazenada no Amazon S3 em vez do seu servidor.

 

offload-media-amazon-s3

 

Ao ativar Rótulo de anexo da Amazon opção, as informações em cada mídia serão exibidas quando você passar o mouse sobre o rótulo aws3 no canto superior esquerdo.

 

rótulo amazon

 

Quando você quiser alterar a localização da mídia ou remover o plug-in, clique em Recuperar a mídia do Amazon S3 botão, então todas as suas mídias serão copiadas da Amazon para sua biblioteca de mídia. Todos os links anteriores adicionados ao seu conteúdo permanecerão no lugar (sem link quebrado).

 

recuperar-aws

 

VII. PDF INCORPORADO NO CONTEÚDO DO WORDPRESS

Você pode incorporar arquivos PDF em seu conteúdo. Isso significa exibir o PDF ao longo do restante do conteúdo do WordPress, e não simplesmente um link de download. Você obterá visualizações completas dos documentos PDF e o recurso de incorporação manipulará várias páginas de navegação com design responsivo.

Basta abrir um documento PDF em seu gerenciador de mídia e olhar na parte inferior da coluna da direita para a configuração PDF incorporado - ligá-lo.

 

PDF-embed

 

Desta forma, o documento PDF será exibido em vez de um link de download.

Incorporar PDF ao usar o Amazon S3

Você precisa configurar um pouco para incorporar arquivos PDF em seu conteúdo, se estiver usando o Amazon S3. Por favor, siga estes passos abaixo.

Primeiro, você navega até o console da AWS e encontra a área de configuração do S3. Depois disso, selecione o intervalo que você está usando para armazenar seus ativos e selecione Permissões seção em uma janela pop-up.

 

pdf-permissão

 

Na guia "Permissões", clique no botão "Adicionar CORS Configuration". A AWS fornecerá uma configuração XML padrão que deve funcionar corretamente:

<CORSConfiguration>
<CORSRule>
<AllowedOrigin> * </AllowedOrigin>
<AllowedMethod> PEGUE </AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader> Autorização </AllowedHeader>
</CORSRule>
</CORSConfiguration>

No entanto, você pode preferir limitar o acesso ao domínio do seu próprio site WordPress, por motivos de segurança:

<CORSConfiguration>
<CORSRule>
<AllowedOrigin> http://www.mysite.com </AllowedOrigin>
<AllowedOrigin> https://www.mysite.com </AllowedOrigin>
<AllowedMethod> PEGUE </AllowedMethod>
<AllowedMethod> CABEÇA </AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader> Autorização </AllowedHeader>
</CORSRule>
</CORSConfiguration>

 

pdf-config

 

Você precisa colar o código XML acima na área de texto. Lembre-se de clicar em Salve  botão, agora você pode incorporar arquivos PDFs no conteúdo. Boa sorte!

 

VIII. SINCRONIZAÇÃO

Para definir o método de sincronização e a periodicidade de sincronização para as pastas na nuvem, vá para Configurações> WP Media Folder> Nuvem> guia Sincronização.

  • Método de Sincronização: O método de sincronização da nuvem. O padrão é AJAX, apenas usuário avançado.
    • Use Curl
    • Use Ajax
    • URL do Crontab
  • Sincronização periodicidade: Atraso de sincronização automática de conteúdo na nuvem. O padrão é 5 minutos.

 

configurações de sincronização

 

No painel WP Media Folder, haverá um ícone de sincronização além da pasta principal da nuvem durante a sincronização.

 

símbolo de sincronização

 

E se você pressionar manualmente o Executar sincronização completa clicando com o botão direito do mouse na pasta da nuvem, uma mensagem de notificação será exibida no canto superior direito.

 

sync-cloud-folders