Posts

How to troubleshoot WordPress media library not loading

WordPress media library is responsible for storing the site’s multimedia files: images, videos, audio files, and documents. Many a time, you might encounter the issue in which WordPress media library is not loading/showing thumbnails. So you have to follow this 6-step tutorial to fix this error. Otherwise, you can’t upload files, and users may face difficulties when visiting your site.

wordpress media library not loading not showing

We want you to never have to deal with such an error. However, bookmark this post to help you fix this issue if it arises. Here is a complete guide showing you how to troubleshoot WordPress Media Library not loading error step by step. Each step is thoroughly described, so even less-trained users will be able to follow the instructions.

IMPORTANT: In the best-case scenario, plugin incompatibility may generate an error, and fixing the issue takes around five minutes. In the worst-case scenario, the issue is with file permissions, and you’ll have to change the sites’ files. Before taking action, we strongly recommend performing a complete site backup. No matter what you do, a site backup gives you that needed peace of mind when fixing a site.

Now hop on how to fix the issue in which WordPress images are not showing.

1. Check Plugin Incompatibility

Even if you use premium plugins or ones from the WordPress repository, they might not be perfect and could conflict with each other. Some incompatibilities don’t have a visible impact on your site, but some result in major problems, like making it impossible to upload images or videos. Here is what you have to do to find the culprit:

1. Go to your WordPress admin dashboard and click on Plugins. You’ll see a list of plugins. Select all of them and choose Deactivate from the Bulk Action drop-down menu.
plugin check

2. Clear the cache memory if you have installed a caching or performance plugin.

3. Visit the Media Library and check if it works. Even if you see the thumbnails properly, upload a new image to make sure it works.

4. If the Media Library works, then a plugin was causing the issue. Reactivate each plugin one at a time and check the Media Library after each reactivation. If you see the Library’s thumbnails and uploading works fine, then the plugin is okay. Repeat the process until you find the guilty plugin. It’s boring, but it’s the only way to find the culprit.

5. If the problem persists after deactivating all the plugins, then there is no plugin incompatibility. Reactivate them and go to the next potential source of the problems: the theme.

Hints:

  • According to Murphy’s law, the last plugin you re-installed generated the issue. To save time and break this law, we suggest starting with the plugin you most recently installed or updated before the Media Library stopped working. Most likely, that’s the one that generated the issue.
  • Contact the team that developed the plugin responsible for your issue. Explain the problem and work with them to update the plugin. It won’t help your site get more visitors, but it’s always nice to help the WordPress community.

2. Check Theme Incompatibility

Install and activate a new theme – let’s say a default one, such as Twenty-Twenty. Check the Media Library, and if it works, then the problem is your theme. In this instance, contact the theme developer and describe your issue.

There is a good plugin called Health Check to help you troubleshoot plugin- or theme-related issues. It allows you to toggle your plugins on/off and switch between themes.

Good news: Using Health Check plugin won’t affect normal visitors to your site.

3. Update WordPress Core

You have to update the WordPress core from time to time. While the team behind WordPress works hard to make it faster, more secure, and more versatile, errors do happen. Don’t worry, many of these errors are fixed so fast that you won’t even notice them. Still, your version of WordPress may produce such an error, and there is a slight chance that the WordPress core is guilty of the Media Library malfunction.

The deficient WordPress update is the most probable cause of the Media Library not loading issue. A poor internet connection or a server misconfiguration may result in an incomplete update of your site’s WordPress core. All you have to do is to make sure that the update works fine. Head to your WordPress admin dashboard, click on Home > Update > Re-install now to re-install the WordPress core.

update wordpress core
4. File Permissions

The next suspect could be invalid file permission if there is no problem with your plugins, theme, or WordPress core. Here is what you have to do:
1. Open your FTP client of choice (Filezilla, Cyberduck, FreeFTP) and connect to your site host.
2. Access your site’s files and go to the wp-content/ folder. Identify the upload/ folder.

file manager file permission

3. Select File Permissions and change them to 755, unless there is a different numeric value. Check the Recurse into subdirectories box and choose Apply to directories only.

file permission for wordpress media library

4. Pay Attention! Go back to the upload/ folder and select File Permissions once again. This time, change the numeric value to 644, check the Recurse into subdirectories box, and choose Apply to files only.

file permission fix wp media library

5. Go to the Media Library and check if it works. If it still doesn’t work, apply this algorithm again but choose 777 instead of 755. Verify the Media Library, but bear in mind that 777 presents a serious security issue for your site.

In theory, you have done everything possible to fix this problem. Contact your hosting provider if the problem persists; it might be a server malfunction or an issue out of your control.

Types of File Permissions

You can change file permissions without having a clear idea of what they are. However, it helps if you have a basic understanding of file permissions.

File permissions determine what actions a user can perform on a file: read, write, or execute. Consider the following rules:

  • Read (4): Allowed to read files
  • Write (2): Allowed to write or modify files
  • Execute (1): Read, write, delete, modify, or direct files

file permission explanation

Each digit of the numeric values from above has a particular meaning. The first digit says what actions a user can perform (read, write, or execute), the second says what a group can perform, and the last says what a site visitor can perform. You calculate the value of each digit of a permission’s numeric value by adding the value for each type of action.

For example, 755 means that the users read, write, and execute (4 + 2 + 1 = 7), the group members can read and execute (4 + 1 = 5), and the site visitors can read and execute (4 + 1 = 5). Check out this resource for more information about file permissions.

5. Image Hotlinking

Hotlinking refers to instances when a website links to images hosted on an external hosting platform. The fair method is to link to the image, credit the artist, and store the image on your site’s server—that is, of course, if the image owner allows it.

While copyright infringement is beyond the scope of this article, image hotlinking is a way to poorly display images and reduce the site’s performance. The site using hotlinked images doesn’t consume its own bandwidth; instead, it uses the original host’s bandwidth. Fortunately, most hosting providers offer hotlinking protection. Many security plugins also package this feature.
However, there are cases where webmasters prefer hotlinking—for instance, people who run multiple sites. No matter the reason, they use a single site to store images.

The hotlinked images won’t work if you don’t set up the proper configuration from cPanel (or a similar account) or the .htaccess file. Check out these steps to disable hotlinking while whitelisting particular websites.

Disable Image Hotlinking from cPanel

Go to cPanel (or a similar account) and search for Hotlinking Protection in the Security area. It depends on your site’s host, but Hotlinking Protection usually falls under the Security area.

disable image hotlinking in cPanel

Click on it to enable hotlink protection. You also list the URLs you want to allow access. You can also block access to particular types of file extensions. Include here the image extensions used on your website, such as .jpeg, .jpg, .bmp,.gif, and .png.

image hotlinking protection

IMPORTANT: Pay attention when you create your list of URLs with access to your site. Include the www, non-www, http, and https versions to avoid any potential errors.

Disable Image Hotlinking from .htaccess

Access your site’s files using an FTP client or through the File Manager on cPanel. Go to the site’s root directory and look for the .htaccess file.

htaccess file hotlinking

IMPORTANT: The files starting with a dot are hidden by default. Check the FTP client’s or File Manager’s settings and change them to allow you to view the hidden files. That’s why you won’t see .htaccess file directly when you open up the root directory.

Edit the site’s .htaccess file and paste the following snippet of code:

RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourwebsite.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourwebsite1.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourwebsite2.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ - [F]

Replace “yourwebsite” with the name of your site and “yourwebsite1” and “yourwebsite2” with the name of the sites you will allow to hotlink. Delete the lines of code for “yourwebsite1” and “yourwebsite2,” and you will block the sites from hotlinking your site’s images.

6. Use WordPress Media Library Folders

FileBird – WordPress Media Library Folders was born to help you manage thousands of files in WordPress media library quickly and easily.

This will help you save a ton of time trying to solve WordPress media library not loading issue. The hierarchical view of your folders will help you quickly find specific folders in just a blink of an eye. And FileBird loads one folder at a time, so the risk of media library inability of loading will be reduced.

SEE HOW FILEBIRD TROUBLESHOOTS YOUR WORDPRESS MEDIA LIBRARY NOT LOADING

Once you install the plugin, you will be able to organize thousands of your images and other media files into folders/ categories, drag and drop to upload/move files into folders and drag and drop to rearrange folders.

You have the toolbar on the left which allows you control all of your folders/ files. You can create, rearrange, rename or delete folders.


Right-click your mouse to quickly create, rename or delete folders like what you do on your computer.

Give FileBird a try and WordPress media library not loading issue will not exist anymore.

Over to You

Fixing WordPress errors isn’t the most fun activity, but you should be prepared for the worst-case scenario. Don’t panic if your site’s Medial Library doesn’t work; check this article instead and carefully apply the suggestions.

Have you ever experienced the Media library not loading error? How did you resolve it? Please leave a message in the chatbox below and share your experience!😘

8 Best WordPress Media Library Folders Management Plugins

Remember back when you first started your WordPress site?

Everything looked pretty fresh and neat.

But when you started composing posts and pages, you probably happen to realize just how quickly clutter can start piling up and WordPress media library might become disorganized so rapidly.

You tend to upload multiple media files for every single post and page you create. Yet WordPress is not truly useful in dealing with all those files in its default state.

The WP media library works quite okay at the moment, but if you ever have to go back and find old files, optimize or revamp posts, you’re going to be in a world of pain.

How can you deal with this? You can simply install a media folder plugin to easily organize your files exactly as you do on your computer.

In today’s article, we’ve rounded up 8 handy plugins that will make your life easier and less time-consuming when managing WordPress media library.

1. FileBird – WordPress Media Library Folders filebird-wordpress-media-library-folders

Have you ever had trouble when it comes to managing thousands of files of images, videos or documents that you have uploaded to WordPress?

Totally yes, right?

Thankfully, there’s a reliable and effective plugin to take care of this for you. The fantastic and popular plugin called FileBird – WordPress Media Library Folders & File Manager developed by NinjaTeam will dramatically take your WordPress Media Library to the next level.

The clear user interface allows you to drag and drop files into media folder. And the smart context menu enables right-click to quickly create, rename, delete and download media folders just as the same what you do on computer. It’s as easy as falling of a log.

With this tool in hand, you can manage and arrange thousands of images, audios, videos, and other files in your media library.

Plus, this useful plugin is compatible with all major plugins, themes and page builders. Especially the world’s most famous e-commerce plugin, WooCommerce. FileBird also supports lots of languages like English, Spanish, French, Italian, Germany, Japanese, and so on.

This is greatly beneficial for those who are running an online store thanks to its friendly UI and highly customizable features.

To add some folders and start organizing, simply click the “Add New” button.

filebird-drag-drog-to-move-files

Managing files in WordPress has never been easier. You are able to just drag and drop to upload or move files/ folders.

file bird

This saves you much time when it comes to files management. Plus, the outline and user interface of your folders will help you quickly find specific folders in just a blink of an eye.

Additionally, this useful feature allows you to create, rename, delete media folder with a single right-click.

right-click

If you want to give your WordPress media folder management a shot in the arm, the FileBird plugin could be your secret weapon.

As a free plugin, this one is worth your consideration. It may be the secret to staying neatly organized and improving production and efficiency.

More features:

  • Advanced sort options for media folders and files (including default sort and instant sort)
  • Download entire WP media folders (preserving the folder structure)
  • Press ESC to exit bulk select mode
  • Unlimited folders in the free version

2. Media Library Assistant

media library assistant

The Media Library Assistant introduces an advanced gallery shortcode that allows you to add not only images but other media files to your posts.

The plugin allows you to quickly find out where a particular image has been used.

It also allows us to see where our images and downloads appear on the site as featured images or are inserted in page and post bodies.

We can quickly find attachments in a particular category or tag as we add pages and posts to the site.

Media Library Assistant works well with other plugins; you can add slideshows, thumbnail strips, and special effects to your new galleries without facing any problems.

This free plugin offers much more, so make sure that you try it out.

Also, the great thing is that it is akin to your default WordPress media library, so you won’t have to learn how to use it.

3. Imsanity 

imsanity wordpress plugin

1 … 2 … 3 … – your potential client just closed your site because it is still loading. Sounds familiar?

Quality of images is as important as the performance of the website, but uploading high-resolution images can slow down your website every so often and this is such a really big deal. That is why it is essential to save all your images optimized for the web.

Don’t worry. We’re here to help you out.

The easiest and most effective way we’ve found to automatically resize and compress images in WordPress is Imsanity plugin.

Voilà. It will automatically resize the dimensions of images to something more manageable and reduce the file size.

Imsanity is configurable with a max height, width, and quality. When an uploaded image has larger size than the configured, the plugin will automatically scale it down to the configured size and replace the original image.

Imsanity-settings

Now any images uploaded to the site will be automatically resized and compressed.

This plugin is ideal for blogs that do not require hi-res original images to be stored or the website owners don’t need to scale images before uploading.

4. WordPress Media Library Folder

wordpress media library folder

WordPress does a lot of things right, but it’s not always user friendly when it comes to arranging media types with folders.

Thankfully, there’s a reliable and effective plugin to take care of this for you.

WordPress Media Library Folders plugin developed by Max Foundry is definitely a weapon you are looking for.

The name pretty much explains it all, with this plugin creating folders in the Media Library to keep your images organized.

Media Library Folders for WordPress creates actual folders in your WordPress Media Library:

  • Actual folders make it easier to organize your WordPress media library
  • Move, copy, rename and delete files and folders with a nice drag and drop interface.
  • Regenerate thumbnails.
  • SEO Images to specify ALT and TITLE attributes when uploading.

WordPress media library folder

When you install it, there is already created one folder per year and one subfolder per month, where you will find all the images you had previously uploaded to the library.

Then, you may create the folders you need and copy the images you want.

Although WordPress Media Library Folders has a pro version with some extra features, they’ve said the free version will keep all its existing features.

The Pro version allows you to organize folders by category, support for WordPress multisite, or add images to a gallery of WooCommerce products, among others.

5. Media File Renamer

media file renamer auto wordpress plugin

Have you ever wanted to change the names of previously uploaded images to make them easier to read, remember or be more friendly with SEO?

If so, you must have been confused when all the images in the posts were displayed incorrectly after being renamed.

You cannot simply go to the WordPress host or photo library to change the name of the image. You will have to edit many other things to make it work normally.

So what is the solution to solve this problem in the simplest way, especially when you want to rename a large number of images?

Don’t worry! WordPress always has great plugins available that can help you complete all tasks quickly and easily. Yes, the plugin I want to mention here is Media File Renamer.

After successful installation and activation of the plugin, simply go to Media » Library.

If your media library is displayed in the grid view, then you will need to switch to the list view.

In the list view, you will notice a new column labeled ‘Rename’. This column will show the status of your image, other media file names, and the title.

media file renamer

For example if your filename is DSC00132.jpg and the image title is “Nha tho nui”, then the plugin will show a rename button next to the file. Clicking on rename button will change the image file name to nha-tho-nui.jpg.

media file renamer

6. Media Library Categories

media library categories wordpress

If all your need is a way to make finding images in your Media Library easier, this plugin might be the one for you. With Media Library Categories, you can assign categories and subcategories to your media files in bulk or on an individual basis.

A few features you need to know about this plugin include:

  • Add / edit / remove categories from media items
  • Change the category of multiple items at once with bulk actions
  • Category options & management in the Media Library
  • Filter on categories in the media library
  • Taxonomy filter

The primary benefit of this plugin is the ability to use categories in the WordPress Media Library.

Once the plugin is activated, a dropdown of categories will show up in the media library.

media library categories 1

You can change, add or remove the category of multiple items at once with bulk actions.

WP Media Category Management supports categories for media files by using the existing categories.

It supports post tags and media taxonomies defined by other plugins as well.

Using this plugin, you can control media categories via admin the same way as you control post categories.

It also allows you to filter media files in your media library using custom taxonomy in both list and grid views. While uploading media files, you can choose a default category.

7. Enhanced Media Library

enhanced media gallery

The next WordPress media library plugin will come in handy for those who need to manage a lot of media files in a number of different ways.

However, it’s not a WP media folder plugin so it doesn’t come with drag and drop user interface.

Here’s the plugin’s tagline:

“The plugin will be handy for those who need to manage a lot of media files.”

This plugin is incredibly user-friendly and yet powerful in features:

  • Enable you to organize media by categories, tags, or even third-party taxonomies.
  • Let you sort media by date, title or manually.
  • Offer the ability to use shortcodes to dynamically display media galleries based on different taxonomies.
  • Let you add or remove upload support for different file types.
  • The major benefit of this plugin is the ease of use and you don’t need any technical knowledge to work on.

Interestingly, the plugin walks you through the process, from start to finish, helping you sort out cluttered media files within a matter of minutes.

Moreover, Enhanced Media Library allows you to create an unlimited number of categories in order to make your files more searchable and you can categorize the media items in the library by simply drag and drop.

enhanced media gallery

This plugin lets you arrange your library by common file types. If you merely want to search your audio or video files, you can do that, too.

Additionally, you can create additional types for PDFs, documents, and other types of file.

Note: Upgrade to the pro version with additional useful features is still available but it’s not recommended. Public info shows that this plugin is no longer supported. Despite its quality, it seems the script author has been abandoning it. So use at your own risk.

8. Force Regenerate Thumbnails

force-regenerate-thumbnails

In some cases, you are required to change the dimensions of existing images in your WordPress site to make them look good on a new theme or for other reasons. But resizing manually these images is actually a painful and time-consuming process.

So if you are searching for a plugin that lets them resize images to desired dimensions, you definitely fall in love with the Force Regenerate Thumbnails plugin.

After successful installation and activation, you click Tools -> Force Regenerate Thumbnails, and then click Regenerate All Thumbnails in order to use this plugin.

muc-force-regenerate-thumbnails-1

Then, it will automatically adjust your images and all you need to do is just waiting for the completion. The pace of the process depends on the number of your images in your library.

force regenerate thumbnails

Final thoughts

Digital images take up a mass amount of hosting space within a WordPress website. Organizing the WordPress media folders make managing and retrieving images become easy-peasy.

Although the media library function of WordPress has significantly developed with more handy features over time, we wholeheartedly recommend you to use FileBird – WordPress Media Library Folders because it is the most wanted method to properly organize your media library.

FileBird media folders for WordPress

This plugin will dramatically take your WordPress Media Library to the next level. Organize thousands of your files in a few minutes!

Are you using any of these plugins or any other plugins to manage your media library? Please share your experience in the comment section below.

 

 

FileBird Lite v4.5 – Important Notice

Howdy, my friends!

This is to let you know about the latest changes that we have made in the FileBird (Free version) v4.5.

In short, as of FileBird Lite version 4.5, you can create unlimited main folders and subfolders.

However, the full compatibility with WordPress Classic Editor is no longer included.

Want to downgrade to FileBird Lite 4.4.1? Download here.

TL;DR

All this time we have been improving FileBird plugin and implementing your suggested features – and we did it all for a good while. Being the earliest plugin author to commit a drag and drop UI for WordPress media library management and all.

The Birth of FileBird

Since the release date of FileBird on WordPress repo in June 2018, we have stated that the Lite version allows up to 10 folders. That’s our initial terms of use.

Considering the needs of personal blogs and portfolio sites, 10-folder creation is already cool to get their media library organized. Popular YouTubers like Darrel Wilson also lets us know that the free 10 folders are good enough for him.

Personally, I think I don’t really need the pro version because you know, I don’t have more than ten categories.

If the users want more than 10 folders/categories, they should upgrade to the PRO version with a one-time payment (Envato license). It is always a lifetime deal! The pricing is kept at $25 even when we relentlessly add new features and frequently improve the user interface. If the users want more than 10 folders FOR FREE, they can always opt for other solutions in the WordPress repo.

We have been through many white nights to keep FileBird up and running in such a user-friendly UI/UX and smooth performance. We doubt that any plugin author wants to put it out there with full features for free.

FileBird wordpress media library folders support unlimited folders

The Request of WordPress Review Team

In January 2021, it has come to our attention that the FileBird plugin’s 10-folder Free Tier is considered to violate WordPress plugin guidelines. Although it is not clearly specified which point is our case, we were requested to change FileBird plugin’s terms of use.

We were told to withdraw the feature [of creating folders] completely, OR ship unlimited folders. It is really tough for us to decide how and which to make changes.

As a result, FileBird Lite v4.5 will allow you to create unlimited main folders and nested folders. On the other hand, you will have limited compatibility with third-party plugins and page builders. FileBird folder explorer/browser is mostly working in Gutenberg.

To continue committing code and stay supportive, we need to at least cover our operating costs. We hope you guys understand that we have put plenty of time and resources to keep it available for free.

Anyway, what do you think about these changes?

Do you want to revert to its initial terms of use? Let us know in the comments.

Over to You

To ensure full compatibility with your favourite themes and page builders, please upgrade FileBird folders to PRO version.

As for details about how the Lite and Pro version differs, please check out FileBird documentation.

Want to request earlier versions? Download FileBird Lite v4.4.1.

Have rantings or suggestions? We’re all ears: hello[at]ninjateam.org

Best of luck & Have a beautiful day!
Ninja Team

How to Upload and Create a Document Gallery in WordPress

Want to create a good-looking document gallery in WordPress?

A content-rich WordPress website is not only written in words but also showcases plenty of media, documents, and graphics.

When you want to share those contents, you can’t upload them to the WordPress media library. Or when you managed to do it, it looks kind of austere and unfriendly to readers. They might think that is some issue or harmful file and hesitate to click on it.

This article will help you successfully upload those necessary file types. And display them nicely on any WordPress page or post gallery.

1. Upload Additional Document File Types to WordPress

What’s allowed to be uploaded and what’s not?

WordPress by default allows many document file types:

  • .pdf (Portable Document Format)
  • .doc, .docx (Microsoft Word Document)
  • .ppt, .pptx, .pps, .ppsx (Microsoft PowerPoint Presentation)
  • .odt (OpenDocument Text Document)
  • .xls, .xlsx (Microsoft Excel Document)
  • .psd (Adobe Photoshop Document)

Those are the most widely used file types. But if you need to upload a document file type that is not supported, you can easily get the know-how below.

In my personal experience, I often use these ebook formats including .epub, .mobi, .azw, .djvu, etc. Despite not being common, those file types have been existing for a very long time and actually got many advantages in terms of sharing among platforms and reading user experience on different devices.

Or when designers want to upload their graphic files such as .svg, .cad, .dwg, motion graphic files, etc. And Apple documents such as .numbers, .pages, and so on?

Upload document file types using a WordPress plugin

To allow those file types to be uploaded, you got to install some WordPress pre-built code to implement it, and here I choose File Upload Types. This is a fast and direct solution.

A plugin to allow uploading more file types

Right after activation, you’ll see a list of file formats that are well categorized in different functionality and media types.

A quick tip: You can use Ctrl + F (or Cmd + F) to search for the file type/format you want.

So when I want to get jpeg/jpg file types, I can easily locate them and tick the corresponding checkbox. Then all I have to do is to click Save changes and carry on uploading those files. Yayks!

Categorized File Type list in Upload Plugin

Another good thing about this plugin is it allows you to add custom file types. It’s just as easy as shown in the screenshot above. Just fill those fields including the file description, MIME type, its extension, and then you’re good to go.

We won’t have to refresh or leave the page in order to complete those tasks. But of course, make sure you click Save Settings after making changes.

When you finish uploading all the necessary file types, we move on to the next step of adding those files in a document gallery.

2. Create Document Gallery in WordPress

If you manually add a document to a WordPress page or post, all it shows is the file name which is also linked to that file’s URL. A document file without its thumbnail makes it less appealing and fewer people will click it.

Link to Document in WordPress post

Fortunately, there’s a plugin to help you do that. Document Gallery generates thumbnails for your document files and also provides multiple options to display them in a good-looking format.

Now think about which page/post editor you’re currently using because Gutenberg editor takes some different aspects from the classic editor. Following are the guidelines for these 2 different WordPress page/post editors.

2.1. For Classic Editor

Required plugins: Document Gallery

In order to add a well-aligned gallery of documents in WordPress classic editor, all you need is the plugin Document Gallery by Dan Rossiter. Just download and install it for free from the WordPress repo.

Upon activation, you’ll see a new menu Document Gallery created under Settings menu. That is where you head over to when you need to adjust advanced settings.

In the scope of this tutorial, you don’t need to dive into it too much as this plugin actually allows convenient access right from the WordPress page/post editor.

When editing any page or post, click Add Media > Create Document Gallery > select all necessary document files > Create a New Document Gallery.

Next, you’ll be seeing the setup part for this gallery.

Edit document gallery settings

You would want to care about these settings:

  • Link To: choose Media File if you want the users one-click to download, or Attachment Page if you want to direct users to the file page.
  • Columns: how many columns you want your gallery to display in
  • Use auto-generated document thumbnails

Then you click Update to save all the changes. This is how your 3-column document gallery looks on the front-end.

Document gallery display in WordPress post

2.2. For Gutenberg Editor

Like it or not, Gutenberg is enforced and will likely replace the Classic editor in a few years. The fact that many clients really enjoy using Gutenberg blocks makes sense for us to keep it updated with the right Gutenberg-friendly plugins.

Below is the tutorial on how to use Document gallery for Gutenberg users.

Required plugins: Document Gallery & FileBird

For those who are not familiar with FileBird, it is a WordPress media library organizer that comes with a great Gutenberg image gallery block. Now FileBird v4.3.1 and its later releases also support document gallery block via dg shortcode (Document Gallery plugin supported shortcode).

After activating those two plugins, navigate to your Media library and upload your document files to a folder. If your files were already uploaded, just bulk select and drag n’ drop them to the destination folder.

Here I’ve renamed the folder as Document and place it on the top of the folder tree for easy view.

Document Folder ID in list mode

In List mode, select that Document folder and look into its URL. You’ll see fbv=folder_id. Refer to the screenshot above, fbv=308 meaning the folder ID is 308.

[dg id=-1 fbv=308]

To display this document folder in a page or post using Gutenberg editor, you add this shortcode with the folder ID:

Create a document gallery with shortcode in Gutenberg

This shortcode pulls the document gallery settings and applies them to this FileBird folder to help those contained documents display on the Gutenberg front-end.

Just as simple as that, when published, your new WordPress document gallery looks like this.

WordPress-Document-gallery-on-the-front-end

There are many Gutenberg users who love Document gallery plugin yet they cannot find a way to utilize it. They ask us to improve FileBird to support DG. And this dg shortcode is our little Christmas gift for them. 🎉

Final Thoughts

This article aims to demonstrate all the steps you have to take to upload unallowed file types and create a nice document gallery in WordPress with auto-generated thumbnails.

Should you have a better solution, don’t hesitate to leave your opinion in the comment box or chatbox below.

We hope you can get it done in no time. Can’t wait to see your document gallery published!

How to Organize Your WordPress Media Library with Folders

Files, files and more files. Stuff is messed up!

Are you getting mad at finding and arranging thousands of files of images, videos or documents that you have uploaded to your WordPress?

You have trouble managing them?

One of the biggest clutter attractors is the WordPress Media Library.

You intend to upload multiple media files for every single post and page you create.

Imagine that you are gonna upload about 10 or 20 images per day. If we multiply that by tens or hundreds of posts, the quantity of files in your Media Library is insurmountable!

Frankly, WordPress does not equip enough tools to help deal with all media files. The Media Library is currently doing quite well in files, but if you need to go further than this like finding specific old files, I bet you’ll be in a world of pain.

That’s where FileBird comes in. It brings some much-needed order to your WordPress Media Library by creating an organized structure of highly filterable folders and subfolders.

FileBird – WordPress Media Library Folders is the official tool developed by Ninja Team to help you deal with this difficulty like shooting fish in a barrel. And it was born to help you overcome the obstacle and take your WordPress Media Library folders organization to the next level.

In today’s article, I’ll take you through exactly how to use this plugin to organize your Media Library. Then, I’ll go deeper into all WP Media Folder’s features to let you manage your WordPress site a whole lot easier and less time-consuming.

How to add folders to your WordPress Media Library with FileBird

Here’s exactly how you can add the plugin to your site by using FileBird.

Before getting started, you’ll need to make sure you’ve:

  1. Purchased the plugin from Envato Market
  2. Downloaded the free .zip file of the plugin from WordPress

Once you’ve got that out of the way, you’re ready to start organizing!

Installing and configuring FileBird

All you need to do is search “FileBird” and install the plugin.

Navigating the FileBird Interface

Here’s what your media library should look like now:

media library

The user interface works a lot like the folder system on your computer, so it should feel pretty familiar.

To create your first folder, you can click New Folder button on the top-left corner:

new folder

Once you create a folder, it will show up in the list on the sidebar:

sidebar

To move a file into the folder, you can just use drag and drop just like you would on your computer:

drag and drop

If you want to move multiple files at the same time, you can click the Bulk Select button:

bulk select

Then, you can click on as many items as you want to move and use the same drag-and-drop approach to move them to a new folder:

bulk select

Creating Subfolders

If you want to create a folder inside another folder, you’ll first want to open the folder in which you want to create a child folder. Then, if you click the New Folder button or right click then select New Folder while inside that existing folder, you’ll be able to create a child folder:

sub folder

Filtering and ordering files to find them faster

To help you find new and old files, FileBird adds a number of new filter and sort options.

You can filter files by:

  • Keywords
  • Date
  • Media items (Audio, images, video, etc.)

You can access these options from the All media items drop-down:

search

You can also resize the sizebar by dragging the three-stripe pattern.

resize sidebar

Stand out features of FileBird

FileBird is equipped with a wide range of useful features that I’ll state in the next section, but here are the three main features which really helps FileBird stand out from the crowd:

  • Manage media with folders and subfolders – you can create as many folders and subfolders as you need to stay organized.
  • Order and filter media – you can filter and order your entire Media Library based on multiple helpful criteria.
  • Smart context menu – right click your mouse to quickly create, rename or delete folders like what you do on your computer.

smart context menu

Other helpful features – friendly UI, compatibility and more!

In addition to the outstanding features mentioned above, FileBird also includes these helpful features:

  • Drag-and-drop Interface – Moving files around is as easy as dragging them to where you want them. Plus, you can drop files anywhere to upload.
  • WooCommerce compatibility – FileBird is compatible with WooCommerce and other eCommerce plugins
  • Page Builder compatibility – FileBird is compatible with most popular page builder plugins like Elementor, Beaver or Composer. It also works with Divi and Bakery if you upgrade to the premium version.
  • 2 media views – You can view your Media Library in two ways, namely a list or thumbnails.
  • Multiple languages support – FileBird supports most popular languages like Spanish, French, Italian, Vietnamese, etc.

Final thoughts and Pricing

FileBird – WordPress Media Library Folders is all about saving your time through better files management to make your WordPress media library cooler. It will not take much time to navigate and search your media files, which means you will spend more time dealing with essential stuff like writing content or promoting your site.

Beyond general time-saving through organization, FileBird can also help you accomplish specific tasks like easily creating, renaming and deleting folders as well as dragging and dropping files with right-click feature.

With all those good points, you’re probably wondering what FileBird is going to cost you. The answer? Not that much. It’s $25 with 6-month support from NinjaTeam alongside with regular updates. If you want to extend supports to 12 months, you can pay $7.5 for that.

Ready to start taking control of your WordPress Media Library?

Start organizing using 10 FileBird folders

If you want to experience more advanced features to make your media library become more organized and neater, you can purchase FileBird pro.

Tips for Multi Author WordPress Website

Your admin dashboard by default offers no sorting features for multi-author WordPress website. In the minimalist scenario, if you have 2 authors uploading several images to WordPress media library on a daily basis, then in the course of half a year, you’ll have a bunch of uploads tucked in the same space.

This is quite a mess. Imagine how difficult it is for those authors to find their media!

In this tutorial, I’m going to show you how to stay organized in a multi-author WordPress website. With the help of these very useful plugins, we can help separate users’ uploads, add more sorting features and speed up our content creation progress.

1. Apply FileBird Plugin’s Features

FileBird helps organize files and folders

Introduction to FileBird

FileBird is a media file manager plugin to make WordPress a better CMS not only for visitors but also for admin agents.

When it comes to content, the largest common part is text, and images come in the second majority. In order to manage your content properly, you definitely cannot skip organizing the media files.

Drag and drop in FileBird interface

All WordPress page and post authors can click to create nested folders. They can drag and drop to rearrange files and folders easily. They can right-click their mouse and select an option from the smart context menu to make changes to their folders!

drag and drop in FileBird plugin

My clients’ authors are almost non-techies. So that’s understandable why they love these easy operations of organizing all their own media files.

And if Gutenberg is your thing, FileBird gallery block component surely helps you insert a folder of images in a rich gallery into your content. Of course, you can also choose which media to exclude from the gallery, too!

Each author is allowed to create private folders for their own media files

Moreover, FileBird also offers a unique feature for multi-author WordPress sites that other plugins don’t.

If you navigate to Settings > FileBird, you’ll see the first setting tab which allows you to enable Private folders. With this mode ON, every editor/author/contributor can create his/her own folders to contain their uploaded files.

FileBird settings each user has his own folder

This setup is extremely useful for your editorial workflow. And I believe you don’t want to miss it once you use FileBird. Good news is, this feature is available even in the lite version on WordPress repo.

So you don’t have to take risks, try WordPress media library folders for free here.

2. Use Filester to Set User Role Capability and Restrictions

Filester is a powerful file management plugin. Without banner ads or call-to-upgrade notifications, this plugin boasts the cleanest UI file manager on WordPress.org. You can download Filester here.

As demonstrated in the screenshot below, where you can make those general customizations.

If you’re concerned the most about your site performance speed, you can set maximum uploaded file size to make sure your authors would do their best to optimize every piece of media.

You can select the display language for each user role when operating around Filester user interface.

You can hide the .htaccess file or enable Trash mode to ensure your website security and assets.

filester file manager settings

Next, I’m showing you how to do advanced settings for each WordPress user or author role.

In the first tab, you have to tick those user roles whose permissions you need to adjust.

wp file manager user role

From then on you can move to the second tab to decide each user role’s restrictions. Here you can toggle so many options to regulate what a user role can and can’t do. There are plenty of role rights and restrictions to fit your website demands, no matter if it’s just a multi-author blog or a multi-vendor marketplace.

wordpress file manager user role restrictions settings

3. Smoothen Your WordPress Editorial Workflow

Edit Flow is a great plugin developed for larger organizations with many people involved in the publishing process.

edit flow plugin wordpress multi author

Its Calendar feature provides a convenient month-by-month look at your content.

Dashboard Widgets and Story Budget help bring an insightful vision for admins.

edit flow plugin features for wordpress

What I love the most about this plugin is its Editorial Metadata.

This feature allows you to create as many date, text, number, etc. fields as you like. By this way, information for each post can be stored clearly, like contact details, required word count, or the location of an interview.

editorial metadata settings in wordpress

This metadata is not published with the post but can be viewed in the WordPress admin. Webmasters can follow up on changes easily by looking for them on the calendar, story budget and list posts screens.

Edit Flow enables editors and content managers to quickly grasp the fluctuating state of content being produced. The team behind are also enhancing Edit Flow modules with Gutenberg over the next few releases.

You can check it out on their dedicated website here, too!

Some Final Words 😘

Those above are tried and tested plugins that we believe to be the most advantageous to your multi-author WordPress blog or content submission websites.

Especially, integrating FileBird folders to WordPress media library would make your authors feel like home and post smoothly, no matter how big your site content is.

Have we left out any worth-mentioning plugins from the above list? If so, let us know in the chatbox below.