WP Media Folder雲插件文檔

介紹

WP Media Folder Addon插件與Dropbox,Google Drive和OneDrive連接,以及嵌入PDF文件等新功能到WordPress的本地媒體管理器。

 

雲橫幅,插件

 

I. WP MEDIA FOLDER雲添加安裝

1.1安裝

WP Media Folder Cloud插件是一個單獨的插件,需要單獨激活。 為了安裝我們的插件,您應該使用標準的WordPress安裝程序,或者解壓縮插件並將文件夾放在/ wp-content / plugin中。

 

安裝-WP-媒體文件夾

 

然後點擊 激活插件 看到WP Media Folder Cloud Addon菜單出現在WordPress的側邊菜單中。

可以從媒體菜單和編輯器上方的媒體按鈕訪問WP Media Folder插件。 您還可以在“設置”菜單下找到參數。

 

1.2更新插件

要更新WP Media Folder Cloud插件,您可以使用WordPress默認更新程序。 您也可以從www.joomunited.com下載的.zip文件中刪除它並安裝新版本。 在任何情況下,您都不會丟失任何內容,因為所有內容都存儲在數據庫中。

 

WPMF  - 附加更新

 

請務必始終使用最新版本以避免安全性和穩定性問題。

要更新到付費版本,您需要從WordPress設置登錄您的JoomUnited帳戶: 設置>常規

 

鏈接帳戶

 

然後使用您的JoomUnited帳戶的登錄名和密碼。 成功登錄後,該按鈕將隨文本變為藍色 斷開我的JoomUnited帳戶.

 

image9

 

通過這種方式,您可以使用WordPress標準更新程序更新所有JoomUnited商業插件。

 

wpmf-addon-update1

 

II。 連接GOOGLE DRIVE

2.1創建Google雲端硬盤應用


Google Drive與WP Media Folder的集成包含在附加組件中。 除了WP Media Folder之外,您還需要安裝此附加組件(插件)。 該插件還包括Dropbox,OneDrive Personal,OneDrive Business和Amazon S3的集成。

首先,要使用Google雲端硬盤,您需要使用Google開發應用來連接您的網站。 去 https://console.developers.google.com/project 並創建一個新項目。

 

image79

 

然後設置項目名稱 - 您可以提供所需的任何名稱,但不包括空格或重音。

 

image31


然後等待幾秒鐘來創建項目。

 

image62

 

如果您是第一次使用Google Drive API,則需要將其激活。

 

使驅動器的API

 

從左側菜單中,單擊“API Manager”。

 

image53


從左側菜單中,導航至 “憑據”>>“新憑據”>> OAuth客戶端ID; 如果詢問,請在OAuth許可屏幕中添加名稱。

 

OAuth的谷歌驅動器


現在,最重要的一步:

  • 選擇“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和秘密添加WP Media Folder的配置。

2.2在WP Media Folder中登錄Google雲端硬盤


然後返回WordPress管理員並單擊菜單 設置> WP Media Folder>雲> Google雲端硬盤選項卡。

請選擇你的 媒體鏈接類型:

  • 公共鏈接:來自Google雲端硬盤的直接鏈接(分享鏈接)
  • 私人鏈接:AJAX鏈接。

 

媒體連桿式

 

之後,你可以粘貼你的

  • 客戶ID
  • 客戶秘密

保存配置並單擊 連接Google雲端硬盤按鈕.

 

谷歌登錄

 

如果您沒有犯任何錯誤,您應該在新窗口中驗證授權,如下所示:

 

谷歌的API,允許

 
連接應該是成功的☺如果成功,您可以直接從WordPress的媒體管理器創建和管理Google Drive媒體。

 

2.3我可以使用Google雲端硬盤媒體做什麼?

它是如何工作的?

WP Media Folder將使用站點名稱在您的Google雲端硬盤上生成根文件夾。

 

谷歌驅動器,文件夾


WP Media Folder Google雲端硬盤中添加的所有文件夾和子文件夾都將在此文件夾下同步。

 

什麼是同步方向?

它在兩個方向都有效! 您可以從Google雲端硬盤添加文件並在WP Media Folder中查看,或在WP Media Folder中添加文件並在Google雲端硬盤中查看。 這也意味著您可以使用Google Drive同步軟件從桌面管理WordPress文件。 那太瘋狂了 - 我們知道! ☺

 

谷歌驅動同步

 

WP Media Folder Google Drive集成允許您對媒體執行以下兩種操作:

第一個選擇是 導入Google雲端硬盤媒體 在WP Media Folder中(導入文件夾選擇)。

 

進口介質谷歌驅動器

 

第二種選擇是 嵌入Google雲端硬盤媒體 直接在你的內容中。 在這種情況下,媒體將從Google雲端硬盤加載,而不是從您的服務器加載。

 

嵌入-谷歌驅動

 

擺脫錯誤:錯誤:“將WP Media Folder與Google雲端硬盤連接時,invalid_scope”

谷歌最近推出了一個新的安全層,迫使應用程序得到驗證。 如果您使用自己的Google帳戶創建了應用,然後使用相同的帳戶從WordPress登錄,則不會看到此錯誤。
只有當您使用Google帳戶創建應用並嘗試使用其他帳戶從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的集成。

首先,您需要一個Dropbox應用程序將您的網站連接到Dropbox帳戶。 去 https://www.dropbox.com/developers 並創建一個新的應用程序。

 

創建-Dropbox的應用程序內

 

然後設置應用類型: “Dropbox API”,“完整保管箱” 要么 “App文件夾” 並提供 應用名稱.

Full Dropbox: 來自WP Media Folder的文件類別將作為文件夾添加到Dropbox帳戶的根目錄中(一個網站=一個Dropbox帳戶)。
“App文件夾”: 所有文件夾/文件將存儲在一個文件夾下(以避免Dropbox帳戶中的混亂)。

 

Dropbox的-APP-信息

 
你差不多完成了 - 你的應用程序已經創建,你有你的應用程序密鑰和秘密。

 

應用程序創建,保管箱


3.2在WP Media Folder中登錄Dropbox


要完成集成,請返回WordPress儀表板並單擊菜單 設置> WP Media Folder>雲> Dropbox選項卡。

請選擇你的 媒體鏈接類型:

  • 公共鏈接:來自Dropbox的直接鏈接(分享鏈接)
  • 私人鏈接:AJAX鏈接。

 

媒體連桿式

 

之後,粘貼你的

  • 應用密鑰
  • 應用秘密

那麼你 保存 配置,之後點擊 連接Dropbox按鈕。

 

Dropbox的-WP-連接

 

您必須驗證應用訪問權限的訪問權限 - 只需點擊即可 允許 按鈕。

 

Dropbox的應用程序內,允許

 

最後,將生成授權代碼。 將此代碼複製到WP Media Folder的配置中。

 

複製autho碼

 

連接應該成功☺如果成功,您可以在Dropbox和WP Media Folder中創建文件夾和子文件夾。 一切都會自動同步!

 

3.3它是如何工作的? 我該怎麼辦Dropbox?

它是如何工作的?

Dropbox可以同步WP Media Folder界面上的文件夾或子文件夾和文件,反之亦然(從WP Media Folder到Dropbox)。

 

保管箱的Web


什麼是同步方向?

它在兩個方向都有效! 您可以將文件添加到Dropbox並在WP Media Folder中查看,或使用WP Media Folder添加文件並在Dropbox中查看。 這也意味著您可以使用Dropbox同步軟件從桌面管理WP Media Folder文件。 那太瘋狂了 - 我們知道! ☺

 

Dropbox的,雙向同步

 

WP Media Folder Dropbox集成允許您使用媒體執行兩種類型的操作:

第一個選擇是 導入Dropbox 通過選擇要復制的文件夾在WP Media Folder中顯示媒體。

 

進口的Dropbox文件夾

 

第二種選擇是 嵌入Dropbox 直接在您的內容中的媒體。 在這種情況下,媒體將從Dropbox加載到您的內容中,而不是從您的服務器加載。

 

Dropbox的媒體嵌

 

IV。 ONEDRIVE INTEGRATION

4.1 Microsoft OneDrive應用程序註冊


OneDrive集成作為單獨的插件分發。 除了WP Media Folder之外,您還需要安裝此附加組件(插件)。 該插件還包括Google Drive,Dropbox,OneDrive Business和Amazon S3的集成。

首先,您需要Microsoft Azure應用程序才能將您的網站連接到OneDrive個人帳戶。 去 https://portal.azure.com/,登錄並點擊 新註冊 按鈕。

 

附加微軟應用

 

在註冊申請表時,設置應用程序名稱並將您的網站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 按鈕。

 

連接-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種類型的操作:

  • 在WP Media Folder中導入OneDrive介質(連接後自動工作)
  • 將OneDrive媒體導入WordPress媒體庫

 

WordPress的進口 - 媒體OneDrive

 

  • 將OneDrive媒體直接嵌入您的內容中。 在這種情況下,媒體將從OneDrive加載到您的內容中,而不是從您的服務器加載。

 

嵌入-OneDrive圖像

 

V. ONEDRIVE業務整合

5.1 Microsoft OneDrive業務應用程序註冊


OneDrive Business集成作為單獨的插件分發。 除了WP Media Folder之外,您還需要安裝此附加組件(插件)。 該插件還包括Google Drive,Dropbox,OneDrive Personal和Amazon S3的集成。

首先,您需要Microsoft Azure應用程序才能將您的網站連接到OneDrive Business帳戶。 去 https://portal.azure.com/,登錄並點擊 新註冊 按鈕。

 

附加微軟應用

 

在註冊申請表時,設置應用程序名稱並將您的網站URL複製到 重定向網址字段 然後點擊 寄存器 按鈕。

 

註冊-APP-業務


 
你差不多完成了 - 從這裡你有一個應用程序ID(客戶端ID),只缺少密碼。 在左側菜單中,轉到 證書和秘密,然後點擊 新客戶秘密 按鈕創建一個。 之後,填寫 描述 並設置 過期 為了它。

 

new-password-1

 

按下後立即生成密碼(Client Secret) 按鈕; 複製它,因為你很快就會需要它。

 

新密碼業務


5.2從WP Media Folder登錄OneDrive業務


返回WordPress儀表板並單擊菜單 設置> WP Media Folder>雲> OneDrive選項卡> OneDrive業務設置。 將以下內容粘貼到表單字段中:

  • 客戶ID
  • 客戶秘密

 

證書副本,企業

 

之後,您保存配置並點擊 連接OneDrive業務 按鈕。

 

連接-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種類型的操作:

  • 在WP Media Folder中導入OneDrive Business媒體(連接後自動工作)
  • 將OneDrive Business媒體導入WordPress媒體庫

 

導入 - 媒體OneDrive業務

 

  • 將OneDrive Business媒體直接嵌入您的內容中。 在這種情況下,媒體將從OneDrive Business加載到您的內容中,而不是從您的服務器加載。

 

嵌入-OneDrive企業形象

 

VI。 AMAZON S3集成

6.1創建IAM用戶


Amazon S3與WP Media Folder的集成包含在附加組件中。 除了WP Media Folder之外,您還需要安裝此附加組件(插件)。 該插件還包括Google Drive,Dropbox和OneDrive的集成。

首先,您需要登錄 亞馬遜控制台 如果您沒有AWS S3帳戶,請註冊。

登錄控制台後,您需要創建一個新的IAM用戶。 然後去 IAM用戶頁面 在AWS控制台中,單擊“添加用戶”按鈕。

接下來輸入用戶的名稱,然後選中復選框 程序化訪問作為Access類型,然後單擊 下一篇:權限 按鈕。

 

創建用戶

 

要允許新用戶管理S3服務中的存儲桶和對象,您需要授予特定權限。 點擊 “直接附加現有政策” 按鈕,然後在篩選器策略輸入框中輸入“S3”。 選擇“AmazonS3FullAccess”策略,然後單擊 下一個:標籤 按鈕。

 

用戶權限

 

您可以跳過此步驟或根據需要添加密鑰。 然後點擊 下一頁:查看按鈕。

 

添加標籤

 

如果一切順利,請單擊 創建用戶 按鈕。

 

審核用戶

 

將顯示具有用戶安全憑證的安全屏幕,其包括訪問密鑰ID和秘密訪問密鑰。 亞馬遜不會再顯示這些,所以請將它們下載為.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。

 

複製到AWS

 

請記住創建並選擇存儲所有數據的存儲桶。

 

創建桶

 

如果您想在使用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+ - +網上商店/的wp-content /上傳/ 2019/02 / image.jpg的

 

要卸載您網站上的媒體,您應該啟用 在Amazon S3上傳後刪除 選項,您的媒體庫將完全存儲在Amazon S3而不是您的服務器上。

 

offload-media-amazon-s3

 

通過啟用 亞馬遜附件標籤 選項,當您將鼠標懸停在左上角的aws3標籤上時,將顯示每種媒體上的信息。

 

亞馬遜標籤

 

如果要更改媒體位置或刪除插件,請單擊 檢索Amazon S3 Media 按鈕,然後您的所有媒體將從亞馬遜複製到您的媒體庫。 您內容中添加的所有以前的鏈接都將保留在原位(沒有損壞的鏈接)。

 

檢索-AWS

 

七。 在WORDPRESS內容中嵌入PDF

您可以在內容中嵌入PDF文件。 這意味著在WordPress內容的其餘部分顯示PDF,而不僅僅是下載鏈接。 您將獲得PDF文檔的完整預覽,嵌入功能可處理具有響應式設計的多頁導航。

只需在媒體管理器中打開PDF文檔,然後查看右欄底部的設置 嵌入PDF - 打開它。

 

PDF-嵌入

 

這樣,將顯示PDF文檔而不是下載鏈接。

使用Amazon S3時嵌入PDF

如果使用Amazon S3,您需要配置一點點以在您的內容中嵌入PDF文件。 請按照以下步驟操作。

首先,導航到AWS控制台並找到S3配置區域。 之後,選擇用於存儲資產的存儲桶並選擇 權限 彈出窗口中的部分。

 

PDF-許可

 

在“權限”選項卡下,單擊“添加CORS配置”按鈕。 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-配置

 

您需要在文本區域粘貼上面的XML代碼。 記得點擊 保存 按鈕,現在您可以在內容中嵌入PDF文件。 祝好運!

 

八。 同步

要將同步方法和同步週期設置為雲文件夾,請轉到 設置> WP Media Folder>雲>同步選項卡。

  • 同步方法: 云同步方法。 默認為AJAX,僅限高級用戶。
    • 使用捲曲
    • 使用Ajax
    • Crontab網址
  • 同步週期: 自動雲內容同步延遲。 默認為5分鐘。

 

同步設置

 

在WP Media Folder儀表板上,同步時主雲文件夾旁邊會有一個同步圖標。

 

同步符號

 

如果你手動按下 運行完全同步 右鍵單擊雲文件夾按鈕,右上角會出現一條通知消息。

 

同步雲文件夾