Skip to main content

WP Media Folder: Folders and Media

The main idea of WP Media Folder is to classify media directly from the media manager. WP Media Folder works on the native media manager, both from the public and admin side. For example you can use it in posts and pages.

1. Manage folders from posts or pages

In Classic Editor, to use WP Media Folder just click on the Add Media button. With Gutenberg editor, please go to this section 7. Single Image Lightbox block in Gutenberg for more information.

 

image11

 

Click on it to open the main media view with the folder management.

 

create-media-folder

 

There's a button to create a folder and directories are listed below. When you click on Add New Folder button you have to type a name and validate the creation.

 

folder-name

 

If you want to create a sub-folder you just need to enter in a folder and repeat the operation. You can then use the breadcrumb or folder tree so not to lose yourself in folder levels :)

 

folder-navigation

 

A single media can belong to several folders. When you click on a file look for the Media Folders selection setting in the the right side column and click on it.

 

media-multiple-folders

 

You can also use the WordPress media manager to batch apply multiple folders to multiple media. First, click Bulk Select, pick media files and then press the Media folders selection button.

 

bulk-media-folders

 

Restrict folders access

Virtual folders in Media library can be restricted by User or Role. This feature is applied to both local folders and cloud folders (Google Drive, Dropbox, OneDrive Personal and Business). Only the admin role can see this feature on the context menu of the folder. In order to set roles, you should enable Media access by User or User Role option at plugin settings > Access & Design > Media Access. Then go to Media library, right-click on a folder and select Permission settings.

 

permission-settings

 

Then on the popup window, you can select, add or remove roles/users. These are 2 main tabs and include options below:

  • Inherit permissions: Inherit role from the parent folder. Once it's enabled the other options will be removed.
  • View folder: Users/Roles can view folders
  • Add Folder: Users/Roles can add new folders
  • Update folder: Users/Roles can rename folders
  • Remove folder: Users/Roles can delete folders
  • View media: Users/Roles can view media uploaded by others
  • Add media: Users/Roles can add new media
  • Move media: Users/Roles can move media from folder to folder
  • Remove media: Users/Roles can delete the media
  • Update media: Users/Roles can update images' information: title, alternative text, ...

 

user-role

 

2. Manage media

You can drag'n drop a folder(s) including its sub in Media library. Or you can click on Upload folder button.

 

upload-folder-button

 

In order to move one or several media in a folder, click on the media and drag it into the folder you want. 

 

drag-media

 

You also have the possibility to drag multiple images into folders or into the folder tree. First select media.

 

media-selection

 

Then drag media into folders.

 

move-some-media

 

A notification will then be displayed in the top right corner with the possibility to UNDO the last media move you've just made.

 

notification-media-move

 

How to download an image?

First, you need to enable "Download media" option at plugin settings > General > Main Settings tab.

 

download-media-option

 

Then on the Media library with Grid view, just right-click on any images, and you will see the Download button.

 

download-media

 

How to download a folder?

To download a folder along with any included sub-folders, simply right-click on the desired folder and choose Download > ZIP Folder/ZIP Folder & Subfolder.

 

download-folder-zip

 

3. Remove and edit folders

The folder can be renamed by double-clicking on the folder on the left panel or right-clicking on the folder and choosing Edit Folder.

 

edit-folder

 

To remove a folder, simply right-click on it and select the Delete button. 

 

remove-folder

 

If you wish to delete multiple folders simultaneously, right-click and choose the Bulk select folders option. Then, check the box in front of each folder you want to remove and click the Delete button located at the top of the folder tree.

 

bulk-select-folder

 

If you remove a folder with media inside, by default all media inside will go back the root of the media manager.

You also have a parameter to remove folder and the media inside the folder - use with caution!

 

remove-folder-setting

 

You can also change the color of the folder from the Change color menu.

 

change-folder-color

 

4. Media view

The media and folders can also be managed from the WordPress media manager view. You can adjust the width of the left panel containing your folder tree.

 

media-library-folder-view

 

You'll also see existing folders from the media view. Note that article categories are automatically added as folders.

To upload media in particular folders, select one or search folder on the left panel. Then click on Add New button or Drag 'n drop your media. From the folder tree, you can ensure that you're in the right folder.

 

select-search-folder

 

You can view media in listing mode.

 

list-view

 

5. WordPress media searching and filtering

WP Media Folder adds some new features to the default media manager. You'll find all the settings in the plugin configuration General > Media Filtering. You can use default ones, remove some filters and add your own.

 

media-filtering-options

 

From the configuration you can setup the weight and size filters ranges.

 

media-view-ranges

 

The sorting dropdown lists can filter and sort images and folders based on:

  • Filtering

    • Clear filters and sorting
    • Display only my own medias
    • Display all files
    • Media type (image, zip, pdf, unattached, mine,...)
    • Date
    • Minimum size (in pixels)
    • Weight range

You can select multiple options to filter in Media library.

 

filter-selection

 

  • Sorting

    • Sort folder (ID, Name, Custom order)
    • Sort media (Date, Title, Size, File type, Custom order)

 

sort-media-and-folders

 

Note: when you apply an ordering it will be automatically saved in your session using cookies. It means that next time you'll open your media manager, the media ordering will remain the same. 

Once the option "Search file in a folder and its subfolder" is activated, you can search the file name in not only that folder but also its subfolders.

 

search-through-folders

 

6. Add remote video

First, if you do not see the Add Remote Video button on Media library, you should enable Enable remote video feature option at General > Main Settings tab.

 

remote-video-feature

 

Then you will see the Add Remote Video button at the header or click on Add New >> Add Remove Video button.

 

add-remote-video

 

Next, a text box will be displayed on the screen where you can paste the YouTube link. Then you will see a YouTube file among your media.

 

remote-video

 

Note that: Our plugin supports adding videos from Vimeo, Dailymotion, Facebook, Twitch, Wistia and your domain also.

 

7. Single Image Lightbox block in Gutenberg

Similar to the Classic Editor, a single image can be inserted into your posts/pages. Please go to WP Media Folder section > WP Media Folder Image Lightbox block, then on the block, click on "Add Image" button to pick an image you want to put on the content.

 

single-image-lightbox

 

In order to see the block, make sure the Enable the single image lightbox feature option is enabled at Configuration > Wordpress Gallery > Gallery Features.

 

single-lightbox-setting

 

8. PDF Embed in Gutenberg

There is an option to embed a PDF file when inserted in Classic Editor. Now you can do in Gutenberg editor also.

First, click on the 'WP Media Folder PDF Embed' button within the WP Media Folder category. Next, press the 'Add PDF' button and choose your desired PDF file, then click the 'Select' button. After these steps, you'll be able to preview the entire PDF directly in the editor.

 

pdf-embed