WP Edit Pro File Manager

I have continually been asked if there is a better file manager than the one included with WordPress. Well, I’ve always felt the WordPress media manager is quite a powerful tool. That is until recently.

Limitations of WordPress Media Manager

The first limitation I found is the ability (or inability) to organize files. Uploaded files are automatically stored in year/month directories; providing no control for custom folders. Often there are times when I work on a certain project; and I like to keep my project files organized with a custom structure.

The second limitation has to do with editing. There is no quick image editor in the media manager. This means if you want to make a quick crop to a photo (for example), you are required to use an external photo editing program. Then you have to re-upload the photo into the media manager again, deleting the original. Too cumbersome for me.

Introducing the WP Edit Pro File Manager

I spend a lot of time each day browsing the web looking at current open-source projects centered around the TinyMCE framework. This will often generate new ideas for me which eventually make their way into WP Edit and WP Edit Pro. I recently came across a file manager which has most of the options I’ve been wanting to implement into a better file manager. After some fairly extensive tweaking and customizations; I’m proud to introduce the WP Edit Pro Responsive File Manager.

This is a very powerful file and image manager. Some options include:


  • Upload multiple files with drag and drop ability.
  • Responsive layout adapting to different mobile devices.
  • Full previews of uploaded images, videos and audio files.
  • Create, delete and edit folders and folder names.
  • Multiple file filters such as name, size, date, etc.
  • View file thumbnails by list, split-list and grid.
  • Files can be copied/pasted across multiple folders.
  • Swipe action to show buttons on touch devices.
  • Edit images with Aviary image editor directly in the overlay window.

Interaction with WordPress Editor

This plugin will add a new button to the top row of the content editor. Clicking this new button immediately opens the WP Edit Pro File Manager.

Additionally, a new button is added to the image and media plugins so the file browser can be opened and insert the link directly into the source url.

Image Button Window
Media Button Window

Managing Images and Files

The WP Edit Pro File Manager will allow the upload of various file types.


  • Image Files – .jpg, .jpeg, .png, .gif, .bmp, .till, .svg
  • Video Files – .mov, .mpeg, .mp4, .avi, .mpg, .wma, .flv, .webm
  • Music Files – .mp3, .m4a, .ac3, .aiff, .mid, .ogg, .wav
  • Archive Files – .zip, .rar, .gz, .tar, .iso, .dmg
  • Other Files – .docx, .pdf, .txt, .csv, .psd, .ppt, .css, and many more.

The file upload area allows for multiple files to be uploaded when “dropped”. Alternatively, a browser based upload method is also available. Furthermore, filenames can be edited directly from the interface. Files can also be easily deleted, previewed, or downloaded from the interface.

Managing Folders

WP Edit Pro File Manager provides easy administration of folder names and locations. New folders can be created anywhere in the directory tree. Folder names are editable, and can be renamed at any time. Folders may also be completely deleted.

Multiple File Listing Views

The view of files can be toggled between list, split-list and grid. The grid view displays large thumbnails which expand to show additional information when hovered. The list view provides detailed information for each file, such as type, size and date.

Grid View
List View

There are multiple filters for further refining results. Filter by image, file, music, media, or archive; filter by custom query; or display all results.

Editing Images

Ready for another powerful feature of the file manager? How about editing photos without ever leaving the overlay window? With the help of Aviary we can make this dream a reality!

Edit Photo

While viewing a photo, right-click on the photo and select the “edit image” option. This will load the image in the image editor. There are 19 different features to modify the image:

  • Enhance
  • Effects
  • Frames
  • Stickers
  • Crop
  • Resize

  • Orientation
  • Focus
  • Brightness
  • Contrast
  • Saturation
  • Warmth

  • Sharpness
  • Splash
  • Draw
  • Text
  • Red-Eye
  • Whiten
  • Blemish

Edit Preview

All image editing features are built using jQuery Bootstrap; so the options are consistent, intuitive, and visually appealing.

Image edits are first performed in a preview area. Once desired changes have been made, the edited image can then be applied to the original file.


Inserting Files

To insert the file or image back into the content editor; simply click the file/image thumbnail.

How to get WP Edit Pro File Manager

This plugin is available to site members of WP Edit Pro. If you are not a current site member; we encourage you to take a look at our Member Benefits. In addition to our File Manager, you’ll also receive access to our “Advanced Configuration” and “Custom Styles” plugins. Consider Joining Us today.

Once a site member; the plugin can be downloaded from our Member Plugins page.

To inquire for more information, please Contact Us with any questions.

Josh Lobe has written 54 articles

Josh Lobe is the sole developer of WP Edit and WP Edit Pro. A father of two; a husband to a beautiful wife; and a small home in the suburbs... he primarily enjoys coding in WordPress and designing websites.

4 thoughts on “WP Edit Pro File Manager

  1. Josh,

    will it be possible to move an existing image into a newly created folder such that all the existing links to this image keep working?

    That would be a great function, but I don’t read it from the description above.

    Thanks and best regards,

Leave a Reply

Your email address will not be published. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>