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

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

1. WP Media Folder内のGoogleドライブにログインします

統合を完了するには、WordPressダッシュボードに戻り、メニューの[設定]>[ WP Media Folder [クラウド]>[Googleドライブ]タブをクリックします。 まず、画像のサムネイルを設定できます。

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

 

generate-image-thumbnail

 

次に、ドライブタイプを選択できます。

  • 私のドライブ：個人アカウントを使用する
  • 共有ドライブ：  GSuiteアカウントを使用する

 

ドライブタイプ

 

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

  • パブリックリンク：ファイルのパブリックアクセス可能なリンクを生成し、クラウドファイルの適切な権限に影響を与えます（共有リンク）。 例：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ドライブサーバーに接続するときに多くの時間を節約できます。 [メニュー設定]> [一般]でJoomunitedアカウントをリンクする必要があります。まだ接続していない場合は WordPress設定をクリックしてください

 

unconnected-google-drive

 

次に、プラグインの[設定]>[ WP Media Folder [クラウド]>[Googleドライブ]タブ、右隅にある Googleドライブに接続クリックし

 

connect-auto-google-drive

 

次に、次の手順に従って接続を終了します。

 

コネクテッドオートグーグルドライブ

 

とても早いですね。 はい、それはわかっています。 :)  


手動モード

前の手順の認証情報を使用して、[Google ドライブ] タブに認証情報を貼り付けます。

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

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

 

グーグルログイン

 

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

 

Google-API-許可

 

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

 

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

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

WP Media Folder Google ドライブ上にサイト名のルート フォルダーを生成します

 

google-drive-folder

 

WP Media Folder に追加されたすべてのフォルダーとサブフォルダーは、( WP Media Folder - {sitename})の下で同期されます 逆も同様で、 ルート フォルダーが Wordpress のメディア ライブラリに同期されます。

 

同期の方向は何ですか?

それは両方向で動作します！ Googleドライブからファイルを追加してWP Media Folderに表示するか、 WP Media Folderファイルを追加してWP Media Folderに表示することができます。 また、Googleドライブ同期ソフトウェアを使用してデスクトップからWordPressファイルを管理できることも意味します。 それはクレイジーです-私たちは知っています！ ☺

 

Googleドライブ同期

 

WP Media Folder Google Drive 統合により、メディアに対して 2 種類のアクションが可能になります。

最初のオプションは、 Google ドライブ メディアをWP Media Folderに(インポート用のフォルダーを選択します)。

 

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

 

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

 

埋め込み-Googleドライブ

 

エラーを取り除きます: エラー: 「 WP Media Folderを Google Drive に接続するときに無効なスコープです」

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

この場合、アプリは次のプロセスに従って Google から承認を受ける必要があります: https://support.google.com/code/contact/oauth_app_verification

 

OAuth-Developer-Verification-Form

 

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


アドオンには Google ドライブとWP Media Folderの統合が含まれています。 WP Media Folderに加えて、このアドオン (プラグイン) をインストールする必要があります。 このアドオンには、Google Photo、Dropbox、 OneDrive Personal、 OneDrive Business、Amazon S3、DigitalOcean、Linode、Wasabi の統合も含まれています。

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

 

作成プロジェクト1

 

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

 

プロジェクト名

 

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

 

イネーブルドライブAPI

 

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

 

メニュー-API-サービス

 

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

 

o認証-Googleドライブ

 

さて、最も重要なステップは次のとおりです。

  • 「Webアプリケーション」を選択し、任意の名前を追加します
  • 承認された JavaScript のオリジン: https://your-domain.com (末尾のスラッシュを除いて、ドメイン名に置き換えます)
  • 承認されたリダイレクトURI： https
    （ドメイン名に置き換えてください）

 

アプリの認証情報

 

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

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

 

OAuth ユーザータイプ

 

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

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

 

同意画面

 

「運用」で検証したくない場合は、公開ステータスを「テスト」。テストモードでは[テスト ユーザー] セクションに Gmail アドレスを追加してください。 「ユーザーを追加」クリックしてユーザーの Gmail を挿入します。

 

 

テストアプリ

 

WP Media Folderの構成に追加するIDとシークレットを取得しました。

 

認証クライアント