fbpx

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

 

2. Manage media

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 on 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, you will see the download button.

 

download-media

 

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 choose Edit Folder.

 

edit-folder

 

In order to remove media, right click on the folder and click Delete button.

 

remove-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 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 folder.

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

 

In order to filter media, you can click on Filtering > Display all files or click directly on Display all files button to see all your media as the WP Media manager default or display only your own media.

 

list-all-media

 

Media can also be filtered by media type, dates, minimum and maximum size (in px), weight ranges or sorted by folder and media (date, size, types,...). 

 

filter-sort-media

 

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

    • Display all files
    • Display only my own medias
    • File type (image, zip, pdf, unattached, mine,...)
    • Media upload date
    • Size (in pixels)
    • Weight

 

  • 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 to add Vimeo and Dailymotion video 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