How to Create WordPress Image Gallery with Category Filter?

Updated on October 27, 2023 by Ananda

Table of Contents

Make your WordPress image gallery more user-friendly and organised by adding a category filter. With a category filter, visitors can easily browse through specific image categories, making it easy to find the images they’re looking for.

With the Media Listing block from The Plus Blocks for Gutenberg, you can easily create a WordPress image gallery with a category filter.

To check the complete feature overview documentation of The Plus Blocks for Gutenberg Media Listing block, click here.

Requirement  – This block is a part of The Plus Blocks for Gutenberg, make sure its installed & activated to enjoy all its powers.

To do this, add the Media Listing block on the page, select Images from the Type dropdown, then select the appropriate listing style and layout from the Layout tab, go to the Content tab, and choose Repeater from the Select Option dropdown.

Note: The Category option is only available for Repeater.

Make sure you’ve added and assigned categories to your images while adding content to each repeater item.

Then go to the Filters tab, and turn on the Category Wise Filter toggle.

Note: Category filter is not available for the Carousel layout.

Now you’ll see filter options in your image gallery that you can use to filter images by category.

media listing category wise filter

Note: Similarly, you can add a category filter to a video gallery by selecting Videos from the Type dropdown.

You can edit the ‘All’ filter label from the All Category Text field.

From the Filter Style and Filter Hover Style, you can choose different styles for the category filter labels for normal and hover states.

From the Filter Alignment section, you can align the filter label.

media listing category wise filter demo

Also, check How to Create a Video Carousel in WordPress.