News Blog: WordPress & Joomla Extensions

Google Drive As A WordPress File Manager

google-drive-wordpress-file-manager

WP File Download offers you the best option to save storage space on your WordPress site using a cloud platform such as Google Drive as a WordPress File Manager.

Google Drive is a service developed by Google that offers cloud storage and file synchronization, with this service you can store any type of files in the cloud to access them from anywhere and share them with whomever you want.

WP File Download Addon has a tool that allows you to synchronize Wordpress with Google Drive and create downloadable files from the cloud.

 

Can I use a WordPress Plugin as a Google Drive File Manager?

The answer is yes, you can use this WordPress plugin as a google drive file manager because the synchronization is in both direction, you can create/edit/delete folders in google drive and see it on WordPress or you can do the same on WordPress and see it on google drive.

That’s not the only thing that makes this feature important because this will allow you to show the files that are in google drive without the need to save them on the server, in this way you will save the appreciated storage space.

 

How to Activate Google Drive WordPress Plugin Integration

This Google Drive WordPress plugin integration is really easy to use just, download the Wp file download addon and install it in your WordPress site.

After installing the addon, go to https://console.developers.google.com/project and create a new project.

create-new-project


Type the project name without spaces nor accent

project-name

 

Wait a few moments for the project creation.

project-notification

 

If it's the first time you're using the Google Drive API, you'll need to activate it.

first-time-google-API

 

Click on the left menu and select the API Manager > Dashboard.

API-panel

 

Then on the left menu click on Credentials > New Credentials > OAuth client ID (if asked, add a name to your OAuth consent screen).

API-credentials

 

Now follow these steps carefully because these are the more important:

  • Select “Web application” and add a name of your choice.
  • Authorized JavaScript origin: http://www.your-domain.com (replace by your domain name, no slash).
  • Authorized redirect URIs: http://your-domain.com/wp-admin/admin.php?page=wpfdAddon-cloud&task=googledrive.authenticate (replace by your domain name).
     

Credentials-information 

 

And Finally, you’ll be able to see your ID and Secret to add in the WP File Download configuration.

Client-OAuth

 

Now go back to your site and go to WP File Download > Configuration > Cloud Connection > Google Drive and paste the Client ID and the Secret.

Client-ID-Client-secret

 

Click on save google drive settings and finally log in to your google account by clicking on connect.

connect-google-drive

 

Just click on Allow.

allow-google-drive-permissions


 
If you haven’t made any mistake, it should work and that’s all, you’ll see the option to create a google folder in wp file download menu.

google-folders

 

Taking Advantage of WP File Download to the Maximum

After connecting google drive to your site, you'll be able to see a root folder in your google drive with your site name.

google-drive-account

 

This will be the folder you will use to add, remove or modify files that you want to appear in WP File Download. For example, if you want to create a folder from your WordPress site and it appears in google drive you will only have to click on New > New Google Drive Folder.

google-folders

The folder will be available in your Wordpress site and on your Google Drive account.

google-drive-folder

 

It's magic, right? Now you can create folders in your WordPress page and see them in google drive or create them in the root folder of google drive and see them in your WordPress site, you can also add folders that you already had in google drive to the root folder, these folders/files will be shown on your site.

Now let’s see how is the process with the files, if we upload a file into that new folder called “New Google Drive”, the file will be stored in google drive (not in your wp site) and you’ll be able to use it in your site.

 

Google Drive:

google-drive-folders-cloud

 

The folders are the same, if you change the name in WordPress, it will be changed in google drive too

changing-name

 

Google Drive:

name-changed-google-drive

 

Display / Embed Google Drive files in the frontend

The Google Drive files will be used as the others, you can select the theme, set them as private and customize the layout.

google-drive-theme-options

 

To create a page/post with that Google Drive folder, just do the same that you do when you want to create a WP file download page, go to the Page/Post and in the new Gutenberg editor click on "+" > WP File Download Category.

wp-file-download-block

 

Now type the category name and click on it.

searching-category

Publish the page and done! The people will be able to download your files ;) Depending of the file category theme selected you'll get different front end WordPress rendering.

Default Theme:

default-file-theme

 

Google Drive like Theme:

google-drive-file-theme

 

Table Theme:

table-file-theme

 

Tree theme:

file-tree-theme

 

This is an amazing tool that allows you to save space on your server and speed up tasks that you want to perform related to google drive, what are you waiting? go ahead and get the plugin here:
​https://www.joomunited.com/WordPress-products/wp-file-download/google-drive-addon
 

2
Connect Microsoft OneDrive to a WordPress File Man...
A New set of of Blocks: Gutenberg Email & Testimon...
 

Comments

No comments made yet. Be the first to submit a comment
Already Registered? Login Here
Guest
Saturday, 17 August 2019
If you'd like to register, please fill in the username, password and name fields.

Captcha Image