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.

Wordpress NextGEN shortcodes

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. Michael Visser said on

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


  2. meerpanhyar said on

    realy great , helpful ….thanks:)

  3. Colm Morgan said on

    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 said on

    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

Service with a difference We're always covering news to do with the industry and sharing our thoughts. If you have any questions or feedback on anything, just let us know. Our news items are based on our expertise which we inject in to every website we make. If you want to collaborate with us on your website, just get in touch and let us know your plans for it.

Talk to one of our experts on
01623 650333

Contact us
Get your free website review

Think your website may need a refresh? Just let us know your website address, your phone number or your email address and we'll get one of our experts to review your website for free!

  • This field is for validation purposes and should be left unchanged.
"Thank you for your work on the Aqua Motion website. We’re all really happy with it, the quality of the work you have produced is top notch and how quickly you responded to my requests was excellent."
Alex Thornton – Business Development Manager, Aquamotion
"The design, development and marketing work Dijitul do for us is invaluable"
Rosie Lees – Managing Director, Milner Off Road
"The team as a whole are very easy to work with, bringing with them good communication, excellent technical problem solving capabilities and a general can-do attitude."
Kish De Silva – Ecommerce Manager, Morley Menswear

Mistakes to Avoid in Digital Marketing

23/01/2015 read more

Latest Marketing Post

Web Design and Website Photography – Why good photos matter

18/02/2015 read more

Latest Web Design Post

Upcoming EU VAT Changes To Effect Digital Industry

25/11/2014 read more

Latest Ecommerce Post

We make awesomefunctionalsuccessfulbeautiful cleanprofessionalsmalllargewordpressecommercemoderneye catching websites

enquire today