These wonderful NextGen JavaScript photo galleries work perfectly in WordPress (WP) using two plugins.
Here are two examples of the galleries:
An example of a NextGen Gallery on a home page.
An example of a NextGen Gallery in a post.
I want to point out that these galleries will not pass current HTML or CSS W3 standards. They have been tested and work on the following browsers: IE7 & 8, Firefox 3 & 3.6, Safari 4 and Crome4 & 5.
Step-by-Step Guide
1. Download these two plugins and activate them. You need both to make the gallery work.
NextGen Gallery
NextGen Smooth Gallery
2. In WordPress set up the general options for NextGen smooth gallery.
After selecting your general appearance options. I will explain it in more detail later. You must select the IFrames option to have the gallery appear on the home page .
You have two options for inserting the code in your site. I used the “Write on your post” option. I used the full code so that each gallery’s options can be customized—for example the size.
Code generated by the Smooth Gallery plugin.
3. Add a Gallery.
I had more control over the final result by cropping and the sizing the images to be the same dimensions as the gallery. For images that did not fill the full space of the gallery I added the additional background to the image prior to adding it to the gallery.
Image with background added
There are several options for adding your images to the gallery. Again I opted for more control. Therefore I uploaded a folder with the images in the “gallery” folder in the “wp-content” folder using FTP.
I named both the folder containing the images and new gallery in WP the same. I found using this method that I could manage the images more efficiently when adding, deleting or updating images.
The “Manage Gallery”
Each gallery is auto-assigned an all-important ID number by WP as each gallery is added to the site. This is the number you will be placing in the code.
ID number is auto-assigned by WP.
Here you can see the path to the folder. Scanning the folder will update the gallery of any changes to the images in its assigned folder.
Gallery and folder both have the same name.
Shown here is the correlation of the gallery elements in these screen grabs of the online gallery, a section of the “manage gallery” and the code.
Correlation between online gallery, WP interface and code.
4. Place the gallery online.
Place the gallery in a post:
Take the code either short or long and place it in the body of your post. Change yyy to the gallery’s ID number. For the Fève site I wanted a thumbnail not the NextGen Gallery to be used with the post’s excerpt throughout the site. Therefore a separate image had to be assigned as thumbnail image to each post.
Place the gallery on the home:
This is a bit trickier and requires yet another plugin—Advanced Text Widget. This plugin will allow you to place PHP code in a widget. After downloading and installing the plugin drag an Advanced Text widget to a section of your site. For the Fève site I wanted the gallery to be before the content only on the home page. For this gallery I needed to use the PHP code provided in the Gallery Smooth Specific Options. Because I used the PHP code I had to use the iFrames option in the settings or the gallery would not appear on the page. Widget Logic plugin was used to place the gallery only on the home page.
Advanced Text Edit Widget
5. Style your galleries with CSS.
That’s all there is to adding these great galleries to your WordPress Web site.
Your comments are welcome.
by reader
+44 (0)1480 473782
bcotier
Very well web …. Thanks guy…
Like or Dislike:
0 
0
i like it Tutorial for using NextGEN glib Galleries in WordPress now im your rss reader
Like or Dislike:
0 
0
great site you have ghere
Like or Dislike:
0 
0
I just want to mention I am new to weblog and definitely enjoyed your web page. Probably I’m going to bookmark your website . You certainly come with very good articles. Thank you for sharing with us your webpage.
Like or Dislike:
0 
0
I know this is truly boring and you are skipping to the next comment, but I just wanted to throw you a large thanks – you cleared up some things for me!
Like or Dislike:
0 
0
Thanks a lot for sharing this with all of us you actually know what you’re talking about! Bookmarked. Kindly also visit my site =). We could have a link exchange arrangement between us!
Like or Dislike:
0 
0
Hello my friend! I wish to say that this article is amazing, nice written and include almost all significant infos. I would like to see more posts like this .
Like or Dislike:
0 
0
I like this blog very much so much excellent info .
Like or Dislike:
0 
0
F*ckin’ awesome things here. I am very glad to see your article. Thanks a lot and i’m looking forward to contact you. Will you please drop me a e-mail?
Like or Dislike:
0 
0
Super. I have subscribed to your RSS to keep updated
Like or Dislike:
0 
0
Continue the good work, wonderful job! It was the info I needed. Can I put a number of this on my blog if I incorporate a backlink to this web page?
Like or Dislike:
0 
0
I found your blog web site on google and check a number of of your early posts. Proceed to keep up the superb operate. I simply additional up your RSS feed to my MSN Information Reader. Searching for ahead to studying more from you afterward!…
Like or Dislike:
0 
0
i like it Tutorial for using NextGEN sweet Galleries in WordPress at this moment im your rss reader
Like or Dislike:
0 
0
Wow, fantastic blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your website is great, as well as the content!
Like or Dislike:
0 
0
Oh my goodness! an amazing article dude. Thank you However I’m experiencing subject with ur rss . Don’t know why Unable to subscribe to it. Is there anybody getting similar rss problem? Anybody who is aware of kindly respond. Thnkx
Like or Dislike:
0 
0
This can be such an excellent resource that you are delivering and you provide away free of charge. I like seeing internet websites that realize the value of offering a high quality resource totally free. It?s the previous what goes throughout comes around schedule.
Like or Dislike:
0 
0
Great site!Thanks for sharing!Good luck everyone!
Like or Dislike:
0 
0
Just like someone else documented what a wonderful blog this is. Usually I dont take the time with a remark but for your time and effort you are worthy of one. Congrats
Like or Dislike:
0 
0
i like it Tutorial for using NextGEN Smooth Galleries in WordPress now im your rss reader
Like or Dislike:
0 
0
Nice post, I’m bookmarking this site
Like or Dislike:
0 
0
I can see that you are an expert at your field! I am starting a website soon, and your information will be very useful for me.. Thanks for all your help and wishing you all the success in your business.
Like or Dislike:
0 
0
You have wonderfully written the post. I have liked your way of writing this. Thanks for sharing this.
Like or Dislike:
0 
0
I will immediately grab your rss feed as I can’t find your e-mail subscription link or e-newsletter service. Do you’ve any? Kindly let me know so that I could subscribe. Thanks.
Like or Dislike:
0 
0
You made some nice points there. Thank you for the good post!
Like or Dislike:
0 
0
very nice put up, i actually love this website, carry on it
Like or Dislike:
0 
0
I’d like to start my own blog eventually. This was a really nice blog that you simply made here. Keep up the success
Like or Dislike:
0 
0
you are really a good webmaster. The web site loading speed is incredible. It seems that you are doing any unique trick. Also, The contents are masterpiece. you have done a great job on this topic!
Like or Dislike:
0 
0
i like it Tutorial with respect to using NextGEN Smooth Galleries in WordPress since im your rss reader
Like or Dislike:
0 
0
Great blog. Keep blogging. Please visit mine when you have the time.
Like or Dislike:
0 
0
Great article. Waiting for more.
Like or Dislike:
0 
0
Good read, your post is very useful!
Like or Dislike:
0 
0
Hi – Wow, what a great blog.
Like or Dislike:
0 
0
You seem to know a lot about this. This is good blog. A great read. I’ll certainly be back.
Like or Dislike:
0 
0
As a Newbie, I am always browsing online for articles that can benefit me. Thank you
Like or Dislike:
0 
0
Any update on this ? Excellent information keep it up!
Like or Dislike:
0 
0
WONDERFUL Post.thanks for share..more wait .. …
Like or Dislike:
0 
0
Hi webmaster and commenters ! The blog was absolutely fantastic! Lots of great information and inspiration, both of which we all need!b Keep ‘em coming… you all do such a great job at such Concepts… can’t tell you how much I, for one appreciate all you do!
Like or Dislike:
0 
0
I have been checking out a few of your stories and i must say pretty clever stuff. I will definitely bookmark your blog.
Like or Dislike:
0 
0
Good to know
and hey….i wanne say thanks for the usefull knowledge.I just love it!
Like or Dislike:
0 
0
Good read i think your website is fantastic with superb content which i like to add to my bookmarks.
Like or Dislike:
0 
0