How to Dynamically Create a WordPress Image and Video Gallery Using WordPress Media Library IDs

Plugin:

Wonder Grid Gallery, Version 18.6 or above

Tutorial:

When using the Wonder Grid Gallery plugin to create a WordPress gallery, you would normally add images or videos to the gallery through the plugin's gallery editor. This tutorial will guide you on how to add a list of WordPress Media Library IDs to the gallery shortcode, allowing you to use the same gallery setup to create different galleries or to dynamically create galleries using PHP code.
Continue reading

How to Modify Grid Gallery Items Before the Gallery Is Rendered on the Page

Plugin:

Wonder Grid Gallery 18.4 or above

Tutorial:

You can use the Wonder Grid Gallery plugin to create a WordPress posts gallery or a custom posts gallery. This plugin allows you to add multiple categories or custom post types to a single gallery.

By default, the gallery displays the posts one category by one category or one custom post type by one custom post type, according to the order in which you have added them to the gallery.

In some instances, you may want to mix all posts or custom post types in a specific order. For example, you may want to display them alphabetically by post title.
Continue reading

How to create a WordPress post grid gallery and add a post category filter?

Product:

Wonder Grid Gallery

Tutorial:

This tutorial will guide you how to create a WordPress post grid gallery using the Wonder Grid Gallery plugin and add a post category filter.

There are three steps in this tutorial:

  • Step 1 - Create a WordPress grid gallery and define the gallery categories
  • Step 2 - Add WordPress posts to the gallery and assign the category
  • Step 3 - Enable category filter of the gallery

Continue reading

How to add a search box to WordPress Grid Gallery

Product

Wonder Grid Gallery Version 17.4 or above

Tutorial

This tutorial will guide you how to add an external search box to the grid galleries created with Wonder Grid Gallery. You can place the search box anywhere on the same page as the gallery, for example, above or below the gallery, or in a sidebar widget etc.

Continue reading

How to load Wonder plugin JS files as non-render blocking and improve the webpage loading performance

Product:

All Wonder Plugins

Tutorial:

By default, Wonder plugins load the plugin JS files in the WordPress header. While this provides best compatibility with all kinds of WordPress themes, JS files in the header will be render-blocking. That's, the webpage will only be rendered after the JS files are loaded.

There are two methods to load the JS files as non-render blocking and fix the issue.

  • First method: load Wonder plugin JS files in the WordPress footer
  • Second method: use a third-party plugin to aggregate the JS files and load it as non-render blocking

We will also discuss plugin conditional loading at the end of this tutorial:

  • Plugin conditional loading: only load plugins on selected pages or posts

Continue reading

How to dynamically add or remove images and videos in WordPress grid gallery using JavaScript

Product: Wonder Grid Gallery

Level: Advanced

Tutorial:

You can use the premium WordPress plugin Wonder Grid Gallery to create an image and video grid gallery. This tutorial will guide you how to dynamically add or remove images and videos in the gallery using JavaScript.

Continue reading

How to display date, author, categories and tags in WordPress post gallery and WordPress custom post type gallery

Product:

Wonder Grid Gallery 17.0 or above

Tutorial:

In Wonder Grid Gallery, step 4 Options tab, Text and Grid Content, you can add the pre-defined macro variables to the text overlay content and grid content. The macro variables will be dynamically replaced by the content of the gallery item.

Continue reading

How to only display one category in a WordPress gallery with multiple categories

In this tutorial, first we will learn how to create a WordPress gallery with multiple categories. A demo created with the tutorial is as follows: WordPress Gallery with Category Filter. You can click the category buttons on top of the WordPress gallery to show different categories.

In some cases, you may want to add the same WordPress gallery to other webpages, but only want to display one of the category. In the second part of the tutorial, we will learn how to only display one of the categories by using gallery shortcode attributes.
Continue reading