WordPress Tutorial: NextGEN Albums, Creating and Publishing
March 15, 2010 / Updated: March 15, 2010 / Lena Shore
Filed under: General
This is a WordPress Tutorial to show you how to create and publish albums to posts with the NextGEN gallery plugin.
I CAN’T FIND MY BOOKMARKS PAGE
—IT DISSAPEARED
A LITTLE HELP PLEASE
TRYING TO PUT THIS INTO MY BOOKMARKS—-I CAN’T FINE IT CAN YOU HELP?
GET BACK———-THANKS MIKE
Mike – I’m not sure I understand. You don’t know how to make a bookmark? What browser are you using?
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 🙂
*thumbs up!*
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!
Couldn’t you just add a back link on that post/page going to the main album page?
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!
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
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!
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!
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
Is it possible that you created the album and it is empty? Maybe it didn’t save correctly with the added galleries?
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.
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
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
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/
(:
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?
Sorry for my explanation not so good, but i’m really unable with this codes. 😉 Thanks
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).
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.
Just wanted to send you a big thanks. It really helped 🙂
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;}
(:
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, 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!
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. (:
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!