How to display galleries based on tags

Tags are a powerful feature in NextGEN Gallery. You can add tags to any image individually, bulk edit/delete/change tags, and dynamically display both galleries and albums based on tags. When you specify a gallery or album based on tags, NextGEN will look for any image in any gallery that has the specified tag and pull it into a new, dynamically displayed gallery.

Adding and Editing

The main place to add image tags is the gallery editor. Go to Imagely > Galleries and click the gallery title to open Edit Gallery, then stay on step 01 Images. Open the ⋮ menu on the image you want to tag and choose Edit Details. Along with other metadata like title and caption, you can add tags for any image separated by commas, in the Tags (comma-separated) field.

To tag several images at once, tick the images you want in step 01 Images and use the bulk Add Tags to Images action. It has a New Tags field, an Existing Tags field, and a Remove all tags option.

Once you have many tags, you can bulk edit your tags from the Imagely > Tags page, where the table is headed Manage Tags. Select any tag and delete it or change it. This can provide an efficient way to manage large quantities of tags and images.

Displaying Images Based on Tags

You can use tags to dynamically generate galleries.

The Imagely block and the shortcode can only point at one gallery or one album, so they cannot express a tag source. To display images based on tags, add the shortcode to your post or page and set its source to tags:

[ngg src="tags" ids="beach,sunset" display="basic_thumbnail"]

• ids – the tags you want to pull in, separated by commas.
• display – the display type you want the images shown as. basic_thumbnail is the standard thumbnail gallery.

If you insert galleries with the block editor, note that the block is now called Imagely and its insert button reads Add Imagely. On sites upgraded from an older version there is also a NextGEN Gallery (Legacy) block; on a fresh install that block is not present.

If you are using the Classic Editor, the NextGEN media button and the TinyMCE toolbar button still open the Insert Gallery Window. There, open the Choose Display accordion (“Are you inserting a Gallery (default), an Album, or images based on Tags?”), select Tags, and then click once in the text box next to the word tags and select the images based on tags you want included in your gallery.

For a gallery you have already created, the layout is chosen per gallery in the gallery editor: Imagely > Galleries > gallery title > 02 Customize > Choose Layout. The options there are ImageBrowser, TagCloud, Thumbnails, Slideshow, Film, Mosaic, Thumbnail Grid, Blog Style, Pro ImageBrowser, Sidescroll, Tile, Masonry, Search, Horizontal Filmstrip, and Pro Slideshow.

DISPLAYING TAG CLOUDS.

You can also display tag cloud in any post or page. Clicking on any tag will dynamically generate a gallery with any images that include the specified tag.

There are two ways to place one:

• Select the TagCloud layout for a gallery at Imagely > Galleries > gallery title > 02 Customize > Choose Layout, then insert that gallery with the Imagely block.
• Add the shortcode directly to a post or page:

With NextGEN Pro, Search is also available in 02 Customize > Choose Layout if you want visitors to search rather than pick from a tag cloud.