WP Media Folderクラウドアドオンドキュメント

前書き

WP Media Folderアドオンプラグインは、PDFファイルの埋め込みなどの新機能とともに、Dropbox、Google Drive、OneDriveへの接続をWordPressのネイティブメディアマネージャにもたらします。

 

クラウドバナーアドオン

 

I. WP MEDIA FOLDERクラウドアドオンのインストール

1.1インストール

WP Media Folderクラウドアドオンは、個別にアクティブ化する必要がある独立したプラグインです。 このプラグインをインストールするには、標準のWordPressインストーラを使用するか、またはプラグインを解凍して/ wp-content / pluginにフォルダを置く必要があります。

 

install-wp-media-folder

 

それからをクリックしてください プラグインを有効にする WP Media FolderクラウドアドオンメニューがWordPressのサイドメニューに表示されるのを見るため。

WP Media Folderアドオンは、メディアメニューとエディタの上にあるメディアボタンからアクセスできます。 また、 "設定"メニューの下にパラメータがあります。

 

1.2プラグインを更新する

WP Media Folderクラウドアドオンを更新するために、あなたはWordPressデフォルトアップデータを使うことができます。 それを削除して、www.joomunited.comからダウンロードした.zipファイルから新しいバージョンをインストールすることもできます。 いずれにせよ、すべてがデータベースに格納されているため、コンテンツを失うことはありません。

 

wpmf-addon-update

 

セキュリティと安定性の問題を避けるために、常に最新版を入手してください。

有料版に更新するには、WordPress設定からJoomUnitedアカウントにログインする必要があります。 設定>一般

 

リンクアカウント

 

それからJoomUnitedアカウントのログインとパスワードを使用してください。 ログインが成功すると、ボタンはテキストとともに青に変わります。 JoomUnitedアカウントを切断する.

 

image9

 

このようにして、あなたはWordPressの標準的なアップデータを使ってすべてのJoomUnited商用プラグインを更新することができます。

 

wpmf-addon-update1

 

II。 Googleドライブに接続

2.1 Google Driveアプリを作成する


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

まず、Google Driveを使用するには、Webサイトに接続するためのGoogle Dev Appが必要です。 に行く https://console.developers.google.com/project そして新しいプロジェクトを作成します。

 

image79

 

それからプロジェクト名を設定します - あなたは好きな名前を付けることができますが、スペースやアクセントを含んではいけません。

 

image31


それからプロジェクト作成のために数秒待って下さい。

 

image62

 

Google Drive APIを初めて使用する場合は、それをアクティブにする必要があります。

 

enable-drive-api

 

左側のメニューから「API Manager」をクリックします。

 

image53


左のメニューから、 「認証情報」>>「新しい認証情報」>> OAuthクライアントID; 要求されたら、OAuth同意画面に名前を追加してください。

 

oAuth-google-drive


今、最も重要なステップ:

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

 

アプリ認証情報

 

Googleは最近ポリシーを変更しました。 許可ドメイン OAuth同意画面タブ

 

許可ドメイン

 

また、あなたのドメインをで追加する必要があります ドメイン確認タブ クリックしてください ドメインを追加 ボタンと指示に従ってください。

 

ドメイン追加

 

これで、前の手順に戻って資格情報を作成できます。

じゃあ… あなたは自分のIDとSecretにWP Media Folderの設定を追加することができました。

2.2 WP Media FolderでGoogleドライブにログイン


それからWordPress管理者に戻ってメニューをクリックしてください [設定]> [WP Media Folder]> [クラウド]> [Googleドライブ]タブ

選択してください メディアリンクタイプ:

  • 公開リンク: Googleドライブからの直接リンク(リンクの共有)
  • プライベートリンク: AJAXリンク。

 

メディアリンクタイプ

 

その後、あなたはあなたのを貼り付けることができます

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

設定を保存してをクリックします。 Googleドライブに接続ボタン.

 

Googleログイン

 

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

 

google-api-permission

 
接続は成功するはずです☺成功すれば、WordPressのメディアマネージャからGoogle Driveメディアを直接作成および管理できます。

 

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

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

WP Media Folderは、サイト名を使用してGoogleドライブにルートフォルダを生成します。

 

Googleドライブフォルダ


WP Media Folder Googleドライブに追加されたすべてのフォルダとサブフォルダは、このフォルダの下に同期されます。

 

同期の方向は何ですか?

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

 

Googleドライブ同期

 

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

最初の選択肢は Googleドライブのメディアをインポートする WP Media Folder(インポート用のフォルダ選択)

 

import-media-google-drive

 

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

 

埋め込みGoogleドライブ

 

エラーを取り除く:エラー:「GoogleドライブとWP Media Folderを接続するときのinvalid_scope」

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

この場合、このプロセスに従って、Googleの承認を得るにはアプリが必要です。 https://support.google.com/code/contact/oauth_app_verification

 

OAuth開発者確認フォーム

 

III。 DROPBOXの統合

3.1 Dropboxアプリを作成する


Dropboxの統合は別のアドオンとして配布されています。 このアドオン(プラグイン)をWP Media Folderに追加インストールする必要があります。 アドオンには、Google Drive、OneDrive Personal、OneDrive Business、およびAmazon S3への統合も含まれています。

まず、WebサイトをDropboxアカウントに接続するためのDropboxアプリが必要です。 に行く https://www.dropbox.com/developers そして新しいアプリを作成します。

 

create-dropbox-app

 

その後、アプリの種類を設定します。 「Dropbox API」、「Full dropbox」 または 「アプリフォルダ」 提供する アプリ名.

フルDropbox: WP Media Folderのファイルカテゴリは、Dropboxアカウントのルートにフォルダとして追加されます(One website = One Dropboxアカウント)。
「アプリフォルダ」: すべてのフォルダ/ファイルは単一のフォルダの下に保存されます(あなたのDropboxアカウントの混乱を避けるため)。

 

dropbox-app-info

 
あなたはもう終わりです - あなたのアプリは作成され、あなたはあなたのAppキーと秘密を持っています。

 

app-create-dropbox


3.2 WP Media FolderでDropboxにログイン


統合を完了するには、WordPressダッシュボードに戻ってメニューをクリックしてください。 設定> WP Media Folder>クラウド> Dropboxタブ

選択してください メディアリンクタイプ:

  • 公開リンク: Dropboxからの直接リンク(リンクの共有)
  • プライベートリンク: AJAXリンク。

 

メディアリンクタイプ

 

その後、あなたの

  • アプリキー
  • アプリの秘密

次にあなた 保存する 設定後、をクリックしてください [Dropboxを接続]ボタン

 

dropbox-wp-connection

 

あなたはアプリアクセスのためのアクセス許可を検証する必要があります - 単にクリックしてください 許可する ボタン。

 

dropbox-app-allow

 

最後に、認証コードが生成されます。 このコードをWP Media Folderの設定にコピーします。

 

コピー認証コード

 

接続は成功するはずです☺成功すると、DropboxとWP Media Folderにフォルダとサブフォルダを作成できます。 すべてが自動的に同期されます。

 

3.3どうやって動くの? Dropboxで何ができますか?

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

DropboxはあなたのWP Media Folderインターフェース上のフォルダーまたはサブフォルダーとファイルを同期させることができ、同じことが他の方法でも可能です(WP Media FolderからDropboxへ)。

 

dropbox-web


同期の方向は何ですか?

両方向に機能します。 ファイルをDropboxに追加してWP Media Folderで見ることも、WP Media Folderを使ってファイルを追加してDropboxで見ることもできます。 それはまたあなたがDropboxの同期ソフトウェアを使用してあなたのデスクトップからWP Media Folderファイルを管理できることを意味します。 それはクレイジーです - 私たちは知っています! ☺

 

Dropboxの双方向同期

 

WP Media Folder Dropboxの統合により、メディアで2種類のアクションを実行できます。

最初の選択肢は Dropboxをインポートする コピーするフォルダを選択してメディアをWP Media Folderにコピーします。

 

import-dropbox-folder

 

2番目の方法は Dropboxを埋め込む あなたのコンテンツに直接メディア。 この場合、メディアはサーバーからではなく、Dropboxからコンテンツにロードされます。

 

dropbox-media-embed

 

IV。 ONEDRIVE INTEGRATION

4.1 Microsoft OneDriveアプリケーション登録


OneDrive統合は別のアドオンとして配布されています。 あなたはWP Media Folderに加えてこのアドオン(プラグイン)をインストールする必要があります。 アドオンには、Google Drive、Dropbox、OneDrive Business、Amazon S3への統合も含まれています。

まず、WebサイトをOneDrive Personalアカウントに接続するには、Microsoft Azure Appが必要です。 に行く https://portal.azure.com/、ログインしてクリック 新規登録 ボタン。

 

add-microsoft-app

 

申込書の登録で、アプリ名を設定し、ウェブサイトのURLを リダイレクトURLフィールド をクリックして 登録 ボタン。

 

登録アプリ


 
もう終わりです - ここからあなたはアプリケーションID(クライアントID)を持っています、パスワードだけがありません。 左側のメニューで、に進みます。 証明書と秘密をクリックして 新しいクライアントの秘密 作成するためのボタン。 その後、記入 説明 そして設定します 有効期限 それのための。

 

new-password-1

 

を押した直後にパスワード(Client Secret)が生成されます 追加する ボタン; すぐに必要になるので、コピーしてください。

 

new-password-2


4.2 WP Media FolderからOneDriveにログイン


WordPressダッシュボードに戻ってメニューをクリックしてください。 設定> WP Media Folder>クラウド> OneDriveタブ> OneDrive個人設定.

選択してください メディアリンクタイプ:

  • 公開リンク: OneDriveからの直接リンク(共有リンク)
  • プライベートリンク: AJAXリンク。

 

メディアリンクタイプ

 

その後、以下をフォームフィールドに貼り付けます。

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

 

信任状コピー

 

その後、設定を保存して OneDriveを接続する ボタン。

 

コネクトオンドライブ

 

WordPressへのアクセスを許可するには、アクセス許可を検証する必要があります。 はいをクリックするだけです。 新しいウィンドウで

 

アプリ認証

 

接続は成功するはずです☺成功すると、OneDriveとWP Media Folderにフォルダとサブフォルダを作成できます。すべてが自動的に同期されます。

4.3どうやって動くの? OneDriveを使って何ができますか?

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

OneDriveはあなたのWP Media Folderインターフェース上のフォルダーとサブフォルダーとファイルを同期させることができ、同じことが他の方法でも可能です(WP Media FolderからOneDrive)。


同期の方向は何ですか?

両方向に機能します。 ファイルをOneDriveに追加してWP Media Folderに表示することも、ファイルをWP Media Folderに追加してOneDriveに表示することもできます。 また、OneDrive同期ソフトウェアを使用してデスクトップからWP Media Folderファイルを管理できることを意味します。

WP Media Folder Onedrive統合により、メディアで3種類のアクションを実行できます。

  • OneDriveメディアをWP Media Folderにインポートする(接続後に自動的に機能します)
  • OneDriveメディアをWordPressメディアライブラリにインポートする

 

WordPress  - インポート - メディア -  OneDrive

 

  • OneDriveメディアをコンテンツに直接埋め込む この場合、メディアはサーバーからではなくOneDriveからコンテンツにロードされます。

 

OneDriveイメージを埋め込む

 

V.個人事業の統合

5.1 Microsoft OneDriveビジネスアプリケーション登録


OneDrive Business統合は、独立したアドオンとして配布されています。 あなたはWP Media Folderに加えてこのアドオン(プラグイン)をインストールする必要があります。 アドオンには、Google Drive、Dropbox、OneDrive Personal、Amazon S3への統合も含まれています。

まず、WebサイトをOneDrive Businessアカウントに接続するには、Microsoft Azure Appが必要です。 に行く https://portal.azure.com/、ログインしてクリック 新規登録 ボタン。

 

add-microsoft-app

 

申込書の登録で、アプリ名を設定し、ウェブサイトのURLを リダイレクトURLフィールド をクリックして 登録 ボタン。

 

アプリ登録事業


 
もう終わりです - ここからあなたはアプリケーションID(クライアントID)を持っています、パスワードだけがありません。 左側のメニューで、に進みます。 証明書と秘密をクリックして 新しいクライアントの秘密 作成するためのボタン。 その後、記入 説明 そして設定します 有効期限 それのための。

 

new-password-1

 

を押した直後にパスワード(Client Secret)が生成されます 追加する ボタン; すぐに必要になるので、コピーしてください。

 

新パスワード事業


5.2 WP Media FolderからOneDrive Businessにログイン


WordPressダッシュボードに戻ってメニューをクリックしてください。 設定> WP Media Folder>クラウド> OneDriveタブ> OneDriveビジネス設定.

選択してください メディアリンクタイプ:

  • 公開リンク: OneDrive Businessからの直接リンク(共有リンク)
  • プライベートリンク: AJAXリンク。

 

メディアリンクタイプ

 

次に、フォームフィールドに以下を貼り付けます。

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

 

信任状コピー事業

 

その後、設定を保存して OneDriveビジネスを接続する ボタン。

 

コネクトオンドライブ事業

 

WordPressへのアクセスを許可するには、アクセス許可を検証する必要があります。 はいをクリックするだけです。 新しいウィンドウで

 

アプリ認証

 

接続は成功するはずです☺成功すると、OneDrive BusinessとWP Media Folderでフォルダーとサブフォルダーを作成できます。すべてが自動的に同期されます。

5.3どうやって動くの? OneDrive Businessで何ができますか?

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

OneDrive Businessは、WP Media Folderインターフェイス上のフォルダー、サブフォルダー、およびファイルを同期させることができ、同じことが他の方法でも可能です(WP Media FolderからOneDrive Businessへ)。


同期の方向は何ですか?

両方向に機能します。 ファイルをOneDrive Businessに追加してWP Media Folderに表示することも、ファイルをWP Media Folderに追加してOneDrive Businessに表示することもできます。 また、OneDrive同期ソフトウェアを使用してデスクトップからWP Media Folderファイルを管理できることを意味します。

WP Media Folder Onedrive Business統合により、メディアで3種類のアクションを実行できます。

  • OneDrive BusinessメディアをWP Media Folderにインポートする(接続後に自動的に機能します)
  • OneDrive BusinessメディアをWordPressメディアライブラリにインポートする

 

輸入メディアOneDriveビジネス

 

  • OneDrive Businessメディアをコンテンツに直接埋め込んでください。 この場合、メディアはサーバーからではなく、OneDrive Businessからコンテンツに読み込まれます。

 

OneDriveビジネスイメージの埋め込み

 

VI。 アマゾンS3の統合

6.1 IAMユーザーを作成する


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

まず、あなたはにログインする必要があります Amazonコンソール AWS S3アカウントをお持ちでない場合はサインアップしてください。

コンソールにログインしたら、新しいIAMユーザーを作成する必要があります。 次に行きます IAMユーザーページ AWSコンソールで、[ユーザーの追加]ボタンをクリックします。

次にユーザーの名前を入力して、のチェックボックスをオンにします。 アクセスタイプとしてのプログラムによるアクセスをクリックして 次へ:パーミッション ボタン。

 

ユーザーを作成

 

新しいユーザーがS3サービスのバケットとオブジェクトを管理できるようにするには、特定の権限を付与する必要があります。 クリックしてください 「既存のポリシーを直接添付する」 ボタンをクリックし、フィルタポリシー入力ボックスに「S3」と入力します。 「AmazonS3FullAccess」ポリシーを選択してから、 次条:タグ ボタン。

 

ユーザー許可

 

必要に応じてこのステップを飛ばしたりキーを追加したりできます。 次にをクリックします 次へ:レビューボタン

 

タグ付けする

 

すべてうまくいったら、をクリックしてください。 ユーザーを作成 ボタン。

 

レビューユーザー

 

セキュリティ画面が表示され、アクセスキーIDとシークレットアクセスキーで構成されます。 Amazonはこれを二度と表示しないので、それらを.csvとしてダウンロードして、安全な場所にコピーしてください。 紛失した場合は、いつでもコンソールから新しいキーセットを作成できますが、後で秘密キーを取得することはできません。

 

aws-s3-key

 

 

6.2 WP Media FolderからAmazon S3にログイン

WordPressダッシュボードに戻ってメニューをクリックしてください。 設定> WP Media Folder>クラウド> Amazon S3 タブ。 以下をフォームフィールドに貼り付けます。

  • アクセスキーID
  • 秘密のアクセスキー

 

入力キー

 

その後、設定を保存すると、接続は成功するはずです。 次のステップに進んでAWS S3の機能を見つけてください。

 

6.3どうやって動くの? Amazon S3で何ができますか?

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

WP Media FolderをAmazon S3に接続して有効にしたら Amazon S3にコピーする オプションとして、アップロードされたすべての新しいメディアはAmazon S3に送信されます。

 

awへのコピー

 

すべてのデータが保存されるバケットを作成して選択することを忘れないでください。

 

バケット作成

 

Amazon S3統合を使用する前にアップロードしたメディアを同期したい場合は、をクリックしてください。 Amazon S3と同期する ボタン。 その後、既存のすべてのメディアライブラリをS3バケットに送信します。

注意: このアクションを実行すると、メディアのURLはAmazon S3のURLに置き換えられます。 下記の例をご覧ください。
https://joomunited.com/wp-content/uploads/2019/02/image.jpgから>> https://s3-us-west-1.amazonaws.com/joom-united/WP+Media+Folder+まで - + eStore / wp-content / uploads / 2019/02 / image.jpg

 

あなたのサイトのメディアをオフロードするためには、有効にする必要があります。 Amazon S3アップロード後に削除 オプションとして、メディアライブラリはサーバーではなくAmazon S3に完全に保存されます。

 

offload-media-amazon-s3

 

有効にする Amazonの添付ファイルラベル オプションを選択すると、左上のaws3ラベルの上にマウスを移動すると各メディアの情報が表示されます。

 

アマゾンラベル

 

メディアの場所を変更したりプラグインを削除したい場合は、をクリックしてください。 Amazon S3メディアを取得する ボタンをクリックすると、すべてのメディアがAmazonからあなたのメディアライブラリにコピーされます。 コンテンツに追加された以前のリンクはすべてそのまま残ります(リンク切れはありません)。

 

検索AW

 

VII。 WordPressのコンテンツに埋め込まれたPDF

あなたのコンテンツにPDFファイルを埋め込むことができます。 これは、単なるダウンロードリンクではなく、残りのWordPressコンテンツに沿ってPDFを表示することを意味します。 あなたはPDF文書の完全なプレビューを得るでしょう、そして埋め込み機能は敏感なデザインで複数のページナビゲーションを取り扱います。

メディアマネージャでPDF文書を開き、右側の列の一番下の設定を見てください。 PDFを埋め込む - それをオン。

 

PDF埋め込み

 

このようにして、ダウンロードリンクの代わりにPDF文書が表示されます。

Amazon S3を使用するときにPDFを埋め込む

Amazon S3を使用している場合は、コンテンツにPDFファイルを埋め込むように少し設定する必要があります。 以下の手順に従ってください。

まず、AWSコンソールに移動してS3設定領域を見つけます。 その後、アセットを保存するために使用しているバケットを選択して、 許可 ポップアップウィンドウのセクション。

 

pdf許可

 

[Permissions]タブの[Add CORS Configuration]ボタンをクリックします。 AWSは、正常に動作するはずのデフォルトのXML設定を提供します。

<CORSConfiguration>
<CORSRule>
<AllowedOrigin> * </AllowedOrigin>
<AllowedMethod>取得する</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader>認可</AllowedHeader>
</CORSRule>
</CORSConfiguration>

ただし、セキュリティ上の理由から、自分のWordPressサイトのドメインへのアクセスを制限することをお勧めします。

<CORSConfiguration>
<CORSRule>
<AllowedOrigin> http://www.mysite.com </AllowedOrigin>
<AllowedOrigin> https://www.mysite.com </AllowedOrigin>
<AllowedMethod>取得する</AllowedMethod>
<AllowedMethod>頭</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader>認可</AllowedHeader>
</CORSRule>
</CORSConfiguration>

 

pdf-config

 

上記のXMLコードをテキスト領域に貼り付ける必要があります。 をクリックすることを忘れないでください 保存する ボタンをクリックすると、PDFファイルをコンテンツに埋め込むことができます。 がんばろう!

 

VIII。 同期

同期方法と同期周期をクラウドフォルダに設定するには、にアクセスしてください。 設定> WP Media Folder>クラウド>同期タブ。

  • 同期方法: クラウド同期方法 デフォルトはAJAX、上級ユーザーのみです。
    • カールを使用
    • Ajaxを使う
    • クロンタブのURL
  • 同期の周期性: 自動クラウドコンテンツ同期遅延。 デフォルトは5分です。

 

同期設定

 

WP Media Folderダッシュボードでは、同期時にメインクラウドフォルダーの横に同期アイコンが表示されます。

 

同期シンボル

 

手動で押すと 完全同期を実行する クラウドフォルダを右クリックしてボタンをクリックすると、通知メッセージが右上隅に表示されます。

 

同期クラウドフォルダ