DescriptionWordPress AWS S3 Browser is the ultimate AWS Plugin for WordPress, Some of the features:
- WordPress amazon s3 upload plugin: You can embed an uploader to allow users to upload files to S3 buckets.
- wordpress amazon s3 video plugin: Here you can upload a video and users will be able to play it directly from your WP site
- All Files are directly sent to S3 buckets, they’re not stored in WordPress uploads, no need to worry about storage space!
- Complete Admin interface to interact with S3 (Upload, Delete, Create Buckets, Create Folders etc etc)
- Images, Videos, PDFs are displayed in Modals
- Shortcodes to embed S3 Browser in front-end: Shortcode [aws_s3] has a load of parameters to to configure the browser (see below)
A) Installation – top
The installation process is really simple, follow this steps in order to get the plugin installed & running:
- Download the plugin zip file
- In your Admin Panel, click on Plugins -> Add New
- In top, select “upload”
- Browse to your plugin zip file
- Hit “install now” button
- wait till the success message is displayed
- A new menu item should be displayed
Plugin Configuration – top
The WP AWS S3 configuration is quiet easy, there is only two fields to fill in (mandatory fields for the plugin to work).
- AWS Secret key
- AWS access key ID
Once You have your keys ready, Go to your wordpress administration panel, click on AWS Settings in the menu sidebar and fill the field with the keys you got from AWS.
C) Administration Panel (S3 Browser) – top
This plugin comes with a brower for S3 objects & files, in the admin panel, you access the browser by clicking “AWS S3” menu item
In the Administration panel, you have full access to the browser, you can create folders, create buckets, delete buckets, upload files etc.
Upload process is super easy, click on “upload”, drag & drop your files (or click) and hit “upload”!
D) Frontend (S3 Browser) – top
In order to display the S3 browser in the backend, this plugin provides a shortcode for that.
[aws_s3 bucket="bucketname" folder="foldername" uploadRole="guest|administrator" createRole="guest|administrator" deleteRole="administrator|contributor" displayBreadcrumbs="1" videosDialog="1" imagesDialog="1" width="100%" height="100%"]
- bucket: give the bucket name here, this a mandatory attribute.
- folder: select which folder to allow users to browse, if empty, the root of the bucket will be dislayed.
- DisplayBreadCrumbs: either to show the breadcrumbs or not.
- uploadRole: what role can upload files, if you want the visitors to be able to upload, use “guest”.
- createRole: what role can create folders, if you want the visitors to be able to create folders, use “guest”.
- deleteRole: what role can delete files & folders, if you want the visitors to be able to delete folders & fiels, use “guest”.
- width: the width of the browser.
- height: the height of the browser
- videosDialog: if set to “1”, all videos will be displayed in dialog/lightbox and users will be able to view them.
- imagesDialog: if set to “1”, all images will open in a lightbox/dialog.
let’s assume that you want to allow users to only see a specific folder, and visitors will only be able to upload & create folders:
[aws_s3 bucket="Redwan" folder="Redwan1/Redwan123" createRole="guest" uploadRole="guest" deleteRole="administrator" displaybreadcrumbs="0" width="700" height="800"]Which gives something like this in frontend: