NextGEN Gallery is the most popular photo gallery plugin for WordPress, and with over 5 million downloads it is one of the most popular WordPress plugins of any kind.
NextGEN allows you to create beautiful galleries but also comes with powerful features such as bulk image uploads, grouping galleries into albums, and more.
We're going to show you how to get started with this popular and powerful plugin. We'll show you how to uset NextGEN to create a gallery and place it inside a post or page.
Step 1: Install the NextGen Gallery plugin
Installation is WordPress simple:
Step 2: Set the options
These are the most important items here that need your attention:
On the rest of the tabs you can specify display details. Choose your default thumbnail sizes and what size your ultimate display will be. When you are done with making all your decisions you can start creating your first gallery.
Step 3: Add a new gallery
After you create the gallery, you get a notice with the shortcode for displaying the gallery on a post or page. It's always the same format [nggallery id=n] So the important part to remember here is the gallery id. All the galleries will be displayed based on their id number.
Step 4: Upload images
You can drag and drop multiple images on to the page to upload them. You can also just choose them from the list, click Open, and add them that way.
Step 5: Edit the gallery photos
After the pictures are uploaded you can immediately edit the gallery from the link, or use the side menu and click on Manage Galleries at any time.
The top of the editing screen will show you the options and the bottom will show the images you just uploaded. Interesting to note here is that one of the images I uploaded was a copyrighted clip art image that had information and tags associated with it. (Downloaded from Microsoft ClipArt Gallery) The data was imported with the photo.
The top part of the page has some advanced settings that will aid in the placement and linking of your galleries. That's more than we need for this discussion. Just accepting the defaults will still result in a successful gallery display.
This gives you a good example of the types of things you will want to put in these fields for your own pictures.
At the top of the column is a dropdown that gives you actions you can apply to each pictures.
On the right side of the image table you find the fields for entering details about the image. The checkboxes allow you to exclude or include images in this gallery. Place a check mark in the box next to the ones don't want to appear on the website.
There are a variety of templates available for showing your photos. If you have one that will display titles and descriptions, it will get the information to from here. The tags are handy because you can actually create a short code with tags that will grab all the photos with the same tags. You'll learn more about this when you explore the shortcodes.
Step 6: Create an album to organize galleries
What is the difference between a gallery and an album? Simply, Galleries contain your images and Albums contain your Galleries. Albums act as links and placeholders to quickly and easily navigate your galleries but Galleries will actually display your images.
If you don't have a large number of galleries, you won't need to put them into an album, but if you do decide to use albums, this will help you get organized.
This is how you arrange your albums and galleries. It might make it easier if you thought of albums as categories and galleries as subcategories. For some reason I find the nomenclature more confusing. To me it seems more logical that an album would be inside a gallery. The column arrangement is also not logical to me.
Step 7. Add the gallery to a page
The product does come with several built in display templates for different effects. You can change the layout with various shortcodes. Here's a sample. No need to look for another extension for a slide show, that is built in as well.
[nggallery id=2 template=carousel images=7]
The image below is the same gallery, using the carousel template. There are other shortcodes and you can add additional arguments to them to control different things. You can get a list of shortcodes from this page. http://www.nextgen-gallery.com/nextgen-gallery-features/
That should get you started with the NextGen Gallery. You now know how to create a gallery, upload photos, and create different displays in pages and posts. If you want more power and variety, be sure to explore the extensions that will enhance it.
All of our tutorials are published under the Creative Commons Attribution-NonCommercial license. This means: