WP Media Folder addon documentation
- I. WP MEDIA FOLDER ADDON INSTALL
- II. CONNECT GOOGLE DRIVE
- III. DROPBOX INTEGRATION
- IV. EMBED PDF IN WORDPRESS CONTENT
WP media Folder addon plugin brings a connection to Dropbox, Google Drive and a PDF embed features to the WordPress media manager.
I. WP MEDIA FOLDER ADDON INSTALL
The WP Media Folder is a separate plugin that needs to be activated separatelly. In order to install our plugin you should use standard WordPress installer or unzip and put all the folder in /wp-content/plugin.
Then click on activate plugin, to see WP Media Folder menu appear on the WordPress left menu.
1.2 Update the plugin
In order to update the WP Media Folder, you can use the WordPress default updater. You can also remove and install the new version from a .zip file downloaded on www.joomunited.com. In any case you won’t lose any content because everything is database stored.
Be sure to always have the latest version to avoid security and stability problem.
To update the paid version, you need to login to your JoomUnited account from the WordPress settings: Settings > General
Then use your JoomUnited account login and password. After a successful login the button turns to blue with a text Disconnect my JoomUnited account
Then finally, you can update all the JoomUnited commercial plugins from the WordPress standard updated.
1.3 Notification after install
After install you'll get 2 notifications
- Do you want to import the post categories as media folder
- Do you want to import NextGEN galleries as media and folder
Hit Yes to proceed or Dismiss to ignore.
II. CONNECT GOOGLE DRIVE
2.1 Create a Google drive App
The Google Drive integration with WP Media Folder is is included in the Add-on. You need to install this add-on (plugin) additionally to WP Media Folder.
First, to use Google Drive you need a Google dev App to connect your website to Google Drive. Go to https://console.developers.google.com/project and create a new project.
Then setup a project name (no space, no accent), you can give it the name you want here.
Then wait few seconds for the project creation…
If it's the first time you're using the Google Drive API, you'll need to activate it
From the left menu, click on “API Manager”
Then on the left menu “Credentials” >> “New credentials” >> OAuth client ID (if asked, add a name to your OAuth consent screen).
Now, the most important step.
- Select “Web application” and add a name of your choice
- Authorized redirect URIs: http://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated
(replace by your domain name)
Then… voilà! You got your ID and Secret to add in the WP File Download configuration
2.2 Login to Google Drive in WP Media Folder
Then go back in WordPress admin and click on the menu Settings > Media Folder > Google Drive. You can now paste your
- Client ID
- Client secret
Then save the configuration and click on the Google Drive connection button
If you haven’t made any mistake you should validate the authorization in a new window like bellow
Connection should be a success ☺ Then you can create manage Google drive media from the WordPress media manager
2.3 What can I do with Google Drive media?
How does it works?
WP Media Folder will generate a root folder on your Google Drive with the site name
All the folders and sub folders added in WP Media Folder Google Drive section will synchronized under this folder.
What are the sync directions?
It works in both directions! You can add a file from Google Drive and see it in WP Media Folder or add a file in WP File Download and see it in Google Drive. It also means you can manage WordPress files from your desktop using Google Drive sync software. That’s crazy! Yes we know ☺
The WP Media Folder Google Drive integration allows you 2 type of actions with your media:
Import the Google Drive media in WP Media Folder (folder selection for import)
Embed the Google Drive media in your content directly, in this case the media will be loaded in your content from Google Drive, not from your server.
III. DROPBOX INTEGRATION
3.1 Create a Dropbox App
The Dropbox integration is distributed as a separate Add-on. You need to install this add-on (plugin) additionally to WP Media Folder. The addon includes integration for Google Drive too.
First, you need a Dropbox App to connect your website to a Dropbox account. Go to https://www.dropbox.com/developers and create a new app.
Then setup an app type: "Dropbox API", "Full dropbox" or "App Folder" and an app name
Then you're almost done, your app is created and you got your App key and secret
3.2 Login to Dropbox in WP Media Folder
Then go back in WordPress admin and click on the menu Settings > Media Folder > Dropbox. Paste your
- App key
- App secret
Then save the configuration and click on the Dropbox connection button
You'll have to validate the access authorization for app access, just click allow.
Finally, an authorization code will be generated and you'll have to copy it in WP file download configuration
Connection should be a success ☺ Then you can create folders, sub folders in Dropbox and in WP Media Folder, everything will be synchronized!
3.3 How it works? What can I do with Dropbox?
How it works?
Dropbox can sync folders/subfolders and files on your WP Media Folder interface and the same is possible on the other way (from WP Media Folder to Dropbox).
What are the sync directions?
It works in both directions! You can add a file from Dropbox and see in WP Media Folder or add a file in WP Media Folder and see it in Dropbox. It also means you can manage WP Media Folder files from your desktop using Dropbox sync software. That’s crazy! Yes we know ☺
The WP Media Folder Dropbox integration allows you 2 type of actions with your media:
Import the Dropbox media in WP Media Folder (folder selection for import)
Embed the Dropbox media in your content directly, in this case the media will be loaded in your content from Dropbox, not from your server.
IV. EMBED PDF IN WORDPRESS CONTENT
You can embed a PDF in your content, it means displaying the PDF in WordPress content (not only a download link. You will get full preview of the PDF document, plus, the embed handle multiple page navigation and is responsive design.
Just open a PDF in your media manager and check at the bottom of the right column for the setting Embed PDF: set On
The PDF content will be displayed intead of a download link.