How to create a WordPress gallery with categories

This tutorial will show you how to create a WordPress gallery with category filter.

You can add images, YouTube, Vimeo, HTML5 videos, PDF documents, WordPress posts, custom HTML code to the gallery, define multiple categories, add category buttons or selection to the gallery and create a WordPress gallery with category filter.

You can check the demo created with this tutorial at WordPress gallery with category filter. You can click the top buttons to filter categories.

There are five steps in this tutorial:

  • Step 1 - Install Wonder Grid Gallery
  • Step 2 - Create categories
  • Step 3 - Add Images and Videos to the WordPress gallery
  • Step 4 - Show category filter buttons or selection
  • Step 5 - Publish the WordPress gallery and add the gallery shortcode to the WordPress post or page

Step 1 - Install Wonder Grid Gallery

First please install the plugin Wonder Grid Gallery. You can download the free version from the product home page, test it, make sure it working for you before upgrading to the commercial version.

Step 2 - Create categories

In the plugin Wonder Grid Gallery, create a new gallery or edit an existing gallery. In the General Options section, click the link Add Category.

wordpress-gallery-add-category

Step 3 - Add Images and Videos to the WordPress gallery

In the plugin, step 1 Images & Videos tab, add an image or video, the categories you added in the above step will be listed in the Add Image or Add Video dialog.

wordpress-gallery-assign-category

Step 4 - Show category filter buttons or selection

In the plugin, step 4 Options tab, Category Options, check the option "Show categories buttons". In the CSS style dropdown list, you can choose to display the category filter as buttons or dropdown selection.

wordpress-gallery-show-categories

Step 5 - Publish the WordPress gallery and add the gallery shortcode to the WordPress post or page

Click the button Save and Publish, then copy the generated shortcode to your WordPress post or page. You can check the demo at WordPress gallery with category filter.

wordpress-gallery-save