I am proud to introduce my next WordPress Plugin, WordPress Gallery Plugin. This is highly customizable plugin was created using Nivo slider which is a jquery slideshow plugin created by dev7studios.
WordPress Gallery Plugin makes it as easy as it could possibly be to create gorgeous sliders for your WordPress powered site. Forget nasty custom fields and image URLs. You can even forget about manually resizing every image before you upload it because wordpress gallery plugin is using timthumb image resize script to auto resize images with dimensions of your choice.
Demo
Download
WordPress Gallery Plugin comes with huge list of features. Create separate slideshow for every page or post, and place them anywhere on your WordPress website with ease.
This plugin creates a new shortcode for WordPress. With this new shortcode, you can create a wordpress slideshow just by typing [wpg] while you’re writing your post or page. This will display the images that you have uploaded to the current post or page.
Features
- Add Different slider for each post/page with different sets of images.
- Over 16 different transitions
- TimThumb integration for image resize.
- Colorbox Integration for lightbox.
Installation
- Upload the “wordpress-gallery-plugin” folder to your /wp-content/plugins/ directory.
- Login to your admin section, go to the Plugins section and activate the WordPress Gallery plugin.
- You can access the settings page using the Wp Gallery menu item, where you can adjust the default settings for the WordPress Gallery Plugin.
How to use WordPress Gallery Plugin
- Start writing a new post or page.
- Attach some images to the post/page using the Add Image button. Just upload them and click on “Save All Changes” button don’t insert them inside your post/page content.
- To add wordpress gallery in your post/page text, type [wpg], including brackets. Alternatively, add parameters as described below WordPress Gallery Parameters.
[wpg]
4. Publish and view your post/page.
[wpg] shortcode parameters
- width Set different width for each gallery
- height Set different width for each gallery
- effect See all the available effects at Effects.
- exclude Default it is set to ‘false’ if you want to exclude some images attached to your post/page then just add image ids separated by comma(,).
- border_color Colors are defined using a hexadecimal (hex) values add color values without # e.g. 000000
- border_size Set Border size in px like e.g. 5px
- link By default it is set to ‘true’ you can set it to false if you dont want anchor tags to your images.
- align You can align your gallery using this option available parameter are left,right,center
- slices For slice animations you can set this option with total number of slice by default it is set to 15.
- boxCols For box animations you can set number of columns
- boxRows For box animations you can set number of rows
- animSpeed Set Slide transition speed
- pauseTime Set How long each slide will show
- directionNav value will be true or false to display or hide direction prev next navigation arrows.
- directionNavHide Show direction nav only on mouse over value will be true or false
- controlNav value will be true or false to display or hide 1,2,3… navigation.
- pauseOnHover Stop animation while hovering value is true or false
Some Examples of [wpg] Shortcode
-
Default Shorcode without parameters
[wpg]
Gallery will be displayed using the default settings which you set on “WordPress Gallery Plugin” options page.
-
Example with setting width,height,effect,border_color,border_size,align
[wpg width="400" height="200" effect="fold" border_color="c00000" border_size="5px" align="right"]
See all the available effects at Effects.
-
Example with setting width,height,effect,align,animSpeed,pauseTime
[wpg width="400" height="200" effect="fold" align="right" animSpeed="500" pauseTime="3000" border_size="0px"]
Set border_size=0px if you don’t want border for your gallery.
Available Effects Which You can use
The effect parameter can be any of the following:
- sliceDown
- sliceDownLeft
- sliceUp
- sliceUpLeft
- sliceUpDown
- sliceUpDownLeft
- fold
- fade
- random
- slideInRight
- slideInLeft
- boxRandom
- boxRain
- boxRainReverse
- boxRainGrow
- boxRainGrowReverse
[wpg_thumb] Shortcode
WordPress Gallery Plugin to display Thumbnails
One more shortcode available with this plugin is [wpg_thumb] which is used to create generate thumbnails of all the images attached to your post/page.
By using this shortcode you can create your own portfolio, product showcase easily.
Using [wpg_thumb] Shortcode
Just add [wpg_thumb] to your post/page to display thumbnails of all the images attached to your post/page.
Parameters for [wpg_thumb] Shortcode
- width Set Image width in pixels e.g. 125px
- height Set Image height in pixels e.g. 125px
- border_color Set Image border color in Hex e.g. 000000
- border_mover Set Image Mouse Over border color in Hex e.g. C00000
- border_size Set Border Size in Pixels e.g. 5px
If you don’t want border then set it to 0px.
- link Set Link true or false
- lightbox Set lightbox true or false
- exclude By Default it is set to false if you want to exclude some images then add image ids, If you want to exclude several images then add them comma separated like e.g. ’24,34,54′
- perrow Number of images to display in one row.
If you donate even a small amount, that both keeps me enthusiastic and it allows me to keep working on improving my plugins!
Hello!
when I click on SAVE SETTINGS I get an error
” You do not have sufficient permissions to access this page.”
any suggestions?
thanks
Jason
Issue is solved now.. download Plugin files once again.
Awesome plug-in! I was wondering if it will support captions for each slide at some point?
Yes in next release there will be options for caption and custom url if you want to link image to website url’s
Hello there,
I am trying to use your [WPG]Shortcode Parameters. I’d like to use serveral slideshows on the same page but each slideshow gotta contain different images. I uploaded my images and I’d like to use you “exclude” shortcode to exclude some images but I don’t succeed to make it work. Can you help me out?
different sets of image on single post/page is not possible with current version.
The slide show is showing images full size,but keeping the image window size (800×600), so I only see part of some of the images. Does it not auto scale?
can you show me website url where you added my plugin.
Hi! Love the plug-in! I’m having problems with it loading very slowly, though.. About 10 seconds… Any suggestions on what to check?
can you show me your website link? if you don’t want to disclose in comments you can email me from my website’s contact form.
Hi, snilesh! Great plug-in. I’ve tried a lot, and yours works best for me.
Quick question (I hope) … how can I set the galleries’ photos to opaque? My other content is transparent but I’d like very much for the BG not to bleed through your lovely gallery.
Best wishes,
Susan
P.S. I WILL make a donation, but I’m flat broke right now, until I finish the next few web sites.
Thanks you like it
What exactly want with background? transparent background to gallery?
Is there a way to set the background to opaque? (see my original question above). Thanks!
Hi,
I think it’s a great plugin, but the images won’t load?
I upload 3 images, then save settings, then add [wpg].
All I get is 3 dots loading..
Any ideas?
I am trying to use the plugin but it only showing loding animation but the images not appearing. If I click over it the image opens correctly.
I could not sort out. Do you have any idea?
can you show me link where you installed my plugin?
I believe I followed all the instructions correctly but I must have missed something… I am only getting one picture on the post I am testing this on: http://michelledemarco.net/test/115
It isn’t cycling through the photos I uploaded. Any advice?
can you share link of website where you installed my plugin.
Please let me know how to exclude an image from the gallery.
Can’t just delete it, because it used on the post.
you have to add comma separated attachment id which you want to exclude like
If i want to exclude images having attachement id’s as 32 and 33
Brilliant plugin! The only thing I want to know is if it’s possible to use the plugin without using the shortcode. I want to place it in the loop manually as it needs to be in different places in the post on different pages.
Hi Snilesh, Thanks for the great plugin. I’ve had a hard time troubleshooting others which also use Nivo slider, but yours works nicely. I was wondering if it’s possible to add captions with WordPress Gallery Plugin? I’d like a bit of text to accompany the images.
Thanks for your help!
Any vertical photos are not loading properly.
Help?
where you installed my plugin? show me your website url.
Hi there, I’m trying to get this working however there seems to be some weirdness occurring. I’m on WordPress 3.1.3 and my main library is Mootools, but I don’t think this should cause any conflicts. Do I need to have jQuery running by default? I’m not seeing it getting embedded in the header…
Oh..right okay I needed to install jQuery and the nivo-slider assets…okay this is great! One thing though, the lightbox functionality is not working, do I need to install a specific script for this? Cheers.
you not needed to include any additional javascript files like jquery or nivo slider js. i think there may be javascript errors because of which plugin is not working. can you show me website link where you added this plugin.
It’s here: http://www.creativelifeform.com/client/simonupton/build/
I had to include jquery and nivo-slider.js to get it to work. It didn’t work otherwise. Also, I am getting an error in firebug (although it works fine in FF):
jqu(“#wpgslider1_0 a.wpg_slide_image”).colorbox is not a function
Okay like the other parts, I had to include the ColorBox files to get the lightbox to work. One thing though, would be great if, through the lightbox, we could navigate through the photos in the gallery. It seems like this wouldn’t be too hard to implement?
hi, i commented yesterday, but it didn’t seem to work, i have the plugin working on my site, but when a picture “transitions” the image seems broken, with loads of lines running through it? any idea why this could be?
thanks for your help.
can you show me website where you installed my plugin.
Hi great EASY plugin thanks! Tried lots of galleries but this one is working great on two other sites. Problem I am having at this site with exactly the same settings is that images open as a separate image in a different window & I can’t work out why!! I really want a gallery slideshow as on the other sites! Thank you Cheers Patti
OK quickly solved it myself thanks by deactivating the wp-gallery beautifier plugin!! Thanks.
Is it possible to add captions to the image thumbnails?
not possible with this version. I will add that in next release.
Hi, why the image slideshow does not appear even though I put the shortcode template tag in theme? This is similar to issue where samit says:
June 3, 2011 at 4:25 pm
I am trying to use the plugin but it only showing loding animation but the images not appearing. If I click over it the image opens correctly.
I could not sort out. Do you have any idea?
show me website where you installed this plugin.
There is one folder inside my “wordpress-gallery-plugin” with ‘cache’ as folder name. Make sure to set ’777′ as File Permissions to this folder.
I’m running the plugin but my gallery doesn’t appear – I just get the spinning circle as though it’s doing something but nothing appears.
Never mind… figured it out finally.
How did you get it to work out? I am having the same issue.
Any help would be great! Thanks!
Everything was working flawlessly till I did the WP 3.2 update. Now only one of the six attached images shows up, nav is gone, etc. Hope this is an easy fix! Great plugin, worked exactly as billed and very nice integration.
Yes there is one nivo slider bug with latest version of jquery. i will update this plugin in next one hour.
Just updated wordpress gallery plugin to 1.1 update plugin with latest release. to solve this issue.
The issue has cleared. THANK YOU! Lightning support!
Having an issue getting the images to show?
using basic tag [wpg]
4 images are uploaded, but when I update the page it just looks as though it’s trying to load… 4 little dots keep scrolling away…but nothing shows up?
Inside ‘wordpress-gallery-plugin’ folder there is one folder with name ‘cache’ just change file permissions of the folder to 777
Love the plugin. Will donate. However, I did set the cache folder to 777 (was default 775 i think).
Can you help me determine why I can’t get past the loading icon? I see someone above had same problem and they solved it, but they didn’t post wtf they did! LOL
Yes, I tried installing the jquery and other stuff mentioned… so I am trying to make it work!
Help!
URL of slide show http://poodle-pups.com/puppy-photos/
where you installed my plugin? send me url.. also send FTP details using my websites contact me form..
Hey, really excited about the plugin, I am just having a problem. I added the [wpg] to my post and have 3 images in my gallery for that post, but when I preview the page, the only thing that shows up is a loading bar.
I have gone through these comments and saw that you recommend changing the cache permissions to 777, but I cant seem to find where that folder is at. Let me know. Here is my site.
http://brandonriesgo.com/portfoliosite/work/johnny-2
Any ideas?
Login to your wordpress admin section and visit “WordPress Gallery” options page and set default settings for your gallery. Gallery is not displaying because default options are not set.
Hey, I am having an issue that it seems most people on here have had. I loaded the plug-in, activated it, inserted the [wpg] into my post but when I go to preview it all I can see is the loading symbol. Any thought? It seems like a great plugin that you have made and I am really excited to get it working on my site. Thanks.
http://brandonriesgo.com/portfoliosite/work/johnny-3
Hi Brandon,
You need to set default values for ALL of the options on the options page. I discovered this by trial and error.
Cheers,
Derek
Is there any way to disable the automatic resizing? I want the slide show to be 960 x 560 but I do not want javascript to resize the elements inside of the slide show.
Okay I worked out how to do this by giving the nivo-slider a defined width in the css. But one bug I am seeing is that even if lightbox is disabled in the admin section, it still shows when clicking the images…
Nevermind i fixed it!
To set the order of the images in the gallery:
Select the gallery tab from the image upload dialog.
Sort the images by dragging and dropping.
Select save changes.
This was not very apparent to me but it works great once you know how
the use of timthumb.php script has been exploited by hackers. Are you using the latest updated scripts to fix this?
http://blog.sucuri.net/2011/08/attacks-against-timthumb-php-in-the-wild-list-of-themes-and-plugins-being-scanned.html
Yes it is using latest timthumb version.
Hey and thanks for a nice and clean plugin
I have used this for a while and now suddenly something has changed with the layout.
The slider is now showing the page title below the images on a grey layer…!?
Her are the pages: http://www.twang.no/books
http://www.twang.no/work
Is that from a new update? Any tip how to remove it?
Kind regards
nicki
Forget it! It was the “SEO Friendly Images plugin” that made it.
Thanks
nicki
Snilesh you’re THE man. Just registered and voted 5 stars for this plugin(im a longtime joomla user..). I’d donate a beer if money wouldnt be scarse.
Anyway, thanks a lot. Thats the proper way to do things – with a demo, faq and the rest.
Keep it up and wish you many satisfactions.
Hello, what a great plugin. Thanks.
Just wondering how I can change the lightbox size? I’m keen to make it smaller than full screen size.
Hi
I have used this plugin for a while and i really like it but now i did the update and I’m now having problem with the images to show up! Its only loading. I changed the permission on the cache folder but still only loading.
What can this be?
update plugin with 1.4 version. 1.3 version was having some issues.
First of all, thanks for a great plugin! I recently upgraded to 1.3 through the “automatic upgrade” option at the dashboard and had some problems with the timthumb script. It contained four weird lines before “<? php" creating corrupted pngs. The lines were:
PR: 5 I: 220 L: 59 LD: 69 I: 4 Rank: 2131 Age: May 17, 2009 Tw: 0 l: 1 +1: 2 whois source Rank: 14532 Density Diagnosis Links: 0 | 0
I don't know if my process somehow put them there or how they appeared, but when I removed them everything started working again.
Kind regards,
Fredrik
update plugin with 1.4 version.
This is a great slideshow plugin. Very simple to use yet lots of features. Thanks for developing it!
Is there a way to put it into a sidebar?
Thx for this…. perfectly fits for my need right now. the caption feature would be really awesome.
donation send right now.
Thx very much
Hi, Nice plugin! Found a small bug for Windows-hosted instances though and wanted to share the fix. In the timthumb.php file you have
// account for Windows directory structure
if (strstr($_SERVER['SCRIPT_FILENAME'],’:')) {
$sub_directories = explode(‘\\’, str_replace($this->docRoot, ”, $_SERVER['SCRIPT_FILENAME']));
} else {
$sub_directories = explode(‘/’, str_replace($this->docRoot, ”, $_SERVER['SCRIPT_FILENAME']));
}
But this block isn’t necessary at all. The line with the typically URL-style “/” slash serves just fine for Windows-based Apache servers. So the only needed line is this one:
$sub_directories = explode(‘/’, str_replace($this->docRoot, ”, $_SERVER['SCRIPT_FILENAME']));
Thanks for this plugin, very simple. I appreciate that it generates automatic slideshows just by adding do_shortcode in a template, so you don’t have to manage picture galleries or slideshow manually like in a lot of other plugin. Just attach some picture in a post.
My question is about number navigation: how do you make it appear with [wpg] shortcode? I seen no attribute in the shortcode parameters to differencialte dot navigation and number navigation.
Thanks a lot for your help, I didn’t found this issue in the comments here.