How to Create WordPress Image Gallery with Category Filter?

Key Takeaways

  • Utilize the Media Listing block from Nexter Blocks to create a WordPress image gallery with a category filter.
  • Activate the Category Wise Filter toggle in the Filters tab to enable filtering options for images by category.
  • Edit the filter label and styles in the Filter Style and Filter Hover Style sections for customization of category filters.
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 Nexter Blocks, you can easily create a WordPress image gallery with a category filter.

To check the complete feature overview documentation of the Nexter Blocks Media Listing block, click here.

Requirement  – This block is a part of the Nexter Blocks, make sure its installed & activated to enjoy all its powers.

To do this, add the Media Listing block on the page,

1. Select Images from the Type section.

2. Then select the appropriate listing style and layout from the Layout tab.

Note: The Category option is only available for Repeater.

3. Go to the Content tab, and choose Repeater from the Select Option section.

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

4. 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.

How to Create WordPress Image Gallery with Category Filter?

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

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.

About the Author

Photo of Aditya Sharma CMO of Nexter
CMO at POSIMYTH Innovations · Nexter · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressThemesElementorn8nAIClaudeAutomationServer

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!