WordPress NextGEN Gallery Shortcodes

Posted by dijitul 02/04/2010 Posted by: 

Whenever we build a website using WordPress and the client requests 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 put 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. 🙂

4 responses to “WordPress NextGEN Gallery Shortcodes”

  1. Your readers may be interested in a bridge I have made available that links SlideShowPro to NextGEN Gallery. Take a look:


  2. meerpanhyar says:

    realy great , helpful ….thanks:)

  3. Colm Morgan says:

    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. Bart says:

    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?


Leave a Reply

Your email address will not be published. Required fields are marked *

Get in touch today for a free project estimate or website review
  • This field is for validation purposes and should be left unchanged.
"The staff were friendly, approachable and always happy to go the extra mile (including in our case producing newsletter templates and I.D card designs for free). A huge thank you to all the staff, and a special mention to Charlotte who worked closely with us to ensure we were getting the website and service we wanted."
Joe Buxton – Project Manager, Mansfield Play Forum
"Dijitul helped us develop our new website and as a new company it was vital that our presence in the marketplace was more visible. I think they achieved this and then some, we have upped our enquiry level by some margin and now have a different problem of keeping up with the enquiries."
Nigel Townsend – Director, Neat Vehicles Ltd
"A great team of people with excellent knowledge, communication and end product. Would absolutely recommend to anybody for any website needs. A pleasure to work with."
James Phipps – Director, My Birthday Vouchers Ltd