WordPress NextGEN Gallery Shortcodes

Whenever we build a website using WordPress and the client request a gallery – we always use NextGEN.

I can’t fault them for the features it offers, its a fantastic bit of kit – but when it actually comes to the shortcodes to get it to display stuff – NextGEN fail big time.

So i google it every time, sometimes finding what i want – but most of the time having to piece it together from examples people have p=ut on forums.

Today, i found a blog that lists many of the Shortcodes – so i thought i’d repeat them so they are easier for people to find! - Thanks InfoPint!

List of Short Codes for NextGEN Gallery

Short codes are the piece of text which you add along with you text on your blog post or sidebars. Short codes can also be added inside the theme templates.

For a slideshow :[ slideshow id=x w=width h=height ]
For a album : [ album id=x template=extend] or [ album id=x template=compact ]
For a gallery : [  nggallery id=x ]
For a single picture : [ singlepic id=x w=width h=height mode=web20|watermark float=left|right ]
For a image browser : [ imagebrowse r id=x ]
To show image sorted by tags :[ nggtags gallery=mytag,wordpress,...  ]
To show tag albums : [ nggtags album=mytag,wordpress,...  ]

Create Special Effects using Short Codes  in the template files

Short codes can be called from any theme template files, using  do_shortcode template tag   from the template files. Here are some examples

<?php echo do_shortcode(’[ slideshow id=2 ]); ?>

You can use this technique to create special flash headers with rotating images or create a showcase effect like here www.StyleHaute.com

Display Gallery view


[ nggallery id=1 template=galleryview images=0 ]

Useful Links for NextGEN Gallery







If you can think of any more shortcodes – or if NextGEN include any more in future releases then please comment. :)

6 Responses to “WordPress NextGEN Gallery Shortcodes”

  1. WW Admin May 14, 2013 at 3:03 pm #

    Michael Visser

    Submitted on 2010/04/02 at 11:09 pm
    Your readers may be interested in a bridge I have made available that links SlideShowPro to NextGEN Gallery. Take a look:


  2. WW Admin May 14, 2013 at 3:03 pm #


    Submitted on 2012/07/11 at 4:20 pm
    realy great , helpful ….thanks:)

  3. WW Admin May 14, 2013 at 3:03 pm #

    Colm Morgan

    Submitted on 2012/09/25 at 12:18 pm
    I have been using the NGGallery and I would like to display specific images from each gallery on a specific page. Tags seems to be the simplest method up to this point.

    Basically, I have 5 galleries, each to be displayed on individual pages to support the content. However, my galleries contain between 10 & 25 images, but I only want to show 4/5 on each page. The full galleries will then be displayed on a separate, specific Gallery section of the website (client request).

    I have set my tags as “hero” but this does not appear to be limited to any gallery. I am using the shortcode [nggtags id=1 gallery=hero] where the ID would change per gallery.

    Is there a way I can use this method without using alternate tags to determine which images are displayed?

    Any help on this would be much appreciated. Thanks.

  4. WW Admin May 14, 2013 at 3:03 pm #


    Submitted on 2013/02/14 at 6:43 pm
    New site…setting up the NextGen galleries.

    Question: is there a way, shortcode, plugin, that will enlarge the thumbnails by hovering or passing over them, say like some Amazon sites?


  5. Jonathan June 5, 2013 at 4:44 pm #

    Wondering if there is any way to have a slideshow display with the album links below it – it’s rather frustrating having to hack in even a “back” link, as users are somewhat stuck once they reach the slideshow.

  6. Alex G July 4, 2013 at 12:58 pm #

    I would like to ask what should I do to make a gallery work exactly like the following one.
    1. Without AJAX
    2 To have Navigation Controls
    3. To have Thumbs,
    4. And to be resized on window resize

    Thanks reaaaallly a lot in advance!

Leave a Reply