This is a WordPress Tutorial to show you how to create and publish albums to posts with the NextGEN gallery plugin.
WordPress Tutorial: NextGEN Albums, Creating and Publishing
Previous post: What is the difference between Outlook and Outlook Express?
Next post: Prevent your email from hitting the “junk folder”
{ 20 comments… read them below or add one }
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!!!
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!
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?
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. (:
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!
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!
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.
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.
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!
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;}
(:
Just wanted to send you a big thanks. It really helped
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.
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.
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!
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.
(:
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?
Thanks
Sorry for my explanation not so good, but i’m really unable with this codes.
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?
I think that options are right, but i haven’t understand how to move all the Nextgen CSS into my theme CSS (Stardust).
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?
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/
(: