メイン コンテンツにスキップ

WP Media Folder アドオン: Google ドライブの統合

1. WP Media FolderでGoogle Driveにログインする

統合を完了するには、WordPressダッシュボードに戻り、メニューの「設定」> WP Media Folder >「クラウドとメディアのオフロード」>「Googleドライブ」タブをクリックします。まず、画像のサムネイルを設定します。

画像サムネイルを生成：このオプションを選択すると、画像のサムネイルが生成され、クラウドアカウントに保存されます。画像のサムネイルはWordPressの設定に従って生成され、画像を埋め込む際に使用されます（パフォーマンス向上のため）。

 

画像サムネイルを生成する

 

ドライブの種類を選択します。

  • マイドライブ:個人アカウントを使用する
  • 共有ドライブ:  G Suite アカウントを使用する

 

ドライブタイプ

 

次に、ページまたは投稿にクラウド メディアを挿入するときに、デフォルトでメディア リンク タイプを

  • 公開リンク：ファイルへの公開アクセス可能なリンクを生成し、クラウドファイルへの適切な権限を設定します（共有リンク）。例：https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
  • プライベートリンク： AJAXリンク。クラウドリンクを非表示にすることで、ファイルへの元のアクセス権を維持します。例：https://yourdomain.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0

 

メディアリンクタイプ

 

手動モードで Google ドライブ アカウントに接続できます。

手動モード

前の手順で取得した認証情報を使って、Googleドライブタブに

  • クライアントID
  • クライアントシークレット

設定を保存し、 「Google ドライブに接続」ボタン。

 

Googleログイン

 

間違いがない場合は、次のように新しいウィンドウで認証を検証する必要があります。

 

Google API 権限

 

接続は成功するはずです☺ 成功した場合は、WordPress のメディア マネージャーから Google ドライブ メディアを直接作成および管理できます。.

 

2. Google ドライブ メディアで何ができますか?

どのように機能しますか? 

WP Media Folder、サイト名が付いたルート フォルダーを生成します

 

Googleドライブフォルダ

 

WP Media Folder に追加されたすべてのフォルダとサブフォルダは、（ WP Media Folder - {sitename}）に同期されます同様に、 ルートフォルダ、WordPress のメディアライブラリに同期されます。

 

同期の方向は何ですか?

双方向で動作します！Googleドライブからファイルを追加して WP Media Folderで確認することも、 WP Media Folder にファイルを追加してGoogleドライブで確認することもできます。また、Googleドライブ同期ソフトウェアを使用してデスクトップからWordPressファイルを管理することもできます。すごいですよね！☺

 

Googleドライブ同期

 

WP Media Folder Google ドライブ統合により、メディアに対して 2 種類のアクションを実行できます。

最初のオプションは、 Google Drive メディアをWP Media Folder （インポート用のフォルダー選択）に

 

Googleドライブへのメディアのインポート

 

2つ目のオプションは、 Googleドライブのメディアをコンテンツに直接埋め込むことです。この場合、メディアはサーバーではなくGoogleドライブから読み込まれます。

 

Googleドライブに埋め込む

 

エラーを解消する: エラー:「 WP Media Folder Google Drive に接続すると、invalid_scope が発生します」

Googleは最近、アプリの認証を必須とする新しいセキュリティレイヤーを導入しました。Googleアカウントでアプリを作成し、同じアカウントでWordPressにログインした場合、このエラーは表示されません。
このエラーは、Googleアカウントでアプリを作成し、WordPressから別のアカウントでGoogleに接続しようとした場合にのみ表示されます。

この場合、次の手順に従ってアプリを Google から承認してもらう必要があります: https://support.google.com/code/contact/oauth_app_verification

 

OAuth開発者検証フォーム

 

3. Googleドライブアプリを作成する


WP Media Folder とGoogle Driveの連携機能はアドオンに含まれています。WP WP Media Folderに加えて、このアドオン（プラグイン）をインストールする必要があります。このアドオンには、Google Photo、Dropbox、 OneDrive Personal、 OneDrive Business、Amazon S3、DigitalOcean、Linode、Wasabiとの連携機能も含まれています。.

まず、Google ドライブを使用するには、ウェブサイトに接続するための Google Dev アプリが必要です。https ://console.cloud.google.com/、新しいプロジェクトを作成してください。

 

プロジェクト1の作成

 

次にプロジェクト名を設定します。任意の名前を指定できますが、スペースやアクセントは含めないでください。プロジェクトの作成が完了するまで数秒お待ちください。.

 

プロジェクト名

 

Google Drive API を初めて使用する場合は、有効にする必要があります。.

 

ドライブAPIを有効にする

 

左側のメニューから「APIとサービス」

 

メニューAPIサービス

 

左側のメニューから「認証情報」に移動し、メイン パネルで「+ 新しい認証情報」>> OAuth クライアント ID。求められた場合は、OAuth 同意画面に名前を追加します。

 

oAuth-Googleドライブ

 

さて、最も重要なステップ:

  • 「Webアプリケーション」を選択し、任意の名前を追加します
  • 承認された JavaScript オリジン: https://your-domain.com (末尾のスラッシュなしでドメイン名に置き換えてください)
  • 承認されたリダイレクト URI: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated
    (ドメイン名に置き換えてください)

 

アプリの認証情報

 

注意: 「OAuth クライアント ID を作成するには、まず同意画面で製品名を設定する必要があります」という警告が表示された場合は、「同意画面の構成」 「API とサービス」>>「OAuth 同意画面に移動して 「承認済みドメイン」にドメイン名を追加する。

まず、ユーザータイプを選択する必要があります。

 

OAuthユーザータイプ

 

  • 内部:アプリは組織内の G Suite ユーザーに限定されます。
  • 外部:アプリは Google アカウントを持つすべてのユーザーが利用できます。

次に、承認済みドメインを入力し、以下の手順に進んでアプリの登録を完了します。これで前の手順に戻り、 「Webアプリケーション」を選択して認証情報を作成します。

 

同意画面

 

「本番環境」で検証したくない場合は、「テスト」に設定してください。テスト「テストユーザー」 にGmailアドレスを追加してください 「ユーザーを追加」をクリックして、ユーザーのGmailアドレスを入力してください。

 

テストアプリ

 

すると… 出来上がり！ WP Media Folderの設定に追加する ID とシークレットを取得できました。.

 

OAuthクライアント