Skip to content

WordPress Tutorial: NextGEN Albums, Creating and Publishing

This is a WordPress Tutorial to show you how to create and publish albums to posts with the NextGEN gallery plugin.

Posted in

Lena Shore

Lena is a full-time freelancer and nerd that specializes in web development, graphic design, and illustration. She enjoys building things, learning new things, pursuing creative endeavors, and giving free advice.

36 Comments

  1. MIKE FIRMAND on March 20, 2015 at 6:23 pm

    I CAN’T FIND MY BOOKMARKS PAGE
    —IT DISSAPEARED

    A LITTLE HELP PLEASE

  2. MIKE FIRMAND on March 20, 2015 at 6:20 pm

    TRYING TO PUT THIS INTO MY BOOKMARKS—-I CAN’T FINE IT CAN YOU HELP?

    GET BACK———-THANKS MIKE

    • Lena Shore on March 20, 2015 at 6:22 pm

      Mike – I’m not sure I understand. You don’t know how to make a bookmark? What browser are you using?

  3. Susan on October 5, 2012 at 3:37 pm

    Thanks for the help! It would have taken me forever to figure out why my album wasn’t displaying. I didn’t realize I had to insert coding so I’m glad I came across your video πŸ™‚

    • Lena Shore on October 8, 2012 at 6:28 am

      *thumbs up!*

  4. Ferpont on June 22, 2012 at 11:28 am

    Hi, Lena… This is a great job you’re doing here.
    I have an issue regarding Albums: When you navigate from the thumbnails in compact mode, to display the actual gallery, you donΒ΄t get a backlink to the album page. I see this as a big usability problem. A lot of people will not know how to get back… Do you know any workaround to solve this apparent flaw of the plugin? or am I not seeing anything clearly?
    Thank you in advance!

    • Lena Shore on June 25, 2012 at 7:38 am

      Couldn’t you just add a back link on that post/page going to the main album page?

      • ferpont on June 25, 2012 at 10:01 am

        Sure, but the problem is this site is for a client who will be adding lots of galleries (photographer) and I can’t make her do the job… It should be automated…
        Thank you anyway!

  5. Claudia Arkush on May 29, 2012 at 9:27 am

    Hi Lena, I have been asking around for an answer to a simple question. I am assuming there is a straightforward answer… I created a page containing four sets of galleries. I want each thumbnail in the galleries to link to a POST containing the image, not the “lightbox” version. (I do want post image to link to a full size lightbox image).

    BTW you have a great website

    • Lena Shore on May 29, 2012 at 4:15 pm

      Here is a link to a tutorial that will allow you to do exactly what you ask: http://www.kimwoodbridge.com/how-to-link-nextgen-gallery-images-to-an-individual-page-or-post-in-wordpress/

      Other ways to accomplish this type of thing are:
      1. Upload your images and give them each a link and include a gallery using WordPress’ built in gallery maker. OR…
      2. Have all the post images from your articles gathered automatically and placed on a page. There are plugins that should do this or if you are handy with php, you can put something in the custom functions file to make it work too.

      Good luck!

  6. Maria Hunt on March 27, 2012 at 6:33 am

    Hi Lena:

    Thanks so much for this helpful and easy to follow video. I found it while searching for more details on using the album function. I have figured out how to create albums on this new blog, but for some reason I can’t get anything to display on the “photo gallery” page other than the gallery thumbnails. When I click on the thumbnails to launch the slideshow, nothing happens. I am using the default version of the Twenty Eleven theme. Here’s a link to that page: http://www.drinkamericanbubbly.org/?page_id=115
    I saw the notes about plugins causing problems. I don’t have many installed, and what I do have doesn’t the social plugin that caused problems for others. Would you mind taking a look? Thanks in advance!

  7. Gilbert on March 8, 2012 at 5:47 am

    Hi,

    I am following your tutorial word for word and inserted the album in my page. When I look at the page I see my album which has two galleries but when I click on the gallery all I get is a blank page. I cannot get my head around it. any help is much appreciated.

    Thanks

    • Lena Shore on March 8, 2012 at 9:20 am

      Is it possible that you created the album and it is empty? Maybe it didn’t save correctly with the added galleries?

      • Gilbert on March 8, 2012 at 9:32 am

        Thanks for your prompt reply. However the album is not empty. I can see both galleries in the WP admin section as well as both galleries in the actual page. When I click on one of the galleries, it simply opens a new blank page. I’ll have another look to make sure.

        • Lena Shore on March 8, 2012 at 9:50 am

          I did a quick google search for your problem. I see references to bad plugins among other things. See if any of these sound like they might fit your problem: http://tinyurl.com/6mnbbw9

          • Gilbert on March 8, 2012 at 9:58 am

            Many thanks once again. I figured out what the problem is. I reverted back to the default twentyeleven theme and the gallery is working. I have to figure out what I can do since I need to use my theme.

            Thanks



  8. sam on October 15, 2011 at 12:14 pm

    Hi Lena, this is really helpful and thanks for this pro bono service. πŸ™‚
    How do I get the filmstrip effect for the photos in the albums?

    • Lena Shore on October 15, 2011 at 1:45 pm

      Sam – glad it was helpful. One cool things about NexGEN is all the other plugins that work with it to add additional functionality to the photo gallery. Follow this link to see how they used NextGEN with some jQuery to get the photostrip: http://nextgen-gallery.com/templates/galleryview/

      (:

  9. Mary on August 29, 2011 at 9:22 am

    Thank you Lena for this tutorial, but i have the same problem of Gerry.
    “I setup my albums in compact mode, but they are not displayed horizontally across the page, they are vertical like the extended one”.
    You can see the problem here: http://www.identitareggiana.org/il-foto-album/
    I had modified the CSS but i can’t find the matter. Could you help me, please?

    In the end: sorry for my english not so good, but i’m italian and an italian tutorial of nextgen doesn’t exist. πŸ˜‰ Bye!

    • Lena Shore on August 29, 2011 at 9:46 am

      Mary,

      I took a quick look and didn’t see anything that jumped out at me. Here are some questions:
      1. Do you have the latest version of the plugin?
      2. Are you sure there are not more than one version of a stylesheet of CSS controlling that page? By default there is one in the plugin folder. But, it’s recommended you remove (or rename that one) and put the CSS in with your theme so you don’t overwrite it with an update.
      3. Did you look in the NextGen options to make sure you don’t have a setting for “one album per line” or something similar. I know there is some setting in there that might be an issue.

      Let me know and I’ll keep trying to help.

      (:

      • Mary on August 29, 2011 at 10:04 am

        Yes, i have the latest version of the plugin and i’m working on a default stylesheet of CSS of Nextgen, but i couldn’t find the matter. Maybe I have to put my CSS in with my theme and not update the default stylesheet?
        Sorry for my explanation not so good, but i’m really unable with this codes. πŸ˜‰ Thanks

        • Lena Shore on August 29, 2011 at 10:11 am

          Your explanation and English are good. Sorry my Italian is non-existent. (:

          There is nothing wrong with working with the default style sheet inside the plugin folder. Just make a back up of it as the next NextGen update you install will overwrite it. You might also take the time to move all the CSS into your theme CSS. Then remove (or rename) the CSS that was in your plugins folder so it won’t read it. Then you can update NextGen without it overwriting your CSS.

          Did you check the NextGen options for displaying the thumbnails?

          • Mary on August 29, 2011 at 10:22 am

            I think that options are right, but i haven’t understand how to move all the Nextgen CSS into my theme CSS (Stardust).



  10. Cynthia on August 4, 2011 at 5:53 pm

    I’m looking for tutorials geared more towards installing NextGen on a well established blog that has lots of photos that WordPress handles on it’s own. As I’d like to expand the management of the native system. Seems most tutorials are geared toward NextGen as a new gallery on a new blog.

    Anyone have links to other tutorials? Thanks.

    • Lena Shore on August 5, 2011 at 7:26 am

      Cynthia – I may not be understanding your question. NextGen uses it’s own upload folder for images as I understand. So, I’m not aware of a way to get it to grab images from the main images folder for WordPress. You might go to their website to see if it’s possible. I think you would have to upload all the existing folders to the NextGen folder to be able to work with them in NextGen.

  11. peyman on June 26, 2011 at 7:05 am

    Just wanted to send you a big thanks. It really helped πŸ™‚

  12. Rafi Shachar on June 15, 2011 at 8:36 am

    Hi. I have an album on this page
    http://theballoonatics.com/balloons/
    But I don’t like the way the captions look. Do you know how to edit them, and if so, any chance you could share that info with me? Thanks!

    • Lena Shore on June 15, 2011 at 8:56 am

      This tag is set to 19px in your style.css file and the place you should do your restyling in CSS…

      .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited { font-size: 19px;}

      (:

  13. donnam13 on June 15, 2011 at 2:30 am

    After googling for two evenings, your video popped up and would you believe? you are the *only* site out there that actually shows how to properly create and edit an album. Fantastic that you taped it so we can watch and follow too! Thanks.

    • Lena Shore on June 15, 2011 at 7:34 am

      Excellent! I’m glad i could help. I have to say that when I first used NexGen, I was also running into problems figuring it out. I was inspired to make the video to hopefully save some people the same frustration. They’ve improved the product quite a bit now. I am probably due to update the video.

  14. Gerry on June 29, 2010 at 12:42 am

    Hi, great video, but I’m having 1 issue, I setup my albums in compact mode, but they are not displayed horizontally across the page, they are vertical like the extended one. I typed my code exactly as you did. Take a look at my page.

    http://gkphoto.ca/?page_id=43

    Hopefully you can help!

    • Lena on June 29, 2010 at 3:20 pm

      Ah. The trick is all in the CSS. You’ll need to add a CSS declaration in the styling to make the “div” (box) that holds the album “float” to the left. By default all divs are 100% across. When you assign them a width or float them, you can have several on the same line. I believe the one you need is this:

      .ngg-gallery-thumbnail-box {float: left;}

      You can go to the style sheet and find the “.ngg-gallery-thumbnail-box” and add the “float:left”. I bet that will get you where you are going!

  15. Giovanni on May 19, 2010 at 3:00 am

    Thanks for this. How can you sort the galleries in an album? Mine are just sorted by Gallery ID but I’d like to have my own sorting.

    I tried dragging back and forth on the Album page in the admin section but that doesn’t do the trick …. any ideas?

    • Lena on May 20, 2010 at 7:32 am

      Looks like you can sort by tags or categories. Look at your general options under NextGEN to check which one you want to use and then use this tag when calling the gallery:

      [ nggtags gallery=cologne,wordpress,… ]

      Hope that helps. I haven’t tried it. (:

  16. Birdhammer on April 15, 2010 at 1:58 pm

    I can’t believe I found this video! I have been searching for months to get info on how to use the album in Nextgen, I thought it wasn’t working. Turns out I was dragging to the right instead of the left. I might go so far as to say you saved my life…thank you for making this SO simple. You are a rock star!!!

    • Lena on April 15, 2010 at 3:49 pm

      I’m thrilled it helped you. I, like you, was having some similar issues when I first used it. Then I had a friend with the same issues and it prompted me to make the video. I thought that perhaps it would be a good tutorial since the only two people I know personally that have used NexGen Gallery had problems.

      And, bonus – I’m a rock star! THANKS!

Leave a Comment





This site uses Akismet to reduce spam. Learn how your comment data is processed.

Archives